kokirigla.de
online Minecraft written book viewer
feat(ui): improve footer
+25
-8
+23
-7
src/web/assets/stylesheet.css
+23
-7
src/web/assets/stylesheet.css
···
35
35
font-synthesis: none;
36
36
}
37
37
38
+
.text-normal {
39
+
color: unset;
40
+
}
41
+
38
42
.text-black {
39
43
color: #000000;
40
44
}
···
106
110
--surface: #c6c6c6;
107
111
--surface-strong: #b7b7b7;
108
112
--surface-weak: #d7d7d7;
113
+
--link: #1d4ed8;
109
114
--accent: #4f9a3a;
110
115
--accent-strong: #336f26;
111
116
--border: #3b3b3b;
···
140
145
}
141
146
142
147
a {
143
-
color: var(--accent-strong);
148
+
color: var(--link);
144
149
text-decoration: none;
145
150
}
146
151
···
269
274
.button.ghost,
270
275
.link-reset {
271
276
background: transparent;
272
-
color: var(--accent-strong);
277
+
color: var(--link);
273
278
border: 0.0625rem solid var(--border);
274
279
padding: 0.5625rem 1rem;
275
280
border-radius: 0.625rem;
···
302
307
border: 0.0625rem solid var(--border);
303
308
border-radius: 1rem;
304
309
padding: 1.125rem;
310
+
margin-bottom: 1.5rem;
305
311
}
306
312
307
313
.sidebar h2 {
···
503
509
504
510
.footer {
505
511
margin-top: auto;
506
-
padding-top: 1.75rem;
512
+
padding: 1.5rem;
507
513
text-align: center;
508
514
color: var(--ink-muted);
515
+
background: var(--surface);
516
+
border: 0.0625rem solid var(--border);
517
+
border-radius: 1.125rem;
518
+
text-transform: lowercase;
509
519
}
510
520
511
521
.detail {
···
531
541
532
542
.detail-body {
533
543
margin-top: 1.5rem;
544
+
margin-bottom: 1.5rem;
534
545
width: 100%;
535
546
max-width: calc((var(--book-sprite-width) * 3) + (var(--book-grid-gap) * 2));
536
547
margin-inline: auto;
···
606
617
.sidebar .panel,
607
618
.book-tile,
608
619
.page-preview,
609
-
.empty-state {
620
+
.empty-state,
621
+
.footer {
610
622
border-radius: 0;
611
623
border: 0.125rem solid var(--border);
612
624
box-shadow:
···
617
629
.hero,
618
630
.sidebar .panel,
619
631
.page-preview,
620
-
.empty-state {
632
+
.empty-state,
633
+
.footer {
621
634
background: var(--surface);
622
635
}
623
636
···
658
671
.link-reset {
659
672
border: 0.125rem solid var(--border);
660
673
background: #b7b7b7;
661
-
color: var(--ink);
662
674
box-shadow:
663
675
inset 0.0625rem 0.0625rem 0 rgba(255, 255, 255, 0.4),
664
676
inset -0.0625rem -0.0625rem 0 rgba(0, 0, 0, 0.4);
677
+
}
678
+
679
+
.link-reset {
680
+
color: var(--link);
665
681
}
666
682
667
683
.category-link {
···
769
785
flex-direction: column;
770
786
align-items: flex-start;
771
787
}
772
-
}
788
+
}
+2
-1
templates/base.html
+2
-1
templates/base.html
···
14
14
<main class="{% block page_class %}page{% endblock %}" {% block page_attrs %}{% endblock %}>
15
15
{% block body %}{% endblock %}
16
16
<footer class="footer">
17
-
<p class="subtle">build <a
17
+
<p class="subtle"><a href="/" class="text-normal">nara</a> | <a
18
+
href="https://tangled.org/did:plc:uthy5qqccx3hdwxo7sriplmh/nara">Repository</a> | Build <a
18
19
href="https://tangled.org/did:plc:uthy5qqccx3hdwxo7sriplmh/nara/commit/{{ git_hash }}">{{ &git_hash[0..6]
19
20
}}</a></p>
20
21
</footer>