bryan/itme-brain.github.io
1
0
Fork 0
mirror of https://github.com/itme-brain/itme-brain.github.io.git synced 2026-03-23 20:19:43 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

updated

Browse source
This commit is contained in:
Bryan Ramos 2026-03-23 00:56:25 -04:00
parent 9576fe3e3f
commit f214ff3ada
20 changed files with 132 additions and 182 deletions
Download patch file Download diff file Expand all files Collapse all files

46
css/styles.css
View file

@ -3,9 +3,9 @@
============================================= */
[data-theme="dark"],
:root {
--color-bg: #0F1923;
--color-surface: #162230;
--color-surface-alt: #1C2C3A;
--color-bg: #171e26;
--color-surface: #10161d;
--color-surface-alt: #1e2731;
--color-border: #243447;
--color-text-primary: #E8EDF2;
--color-text-secondary: #8FA3B1;
@ -48,7 +48,7 @@
============================================= */
:root {
--font-sans: 'Inter', system-ui, -apple-system, sans-serif;
--font-mono: 'JetBrains Mono', 'Fira Code', 'Cascadia Code', monospace;
--font-mono: 'Fira Code', 'Cascadia Code', monospace;
--text-xs: 0.75rem;
--text-sm: 0.875rem;
@ -152,13 +152,13 @@ h3 {
LINKS
============================================= */
a, a:active {
color: var(--color-link);
color: var(--color-accent);
text-decoration: none;
transition: color var(--transition-fast);
}
a:hover {
color: var(--color-link-hover);
color: var(--color-accent-hover);
}
/* =============================================
@ -215,13 +215,20 @@ header li {
header li a {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 38px;
height: 38px;
padding: var(--space-2) var(--space-3);
border-radius: var(--radius-md);
font-size: var(--text-xs);
font-weight: var(--weight-medium);
color: var(--color-text-secondary);
transition: color var(--transition-fast), background-color var(--transition-fast);
gap: var(--space-1);
}
header li a i {
font-size: var(--text-lg);
}
header li a:hover {
@ -546,6 +553,26 @@ header li a:hover {
border-color: var(--color-accent);
}
/* =============================================
FOOTER
============================================= */
footer {
margin-top: var(--space-8);
display: flex;
justify-content: space-between;
align-items: center;
font-size: var(--text-base);
color: var(--color-text-muted);
}
footer a {
color: var(--color-text-muted);
}
footer a:hover {
color: var(--color-accent);
}
/* =============================================
RESPONSIVE
============================================= */
@ -564,7 +591,8 @@ header li a:hover {
height: 96px;
}
.theme-toggle {
.theme-toggle,
.home-btn {
width: 32px;
height: 32px;
font-size: 12px;