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

@@ -170,6 +170,7 @@
     });
   }
 
+  applyHopSemantics();
   document.addEventListener('DOMContentLoaded', queueApply);
   document.addEventListener('htmx:afterSwap', queueApply);
   new MutationObserver(queueApply).observe(document.documentElement, {childList: true, subtree: true});

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>

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>