Full name in header on homepage now for small screens

This commit is contained in:
Andrew Gioia 2026-04-30 06:41:59 -04:00
parent 3003932980
commit 58dc25f417
Signed by: andrew
GPG Key ID: FC09694A000800C8
2 changed files with 12 additions and 7 deletions

View File

@ -268,10 +268,10 @@ main {
display: grid;
grid-auto-rows: auto 12rem;
justify-items: center;
height: calc(100dvh - 5rem);
max-height: calc(100dvh - 5rem);
max-width: 100dvw;
width: 100dvw;
height: calc(100lvh - 5rem);
max-height: calc(100lvh - 5rem);
max-width: 100lvw;
width: 100lvw;
hgroup,
aside {
@ -283,7 +283,7 @@ main {
hgroup {
align-content: end;
display: grid;
padding: 4rem 0 0;
padding: 3rem 0 0;
.lede {
margin: 1rem 0 0;
@ -908,6 +908,8 @@ body#legacy
min-height: 860px;
> hgroup {
padding-top: 4rem;
.lede {
max-width: 80%;
}

View File

@ -30,8 +30,11 @@
<header>
<div class="title">
<a class="logo" href="{{ "/" | relURL }}">
<span class="tablet-hide">AG</span>
<span class="tablet-show">Andrew Gioia</span>
{{- if and .IsPage (eq .Section "studies") -}}
<span>AG</span>
{{- else -}}
<span>Andrew Gioia</span>
{{- end -}}
</a>
{{- if and .IsPage (eq .Section "studies") -}}
<a class="page" href="{{ "/studies" | relURL }}">