diff --git a/internal/assets/static/main.css b/internal/assets/static/main.css index 1848ffd..4644bf3 100644 --- a/internal/assets/static/main.css +++ b/internal/assets/static/main.css @@ -497,7 +497,7 @@ body { animation-delay: 150ms; } -.mobile-navigation { +.mobile-navigation, .mobile-reachability-header { display: none; } @@ -1027,6 +1027,15 @@ body { .hide-on-mobile { display: none } + + .mobile-reachability-header { + display: block; + font-size: 3rem; + padding: 10vh 1rem; + text-align: center; + color: var(--color-text-highlight); + animation: pageColumnsEntrance .3s cubic-bezier(0.25, 1, 0.5, 1) backwards; + } } .size-h1 { font-size: var(--font-size-h1); } diff --git a/internal/assets/templates/content.html b/internal/assets/templates/content.html index 845507f..c59d6e1 100644 --- a/internal/assets/templates/content.html +++ b/internal/assets/templates/content.html @@ -1,3 +1,7 @@ +{{ if .Page.ShowMobileHeader }} +