alex/infrastructure
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

color vars
All checks were successful
Apply Kuberentes Configs / update-repo (push) Successful in 1s
Details
Apply Kuberentes Configs / update-infrastructure (push) Successful in 4s
Details
Apply Kuberentes Configs / notify-on-failure (push) Has been skipped
Details

Browse Source
This commit is contained in:
Alex Mickelson
2026-03-05 10:20:12 -07:00
parent dad37e8015
commit 7e1ed7cf54
1 changed files with 58 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files

98
kubernetes/gitea/landingpage.css
View File

@@ -1,7 +1,25 @@
:root {
--color-bg-page: #0d1117;
--color-bg-card: #161b22;
--color-bg-card-hover: #1c2128;
--color-border: #21262d;
--color-border-muted: #30363d;
--color-text: #e6edf3;
--color-text-muted: #8b949e;
--color-text-subtle: #6e7681;
--color-text-faint: #484f58;
--color-accent: #58a6ff;
--color-accent-subtle: #58a6ff11;
--color-accent-shadow: #58a6ff1a;
--color-success: #238636;
--color-success-hover: #2ea043;
--color-white: #fff;
}
#alex-landing { #alex-landing {
min-height: 100vh; min-height: 100vh;
background: #0d1117; background: var(--color-bg-page);
color: #e6edf3; color: var(--color-text);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
} }
@@ -20,7 +38,7 @@
font-size: 3rem; font-size: 3rem;
font-weight: 800; font-weight: 800;
margin: 0 0 12px; margin: 0 0 12px;
background: linear-gradient(135deg, #e6edf3 0%, #58a6ff 100%); background: linear-gradient(135deg, var(--color-text) 0%, var(--color-accent) 100%);
-webkit-background-clip: text; -webkit-background-clip: text;
-webkit-text-fill-color: transparent; -webkit-text-fill-color: transparent;
background-clip: text; background-clip: text;
@@ -35,25 +53,25 @@
.btn-primary { .btn-primary {
padding: 10px 24px; padding: 10px 24px;
border-radius: 8px; border-radius: 8px;
background: #238636; background: var(--color-success);
color: #fff; color: var(--color-white);
font-weight: 600; font-weight: 600;
font-size: 0.95rem; font-size: 0.95rem;
text-decoration: none; text-decoration: none;
transition: background 0.2s; transition: background 0.2s;
} }
.btn-primary:hover { background: #2ea043; } .btn-primary:hover { background: var(--color-success-hover); }
.btn-ghost { .btn-ghost {
padding: 10px 24px; padding: 10px 24px;
border-radius: 8px; border-radius: 8px;
border: 1px solid #30363d; border: 1px solid var(--color-border-muted);
color: #e6edf3; color: var(--color-text);
font-weight: 600; font-weight: 600;
font-size: 0.95rem; font-size: 0.95rem;
text-decoration: none; text-decoration: none;
transition: border-color 0.2s, background 0.2s; transition: border-color 0.2s, background 0.2s;
} }
.btn-ghost:hover { border-color: #58a6ff; background: #58a6ff11; } .btn-ghost:hover { border-color: var(--color-accent); background: var(--color-accent-subtle); }
/* Projects section */ /* Projects section */
.projects-section { .projects-section {
@@ -72,11 +90,11 @@
font-size: 1.5rem; font-size: 1.5rem;
font-weight: 700; font-weight: 700;
margin: 0; margin: 0;
color: #e6edf3; color: var(--color-text);
} }
.subtitle { .subtitle {
font-size: 0.9rem; font-size: 0.9rem;
color: #8b949e; color: var(--color-text-muted);
} }
/* Grid */ /* Grid */
@@ -90,7 +108,7 @@
.skeleton-card { .skeleton-card {
height: 160px; height: 160px;
border-radius: 12px; border-radius: 12px;
background: linear-gradient(90deg, #161b22 25%, #21262d 50%, #161b22 75%); background: linear-gradient(90deg, var(--color-bg-card) 25%, var(--color-border) 50%, var(--color-bg-card) 75%);
background-size: 200% 100%; background-size: 200% 100%;
animation: shimmer 1.4s infinite; animation: shimmer 1.4s infinite;
} }
@@ -101,8 +119,8 @@
/* Repo cards */ /* Repo cards */
.repo-card { .repo-card {
background: #161b22; background: var(--color-bg-card);
border: 1px solid #21262d; border: 1px solid var(--color-border);
border-radius: 12px; border-radius: 12px;
padding: 20px; padding: 20px;
text-decoration: none; text-decoration: none;
@@ -114,9 +132,9 @@
cursor: pointer; cursor: pointer;
} }
.repo-card:hover { .repo-card:hover {
border-color: #58a6ff; border-color: var(--color-accent);
transform: translateY(-2px); transform: translateY(-2px);
box-shadow: 0 8px 24px #58a6ff1a; box-shadow: 0 8px 24px var(--color-accent-shadow);
} }
.repo-card-header { .repo-card-header {
display: flex; display: flex;
@@ -130,23 +148,23 @@
.repo-name { .repo-name {
font-size: 1rem; font-size: 1rem;
font-weight: 600; font-weight: 600;
color: #58a6ff; color: var(--color-accent);
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
} }
.repo-private { .repo-private {
font-size: 0.7rem; font-size: 0.7rem;
background: #21262d; background: var(--color-border);
border: 1px solid #30363d; border: 1px solid var(--color-border-muted);
border-radius: 4px; border-radius: 4px;
padding: 1px 6px; padding: 1px 6px;
color: #8b949e; color: var(--color-text-muted);
flex-shrink: 0; flex-shrink: 0;
} }
.repo-desc { .repo-desc {
font-size: 0.875rem; font-size: 0.875rem;
color: #8b949e; color: var(--color-text-muted);
line-height: 1.5; line-height: 1.5;
flex: 1; flex: 1;
overflow: hidden; overflow: hidden;
@@ -156,8 +174,8 @@
} }
.repo-commit { .repo-commit {
font-size: 0.8rem; font-size: 0.8rem;
color: #6e7681; color: var(--color-text-subtle);
border-top: 1px solid #21262d; border-top: 1px solid var(--color-border);
padding-top: 10px; padding-top: 10px;
display: flex; display: flex;
align-items: center; align-items: center;
@@ -168,7 +186,7 @@
width: 6px; width: 6px;
height: 6px; height: 6px;
border-radius: 50%; border-radius: 50%;
background: #238636; background: var(--color-success);
flex-shrink: 0; flex-shrink: 0;
} }
.commit-msg { .commit-msg {
@@ -178,14 +196,14 @@
flex: 1; flex: 1;
} }
.commit-time { .commit-time {
color: #484f58; color: var(--color-text-faint);
flex-shrink: 0; flex-shrink: 0;
} }
.repo-meta { .repo-meta {
display: flex; display: flex;
gap: 14px; gap: 14px;
font-size: 0.8rem; font-size: 0.8rem;
color: #6e7681; color: var(--color-text-subtle);
} }
.repo-meta span { display: flex; align-items: center; gap: 4px; } .repo-meta span { display: flex; align-items: center; gap: 4px; }
@@ -194,7 +212,7 @@
grid-column: 1 / -1; grid-column: 1 / -1;
text-align: center; text-align: center;
padding: 40px; padding: 40px;
color: #8b949e; color: var(--color-text-muted);
font-size: 0.95rem; font-size: 0.95rem;
} }
@@ -206,7 +224,7 @@
} }
.view-all-link { .view-all-link {
font-size: 0.85rem; font-size: 0.85rem;
color: #58a6ff; color: var(--color-accent);
text-decoration: none; text-decoration: none;
margin-left: auto; margin-left: auto;
} }
@@ -215,16 +233,16 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: 0; gap: 0;
border: 1px solid #21262d; border: 1px solid var(--color-border);
border-radius: 12px; border-radius: 12px;
overflow: hidden; overflow: hidden;
} }
.skeleton-activity { .skeleton-activity {
height: 52px; height: 52px;
background: linear-gradient(90deg, #161b22 25%, #21262d 50%, #161b22 75%); background: linear-gradient(90deg, var(--color-bg-card) 25%, var(--color-border) 50%, var(--color-bg-card) 75%);
background-size: 200% 100%; background-size: 200% 100%;
animation: shimmer 1.4s infinite; animation: shimmer 1.4s infinite;
border-top: 1px solid #0d1117; border-top: 1px solid var(--color-bg-page);
} }
.skeleton-activity:first-child { border-top: none; } .skeleton-activity:first-child { border-top: none; }
.activity-item { .activity-item {
@@ -232,19 +250,19 @@
align-items: flex-start; align-items: flex-start;
gap: 12px; gap: 12px;
padding: 12px 16px; padding: 12px 16px;
background: #161b22; background: var(--color-bg-card);
border-top: 1px solid #21262d; border-top: 1px solid var(--color-border);
font-size: 0.875rem; font-size: 0.875rem;
transition: background 0.15s; transition: background 0.15s;
} }
.activity-item:first-child { border-top: none; } .activity-item:first-child { border-top: none; }
.activity-item:hover { background: #1c2128; } .activity-item:hover { background: var(--color-bg-card-hover); }
.activity-op-icon { .activity-op-icon {
flex-shrink: 0; flex-shrink: 0;
width: 28px; width: 28px;
height: 28px; height: 28px;
border-radius: 50%; border-radius: 50%;
background: #21262d; background: var(--color-border);
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
@@ -252,9 +270,9 @@
margin-top: 1px; margin-top: 1px;
} }
.activity-body { flex: 1; min-width: 0; } .activity-body { flex: 1; min-width: 0; }
.activity-headline { color: #e6edf3; line-height: 1.5; } .activity-headline { color: var(--color-text); line-height: 1.5; }
.activity-headline a { .activity-headline a {
color: #58a6ff; color: var(--color-accent);
text-decoration: none; text-decoration: none;
font-weight: 600; font-weight: 600;
} }
@@ -270,13 +288,13 @@
align-items: center; align-items: center;
gap: 8px; gap: 8px;
font-size: 0.8rem; font-size: 0.8rem;
color: #8b949e; color: var(--color-text-muted);
overflow: hidden; overflow: hidden;
} }
.activity-commit-sha { .activity-commit-sha {
font-family: monospace; font-family: monospace;
font-size: 0.75rem; font-size: 0.75rem;
color: #58a6ff; color: var(--color-accent);
flex-shrink: 0; flex-shrink: 0;
text-decoration: none; text-decoration: none;
} }
@@ -289,7 +307,7 @@
.activity-time { .activity-time {
flex-shrink: 0; flex-shrink: 0;
font-size: 0.78rem; font-size: 0.78rem;
color: #484f58; color: var(--color-text-faint);
margin-left: auto; margin-left: auto;
padding-left: 12px; padding-left: 12px;
white-space: nowrap; white-space: nowrap;