jfork/octane-website
1
0
Fork 0
mirror of https://github.com/nfonteyne/octane-website.git synced 2026-09-03 23:24:48 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

update: change theme

Browse source
This commit is contained in:
Nathan FONTEYNE 2026-07-08 14:24:23 +02:00
parent aca521b54f
commit 9426b73940
17 changed files with 326 additions and 21 deletions
Download patch file Download diff file Expand all files Collapse all files

94
public/css/style.css
View file

@ -102,9 +102,12 @@ nav#main-nav {
.brand {
font-weight: 700;
font-size: 1.1rem;
font-size: 1.15rem;
letter-spacing: 0.01em;
color: var(--text);
background: linear-gradient(135deg, var(--accent), var(--accent-2));
-webkit-background-clip: text;
background-clip: text;
color: transparent;
display: flex;
align-items: center;
gap: 0.4rem;
@ -112,6 +115,7 @@ nav#main-nav {
}
.brand .brand-dot {
-webkit-text-fill-color: initial;
color: var(--accent);
}
@ -160,12 +164,94 @@ nav#main-nav {
margin-left: auto;
}
.nav-user a {
.nav-user > a {
color: var(--accent);
text-decoration: none;
font-weight: 500;
}
.nav-profile-link {
display: flex;
align-items: center;
gap: 0.5rem;
color: var(--text) !important;
font-weight: 500;
}
.nav-profile-link span { color: var(--text); }
#theme-toggle {
border-radius: 999px;
width: 2rem;
height: 2rem;
padding: 0;
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 1rem;
line-height: 1;
}
/* ---------- Avatars ---------- */
.avatar {
border-radius: 999px;
object-fit: cover;
flex: 0 0 auto;
}
.avatar-sm { width: 1.7rem; height: 1.7rem; }
.avatar-lg { width: 4.5rem; height: 4.5rem; font-size: 1.4rem; }
.avatar-initials {
display: flex;
align-items: center;
justify-content: center;
background: linear-gradient(135deg, var(--accent), var(--accent-2));
color: #fff;
font-weight: 700;
font-size: 0.75rem;
}
/* ---------- Profile page ---------- */
.profile-header {
display: flex;
align-items: center;
gap: 1.25rem;
margin-bottom: 1rem;
}
.stat-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
gap: 0.75rem;
}
.stat-tile {
background: var(--surface);
border: 1px solid var(--border);
border-radius: var(--radius);
box-shadow: var(--shadow);
padding: 1rem;
text-align: center;
}
.stat-value {
font-size: 1.8rem;
font-weight: 700;
background: linear-gradient(135deg, var(--accent), var(--accent-2));
-webkit-background-clip: text;
background-clip: text;
color: transparent;
}
.stat-label {
color: var(--muted);
font-size: 0.85rem;
margin-top: 0.2rem;
}
.badge {
background: linear-gradient(135deg, var(--accent), var(--accent-2));
color: #fff;
@ -675,4 +761,6 @@ a.back-link:hover { color: var(--accent); }
}
.setlist-row .row-note-input { flex-basis: 100%; order: 4; }
.setlist-row .row-actions { flex-basis: 100%; order: 5; justify-content: flex-end; }
.profile-header { flex-direction: column; text-align: center; }
}