summaryrefslogtreecommitdiffstats
path: root/templates/base.html
diff options
context:
space:
mode:
authorVolpeon <git@volpeon.ink>2022-06-11 09:44:04 +0200
committerVolpeon <git@volpeon.ink>2022-06-11 09:44:04 +0200
commit575278aba99139635adc3b1f9385befe57102541 (patch)
treed98a160167610717da37f6340b3884ba4224fe5d /templates/base.html
parentUpdate (diff)
downloadvolpeon.ink-575278aba99139635adc3b1f9385befe57102541.tar.gz
volpeon.ink-575278aba99139635adc3b1f9385befe57102541.tar.bz2
volpeon.ink-575278aba99139635adc3b1f9385befe57102541.zip
Re-implemented design via iro-design
Diffstat (limited to 'templates/base.html')
-rw-r--r--templates/base.html46
1 files changed, 22 insertions, 24 deletions
diff --git a/templates/base.html b/templates/base.html
index 4d0be21..be796de 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -75,41 +75,39 @@ ${layouts/page()}
75 </main> 75 </main>
76 76
77 <footer class="c-footer"> 77 <footer class="c-footer">
78 <div class="l-container l-container--pad-y u-pb0" aria-hidden="true"> 78 <div class="l-container l-container--pad-y u-pb-0" aria-hidden="true">
79 <pre class="c-footer__ascii u-dn@sm-lo">${partials/ascii_fox()}</pre> 79 <pre class="c-footer__ascii u-d-none@sm-lo">${partials/ascii_fox()}</pre>
80 <pre class="c-footer__ascii u-dn@sm-hi">${partials/ascii_fox_small()}</pre> 80 <pre class="c-footer__ascii u-d-none@sm-hi">${partials/ascii_fox_small()}</pre>
81 </div> 81 </div>
82 </footer> 82 </footer>
83 83
84 <div class="c-lightbox"> 84 <div class="o-backdrop js-lightbox u-d-none t-dark">
85 <div class="c-lightbox__bg"></div> 85 <div class="o-lightbox">
86 86 <button class="o-lightbox__close-btn o-action-button o-action-button--quiet o-action-button--round">
87 <div class="c-lightbox__infobar"> 87 <svg class="l-media__block o-icon" width="1em" height="1em" aria-hidden="true">
88 <div class="o-badge c-lightbox__count"></div>
89
90 <button class="c-lightbox__close">
91 <svg class="c-card__block o-icon" width="1em" height="1em" aria-hidden="true">
92 <use href="/symbols.svg#icon-x"></use> 88 <use href="/symbols.svg#icon-x"></use>
93 </svg> 89 </svg>
94 </button> 90 </button>
95 </div>
96 91
97 <button class="c-lightbox__prev"> 92 <img class="o-lightbox__img" />
98 <svg class="c-card__block o-icon" width="1em" height="1em" aria-hidden="true">
99 <use href="/symbols.svg#icon-chevron-left"></use>
100 </svg>
101 </button>
102 93
103 <button class="c-lightbox__next"> 94 <button class="o-lightbox__prev-btn o-action-button o-action-button--quiet o-action-button--round">
104 <svg class="c-card__block o-icon" width="1em" height="1em" aria-hidden="true"> 95 <svg class="l-media__block o-icon" width="1em" height="1em" aria-hidden="true">
105 <use href="/symbols.svg#icon-chevron-right"></use> 96 <use href="/symbols.svg#icon-chevron-left"></use>
106 </svg> 97 </svg>
107 </button> 98 </button>
108 99
109 <img class="c-lightbox__img" /> 100 <button class="o-lightbox__next-btn o-action-button o-action-button--quiet o-action-button--round">
101 <svg class="l-media__block o-icon" width="1em" height="1em" aria-hidden="true">
102 <use href="/symbols.svg#icon-chevron-right"></use>
103 </svg>
104 </button>
105
106 <footer class="o-lightbox__footer"></footer>
107 </div>
110 </div> 108 </div>
111 109
112 <script src="/lightbox.js"></script> 110 <script src="/main.js"></script>
113 <!--script src="/snow.js"></script--> 111 <!--script src="/snow.js"></script-->
114</body> 112</body>
115 113