first commit

2025-05-13 12:12:47 +02:00
commit c37cf55f67
75 changed files with 13258 additions and 0 deletions
--- a/styles/RepoCard.module.css
+++ b/styles/RepoCard.module.css
@@ -0,0 +1,133 @@
+.card {
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  background: var(--article-bg);
+  border-radius: 8px;
+  padding: 1.25rem;
+  height: 100%;
+  border: 1px solid rgba(255, 255, 255, 0.1);
+  position: relative;
+  overflow: hidden;
+}
+
+.cardHeader {
+  display: flex;
+  justify-content: space-between;
+  align-items: flex-start;
+  margin-bottom: 0.75rem;
+  flex-wrap: wrap;
+  row-gap: 0.75rem;
+  column-gap: 0.5rem;
+}
+
+.language {
+  display: flex;
+  align-items: center;
+  gap: 0.3rem;
+  font-size: 0.8rem;
+  color: rgba(255, 255, 255, 0.7);
+  padding: 0.2rem 0.5rem;
+  border-radius: 4px;
+  background-color: rgba(255, 255, 255, 0.05);
+  white-space: nowrap;
+}
+
+.languageIcon {
+  color: var(--accent-color);
+  font-size: 0.9rem;
+}
+
+.card p {
+  margin: 0.75rem 0;
+  color: var(--text-color);
+  font-size: 0.92rem;
+  line-height: 1.5;
+  flex-grow: 1;
+  overflow-wrap: break-word;
+  word-wrap: break-word;
+}
+
+.title {
+  color: var(--accent-color);
+  margin: 0;
+  font-size: 1.1rem;
+  font-weight: 600;
+  position: relative;
+  display: inline-block;
+}
+
+.title::after {
+  content: '';
+  position: absolute;
+  left: 0;
+  bottom: -3px;
+  width: 100%;
+  height: 1px;
+  background-color: var(--accent-color);
+  opacity: 0.5;
+}
+
+.stats {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-top: auto;
+  padding-top: 1rem;
+  border-top: 1px solid rgba(255, 255, 255, 0.05);
+  flex-wrap: wrap;
+  gap: 0.5rem;
+}
+
+.stats > div {
+  display: flex;
+  align-items: center;
+}
+
+.stats > div:first-child {
+  display: flex;
+  gap: 1rem;
+  flex-wrap: wrap;
+}
+
+.stats > div:first-child > div {
+  display: flex;
+  align-items: center;
+  font-size: 0.85rem;
+  color: rgba(255, 255, 255, 0.7);
+  white-space: nowrap;
+}
+
+.stats > div:nth-child(2) {
+  display: flex;
+  gap: 1rem;
+}
+
+.stats > div:nth-child(2) a {
+  opacity: 0.7;
+  transition: opacity 0.1s ease;
+}
+
+.stats > div:nth-child(2) a:hover {
+  opacity: 1;
+}
+
+.icon {
+  color: var(--accent-color);
+  margin-right: 0.3rem;
+  font-size: 1rem;
+}
+
+@media screen and (max-width: 400px) {
+  .card {
+    padding: 1rem;
+  }
+
+  .stats > div:first-child {
+    gap: 0.75rem;
+  }
+
+  .stats > div:nth-child(2) {
+    gap: 0.75rem;
+  }
+}