dvorakmortonxd/dvorakmortonxd.dev
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

big commit, added borders around the titles and made a slightly bigger space between the sections to account for the borders

Browse source
This commit is contained in:
dvorakmortonxd 2026-05-19 11:30:41 +02:00
commit 5569d5ba3f
2 changed files with 51 additions and 41 deletions
Download patch file Download diff file Expand all files Collapse all files

66
src/app/page.css
View file

@ -133,7 +133,7 @@ body {
padding: 0;
position: relative;
z-index: 2;
margin-top: 16px;
margin-top: 20px;
}
.hero-panel {
@ -150,12 +150,14 @@ body {
top: -1px;
left: 16px;
transform: translateY(-50%);
background: rgba(29, 32, 33, 0.95);
padding: 0 8px;
background: var(--bg);
color: white;
padding: 2px 6px;
border-radius: 0;
border: 1px solid white;
font-size: 0.8rem;
font-weight: 700;
color: var(--accent);
letter-spacing: 0.08em;
font-weight: bold;
letter-spacing: 0.05em;
text-transform: uppercase;
}
@ -196,7 +198,7 @@ body {
}
.about-section {
margin-top: 16px;
margin-top: 20px;
}
.about-content {
@ -230,7 +232,7 @@ body {
SOCIAL BUTTONS - TUI list style
============================================ */
.social-section {
margin-top: 16px;
margin-top: 20px;
}
.tui-panel {
@ -246,11 +248,14 @@ body {
top: -1px;
left: 16px;
transform: translateY(-50%);
background: rgba(29, 32, 33, 0.95);
padding: 0 8px;
background: var(--bg);
color: white;
padding: 2px 6px;
border-radius: 0;
border: 1px solid white;
font-size: 0.8rem;
font-weight: 700;
letter-spacing: 0.08em;
font-weight: bold;
letter-spacing: 0.05em;
text-transform: uppercase;
}
@ -322,7 +327,7 @@ body {
SERVICES SECTION - TUI grid
============================================ */
.services-section {
margin-top: 16px;
margin-top: 20px;
padding-top: 0;
}
@ -461,7 +466,7 @@ body {
PROJECTS - TUI sections
============================================ */
.projects {
margin-top: 16px;
margin-top: 20px;
padding: 0;
text-align: left;
position: relative;
@ -477,7 +482,7 @@ body {
}
.subsection-wrapper {
margin-top: 16px;
margin-top: 20px;
}
.subsection-panel {
@ -494,12 +499,14 @@ body {
top: -1px;
left: 16px;
transform: translateY(-50%);
background: rgba(29, 32, 33, 0.95);
padding: 0 8px;
background: var(--bg);
color: white;
padding: 2px 6px;
border-radius: 0;
border: 1px solid white;
font-size: 0.8rem;
font-weight: 700;
color: var(--accent2);
letter-spacing: 0.08em;
font-weight: bold;
letter-spacing: 0.05em;
text-transform: uppercase;
}
@ -666,7 +673,7 @@ body {
FOOTER - TUI status bar
============================================ */
.footer {
margin-top: 16px;
margin-top: 20px;
margin-bottom: 24px;
padding: 10px 20px;
text-align: center;
@ -687,12 +694,14 @@ body {
top: -1px;
right: 16px;
transform: translateY(-50%);
background: rgba(29, 32, 33, 0.95);
padding: 0 8px;
background: var(--bg);
color: white;
padding: 2px 6px;
border-radius: 0;
border: 1px solid white;
font-size: 0.7rem;
font-weight: 700;
color: var(--gray);
letter-spacing: 0.08em;
font-weight: bold;
letter-spacing: 0.05em;
text-transform: uppercase;
}
@ -884,7 +893,7 @@ body {
SEARCH BAR
============================================ */
.search-section {
margin-top: 16px;
margin-top: 20px;
}
.search-form {
@ -960,7 +969,7 @@ body {
GYM PANEL
============================================ */
.gym-section {
margin-top: 16px;
margin-top: 20px;
}
.gym-grid {
@ -1067,3 +1076,4 @@ body {
.heatmap-legend-cell[data-level="3"] { background-color: rgba(142, 68, 173, 0.8); }
.heatmap-legend-cell[data-level="4"] { background-color: rgba(142, 68, 173, 1); }