zat.dev
zzstoatzz.io
+14
-15
site/index.html
+14
-15
site/index.html
···
28
28
</nav>
29
29
30
30
<main class="main">
31
-
<div class="main-inner">
32
-
<article id="content" class="content">
33
-
<noscript>This docs site requires JavaScript.</noscript>
34
-
</article>
35
-
<footer class="footer">
36
-
<a
37
-
class="footer-link"
38
-
href="https://wisp.place"
39
-
target="_blank"
40
-
rel="noopener noreferrer"
41
-
>
42
-
powered by wisp.place
43
-
</a>
44
-
</footer>
45
-
</div>
31
+
<article id="content" class="content">
32
+
<noscript>This docs site requires JavaScript.</noscript>
33
+
</article>
46
34
</main>
47
35
</div>
36
+
37
+
<footer class="site-footer">
38
+
<a
39
+
class="footer-link"
40
+
href="https://wisp.place"
41
+
target="_blank"
42
+
rel="noopener noreferrer"
43
+
>
44
+
powered by wisp.place
45
+
</a>
46
+
</footer>
48
47
</div>
49
48
50
49
<!-- Markdown renderer (no build step). -->
+9
-6
site/style.css
+9
-6
site/style.css
···
51
51
52
52
.app {
53
53
min-height: 100%;
54
+
display: flex;
55
+
flex-direction: column;
54
56
}
55
57
56
58
.header {
···
96
98
grid-template-columns: 280px 1fr;
97
99
gap: 16px;
98
100
padding: 16px;
101
+
flex: 1;
99
102
}
100
103
101
104
@media (max-width: 980px) {
···
149
152
justify-content: center;
150
153
}
151
154
152
-
.main-inner {
155
+
.content {
153
156
width: min(var(--max), 100%);
154
-
}
155
-
156
-
.content {
157
157
border: 1px solid var(--border);
158
158
border-radius: var(--radius);
159
159
background: var(--panel);
···
161
161
padding: 24px;
162
162
}
163
163
164
-
.footer {
164
+
.site-footer {
165
165
display: flex;
166
166
justify-content: flex-end;
167
-
padding: 10px 4px 0;
167
+
padding: 12px 16px;
168
+
border-top: 1px solid var(--border);
169
+
background: color-mix(in srgb, var(--panel) 92%, transparent);
170
+
backdrop-filter: blur(10px);
168
171
}
169
172
170
173
.footer-link {