From 23894150711d798090e2c8bef3cfd07cace3723c Mon Sep 17 00:00:00 2001
From: Svilen Markov <7613769+svilenmarkov@users.noreply.github.com>
Date: Wed, 8 May 2024 01:21:55 +0100
Subject: [PATCH] Add mobile reachability header

---
 internal/assets/static/main.css        | 11 ++++++++++-
 internal/assets/templates/content.html |  4 ++++
 internal/glance/glance.go              |  9 +++++----
 3 files changed, 19 insertions(+), 5 deletions(-)

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 }}
+<div class="mobile-reachability-header">{{ .Page.Title }}</div>
+{{ end }}
+
 <div class="page-columns">
 {{ range .Page.Columns }}
     <div class="page-column page-column-{{ .Size }}">
diff --git a/internal/glance/glance.go b/internal/glance/glance.go
index e00809e..653be75 100644
--- a/internal/glance/glance.go
+++ b/internal/glance/glance.go
@@ -55,10 +55,11 @@ type templateData struct {
 }
 
 type Page struct {
-	Title   string   `yaml:"name"`
-	Slug    string   `yaml:"slug"`
-	Columns []Column `yaml:"columns"`
-	mu      sync.Mutex
+	Title            string   `yaml:"name"`
+	Slug             string   `yaml:"slug"`
+	ShowMobileHeader bool     `yaml:"show-mobile-header"`
+	Columns          []Column `yaml:"columns"`
+	mu               sync.Mutex
 }
 
 func (p *Page) UpdateOutdatedWidgets() {