mmintel/mintel.me
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

design

Browse Source
This commit is contained in:
Marc Mintel
2026-01-29 19:44:55 +01:00
parent 762226f744
commit ec0a055c13
16 changed files with 535 additions and 5413 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
app/globals.css
View File

@@ -53,7 +53,7 @@
}
a {
@apply text-blue-600 hover:text-blue-800 transition-colors;
@apply text-slate-900 hover:text-slate-700 transition-colors underline underline-offset-4;
}
ul, ol {
@@ -76,7 +76,7 @@
a:focus,
button:focus,
input:focus {
outline: 2px solid #3b82f6;
outline: 2px solid #0f172a;
outline-offset: 2px;
}
}
@@ -108,7 +108,7 @@
}
.search-box {
@apply w-full px-4 py-3 border-2 border-slate-200 rounded-lg focus:outline-none focus:border-blue-400 transition-colors;
@apply w-full px-4 py-3 border-2 border-slate-200 rounded-lg focus:outline-none focus:border-slate-900 transition-colors;
background: rgba(255,255,255,0.9);
backdrop-filter: blur(10px);
}
@@ -182,7 +182,7 @@
}
.btn-primary {
@apply bg-blue-600 hover:bg-blue-700 text-white px-3 py-1.5 rounded transition-colors;
@apply bg-slate-900 hover:bg-slate-800 text-white px-3 py-1.5 rounded transition-colors;
}
.btn-secondary {
@@ -309,8 +309,8 @@
/* Selection color */
::selection {
background: #bfdbfe;
color: #1e40af;
background: #0f172a;
color: #ffffff;
}
/* Tag Styles */
@@ -353,8 +353,8 @@
}
.highlighter-blue {
background: linear-gradient(135deg, rgba(100, 181, 246, 0.95) 0%, rgba(66, 165, 245, 0.95) 100%);
color: #001f3f;
background: linear-gradient(135deg, rgba(226, 232, 240, 0.95) 0%, rgba(203, 213, 225, 0.95) 100%);
color: #0f172a;
}
.highlighter-tag:hover::before {
@@ -374,10 +374,10 @@
}
.highlighter-tag:focus {
outline: 2px solid #3b82f6;
outline: 2px solid #0f172a;
outline-offset: 2px;
transform: rotate(-1deg) translateY(-2px) scale(1.05);
box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.3), 3px 3px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 0 0 4px rgba(15, 23, 42, 0.1), 3px 3px 0 rgba(0, 0, 0, 0.15);
}
/* Marker Title Styles */
@@ -570,7 +570,7 @@
}
.fallback-link {
color: #3b82f6;
@apply text-slate-900 underline underline-offset-4;
text-decoration: none;
font-weight: 500;
margin-top: 0.25rem;