From fa2f16f9cfb76a024f51656ce8851f8f7c2518b6 Mon Sep 17 00:00:00 2001
From: Hop <hop@localhost>
Date: Sat, 11 Jul 2026 12:52:47 -0700
Subject: [PATCH] Reconcile the mascot homepage with a synchronous no-flash Hop
 UI gate

Hop-State: A_06FN5FAMPMB5RMA9X6V05BR
Hop-Proposal: R_06FN5F91MYCDBBM8RZ85N0G
Hop-Task: T_06FN50V05VH5V9WE9QQF9KR
Hop-Attempt: AT_06FN5F2NX90QCXGZC75YXVG
---
 deploy/gitea/public/assets/js/hop-native.js | 1 +
 deploy/gitea/templates/custom/footer.tmpl   | 2 +-
 deploy/gitea/templates/custom/header.tmpl   | 9 +++++++++
 3 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/deploy/gitea/public/assets/js/hop-native.js b/deploy/gitea/public/assets/js/hop-native.js
index d39cfb2..b32107a 100644
--- a/deploy/gitea/public/assets/js/hop-native.js
+++ b/deploy/gitea/public/assets/js/hop-native.js
@@ -170,6 +170,7 @@
     });
   }
 
+  applyHopSemantics();
   document.addEventListener('DOMContentLoaded', queueApply);
   document.addEventListener('htmx:afterSwap', queueApply);
   new MutationObserver(queueApply).observe(document.documentElement, {childList: true, subtree: true});
diff --git a/deploy/gitea/templates/custom/footer.tmpl b/deploy/gitea/templates/custom/footer.tmpl
index c93999a..d14de33 100644
--- a/deploy/gitea/templates/custom/footer.tmpl
+++ b/deploy/gitea/templates/custom/footer.tmpl
@@ -1,2 +1,2 @@
 <link rel="stylesheet" href="{{AssetUrlPrefix}}/css/hop-home.css?v=4">
-<script src="{{AssetUrlPrefix}}/js/hop-native.js?v=7"></script>
+<script src="{{AssetUrlPrefix}}/js/hop-native.js?v=8"></script>
diff --git a/deploy/gitea/templates/custom/header.tmpl b/deploy/gitea/templates/custom/header.tmpl
index 98ee9f8..8bc6bfb 100644
--- a/deploy/gitea/templates/custom/header.tmpl
+++ b/deploy/gitea/templates/custom/header.tmpl
@@ -1,6 +1,15 @@
 <link rel="preload" href="{{AssetUrlPrefix}}/img/hop.svg?v=4" as="image" type="image/svg+xml">
 <style>
+html:not([data-hop-native="true"]) {
+	background: var(--color-body);
+}
+
+html:not([data-hop-native="true"]) body {
+	visibility: hidden;
+}
+
 #navbar-logo img {
 	content: url("{{AssetUrlPrefix}}/img/hop.svg?v=4");
 }
 </style>
+<noscript><style>html body { visibility: visible !important; }</style></noscript>