microcosm.blue
bad-example.com
+11
-1
index.html
+11
-1
index.html
···
91
91
];
92
92
</script>
93
93
94
+
<style>
95
+
body:not(.ready) .hide-until-ready,
96
+
body.ready .show-until-ready {
97
+
display: none;
98
+
}
99
+
</style>
100
+
94
101
<script>
95
102
document.addEventListener('alpine:init', () => {
103
+
document.body.classList.add('ready');
104
+
96
105
Alpine.data('debug', () => ({
97
106
// form input
98
107
identifier: '',
···
606
615
<div class="hero bg-base-200 p-8">
607
616
<div class="hero-content flex-col">
608
617
<h1 class="text-2xl mb-8">PDS Debugger</h1>
609
-
<form @submit.prevent="await diagnose()">
618
+
<p class="show-until-ready"><em>Loading…</em></p>
619
+
<form class="hide-until-ready" @submit.prevent="await diagnose()">
610
620
<label class="text-sm text-primary" for="identifier">
611
621
atproto handle, DID, or HTTPS PDS URL
612
622
</label>