Updates styling and content

This commit is contained in:
Beau Findlay
2026-01-31 18:31:08 +00:00
parent 36b1224127
commit 64e0b88a5e
4 changed files with 7 additions and 10 deletions

View File

@@ -19,7 +19,7 @@
</label>
</div>
<div class="desktop-nav">
<NavLink href="/experience">Experience</NavLink>
<NavLink href="/experience">My Experience</NavLink>
<NavLink href="/about">This app</NavLink>
</div>
</nav>
@@ -55,7 +55,7 @@
</div>
<div class="mobile-menu-body">
<div class="mobile-nav-links">
<NavLink href="/experience">Experience</NavLink>
<NavLink href="/experience">My Experience</NavLink>
<NavLink href="/about">This App</NavLink>
</div>
<div class="mobile-social-divider">

View File

@@ -2,7 +2,7 @@
<PageTitle>Beau Findlay - Experience</PageTitle>
<Title CssClass="text-center">Experience</Title>
<Title CssClass="text-center">My Experience</Title>
<p class="text-center text-xl font-semibold mb-10 ">
Software Engineer since 2018

View File

@@ -14,5 +14,5 @@
<AnchorLink Href="https://unhurdmusic.com">un:hurd music</AnchorLink>.
</Text>
<Text>
I believe in a privacy-first, information-focussed and performant internet. You won't find any trackers, analytics or the need for a cookie consent policy here.
I believe in a privacy-first, information-focussed and performant internet. You won't find any trackers, analytics or the need for a cookie banner here.
</Text>

View File

@@ -221,7 +221,7 @@
.mobile-menu-body {
margin-top: var(--space-6);
flex: 1 1 0%;
flex: 1 1 0;
display: flex;
flex-direction: column;
justify-content: space-between;
@@ -236,9 +236,7 @@
margin-right: -0.75rem;
display: block;
border-radius: var(--radius-lg);
padding: 0.75rem;
padding-top: var(--space-2);
padding-bottom: var(--space-2);
padding: var(--space-2) 0.75rem;
font-size: var(--font-size-base);
font-weight: var(--font-weight-semibold);
line-height: 1.75;
@@ -268,13 +266,12 @@ body:has(.menu-toggle:checked) {
.mobile-menu-content {
max-width: 24rem;
box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1);
border-left: 2px solid var(--color-slate-800);
}
}
@media (min-width: 1024px) {
.navbar .logo-container {
flex: 1 1 0%;
flex: 1 1 0;
}
.navbar .mobile-menu-button-container {