more trying to change comfigmap

kubernetes/gitea/landingpage.css

@@ -14,6 +14,27 @@
   --color-success: #238636;
   --color-success-hover: #2ea043;
   --color-white: #fff;
+
+  /* Spacing */
+  --space-xl: 80px;
+  --space-lg: 24px;
+  --space-md: 20px;
+  --space-sm: 16px;
+  --space-xs: 12px;
+  --space-2xs: 10px;
+
+  /* Border radius */
+  --radius-lg: 12px;
+  --radius-md: 8px;
+  --radius-sm: 4px;
+
+  /* Font sizes */
+  --text-hero: 3rem;
+  --text-heading: 1.5rem;
+  --text-btn: 0.95rem;
+  --text-base: 0.875rem;
+  --text-sm: 0.8rem;
+  --text-xs: 0.75rem;
 }
 
 #alex-landing {
@@ -28,16 +49,16 @@
   display: flex;
   justify-content: center;
   align-items: center;
-  padding: 80px 24px 60px;
+  padding: var(--space-xl) var(--space-lg) 60px;
   text-align: center;
 }
 .hero-inner {
   max-width: 640px;
 }
 .hero h1 {
-  font-size: 3rem;
+  font-size: var(--text-hero);
   font-weight: 800;
-  margin: 0 0 12px;
+  margin: 0 0 var(--space-xs);
   background: linear-gradient(135deg, var(--color-text) 0%, var(--color-accent) 100%);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
@@ -46,28 +67,28 @@
 
 .hero-links {
   display: flex;
-  gap: 12px;
+  gap: var(--space-xs);
   justify-content: center;
   flex-wrap: wrap;
 }
 .btn-primary {
-  padding: 10px 24px;
-  border-radius: 8px;
+  padding: var(--space-2xs) var(--space-lg);
+  border-radius: var(--radius-md);
   background: var(--color-success);
   color: var(--color-white);
   font-weight: 600;
-  font-size: 0.95rem;
+  font-size: var(--text-btn);
   text-decoration: none;
   transition: background 0.2s;
 }
 .btn-primary:hover { background: var(--color-success-hover); }
 .btn-ghost {
-  padding: 10px 24px;
-  border-radius: 8px;
+  padding: var(--space-2xs) var(--space-lg);
+  border-radius: var(--radius-md);
   border: 1px solid var(--color-border-muted);
   color: var(--color-text);
   font-weight: 600;
-  font-size: 0.95rem;
+  font-size: var(--text-btn);
   text-decoration: none;
   transition: border-color 0.2s, background 0.2s;
 }
@@ -77,17 +98,17 @@
 .projects-section {
   max-width: 1100px;
   margin: 0 auto;
-  padding: 0 24px 80px;
+  padding: 0 var(--space-lg) var(--space-xl);
 }
 .section-header {
-  margin-bottom: 24px;
+  margin-bottom: var(--space-lg);
   display: flex;
   align-items: baseline;
-  gap: 12px;
+  gap: var(--space-xs);
   flex-wrap: wrap;
 }
 .section-header h2 {
-  font-size: 1.5rem;
+  font-size: var(--text-heading);
   font-weight: 700;
   margin: 0;
   color: var(--color-text);
@@ -101,13 +122,13 @@
 .repo-grid {
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
-  gap: 16px;
+  gap: var(--space-sm);
 }
 
 /* Skeleton loaders */
 .skeleton-card {
   height: 160px;
-  border-radius: 12px;
+  border-radius: var(--radius-lg);
   background: linear-gradient(90deg, var(--color-bg-card) 25%, var(--color-border) 50%, var(--color-bg-card) 75%);
   background-size: 200% 100%;
   animation: shimmer 1.4s infinite;
@@ -121,13 +142,13 @@
 .repo-card {
   background: var(--color-bg-card);
   border: 1px solid var(--color-border);
-  border-radius: 12px;
-  padding: 20px;
+  border-radius: var(--radius-lg);
+  padding: var(--space-md);
   text-decoration: none;
   color: inherit;
   display: flex;
   flex-direction: column;
-  gap: 10px;
+  gap: var(--space-2xs);
   transition: border-color 0.2s, transform 0.2s, box-shadow 0.2s;
   cursor: pointer;
 }
@@ -139,7 +160,7 @@
 .repo-card-header {
   display: flex;
   align-items: center;
-  gap: 10px;
+  gap: var(--space-2xs);
 }
 .repo-icon {
   font-size: 1.1rem;
@@ -157,13 +178,13 @@
   font-size: 0.7rem;
   background: var(--color-border);
   border: 1px solid var(--color-border-muted);
-  border-radius: 4px;
+  border-radius: var(--radius-sm);
   padding: 1px 6px;
   color: var(--color-text-muted);
   flex-shrink: 0;
 }
 .repo-desc {
-  font-size: 0.875rem;
+  font-size: var(--text-base);
   color: var(--color-text-muted);
   line-height: 1.5;
   flex: 1;
@@ -173,10 +194,10 @@
   -webkit-box-orient: vertical;
 }
 .repo-commit {
-  font-size: 0.8rem;
+  font-size: var(--text-sm);
   color: var(--color-text-subtle);
   border-top: 1px solid var(--color-border);
-  padding-top: 10px;
+  padding-top: var(--space-2xs);
   display: flex;
   align-items: center;
   gap: 6px;
@@ -202,7 +223,7 @@
 .repo-meta {
   display: flex;
   gap: 14px;
-  font-size: 0.8rem;
+  font-size: var(--text-sm);
   color: var(--color-text-subtle);
 }
 .repo-meta span { display: flex; align-items: center; gap: 4px; }
@@ -213,14 +234,14 @@
   text-align: center;
   padding: 40px;
   color: var(--color-text-muted);
-  font-size: 0.95rem;
+  font-size: var(--text-btn);
 }
 
 /* Activity section */
 .activity-section {
   max-width: 1100px;
   margin: 0 auto;
-  padding: 0 24px 80px;
+  padding: 0 var(--space-lg) var(--space-xl);
 }
 .view-all-link {
   font-size: 0.85rem;
@@ -234,7 +255,7 @@
   flex-direction: column;
   gap: 0;
   border: 1px solid var(--color-border);
-  border-radius: 12px;
+  border-radius: var(--radius-lg);
   overflow: hidden;
 }
 .skeleton-activity {
@@ -248,11 +269,11 @@
 .activity-item {
   display: flex;
   align-items: flex-start;
-  gap: 12px;
-  padding: 12px 16px;
+  gap: var(--space-xs);
+  padding: var(--space-xs) var(--space-sm);
   background: var(--color-bg-card);
   border-top: 1px solid var(--color-border);
-  font-size: 0.875rem;
+  font-size: var(--text-base);
   transition: background 0.15s;
 }
 .activity-item:first-child { border-top: none; }
@@ -266,7 +287,7 @@
   display: flex;
   align-items: center;
   justify-content: center;
-  font-size: 0.8rem;
+  font-size: var(--text-sm);
   margin-top: 1px;
 }
 .activity-body { flex: 1; min-width: 0; }
@@ -287,13 +308,13 @@
   display: flex;
   align-items: center;
   gap: 8px;
-  font-size: 0.8rem;
+  font-size: var(--text-sm);
   color: var(--color-text-muted);
   overflow: hidden;
 }
 .activity-commit-sha {
   font-family: monospace;
-  font-size: 0.75rem;
+  font-size: var(--text-xs);
   color: var(--color-accent);
   flex-shrink: 0;
   text-decoration: none;
@@ -309,6 +330,6 @@
   font-size: 0.78rem;
   color: var(--color-text-faint);
   margin-left: auto;
-  padding-left: 12px;
+  padding-left: var(--space-xs);
   white-space: nowrap;
 }