diff options
| author | Anhgelus Morhtuuzh <anhgelus.morhtuuzh@proton.me> | 2024-11-09 22:58:32 +0100 |
|---|---|---|
| committer | Anhgelus Morhtuuzh <anhgelus.morhtuuzh@proton.me> | 2024-11-09 22:58:32 +0100 |
| commit | a47b7fa697b16c2d745e6b3fbc9a7d214280964b (patch) | |
| tree | 894b1fd59e7d02959265937fa37f56c8f89835c3 | |
| parent | 892858567f0b5bc8719801bacd1e81d4334c2c7e (diff) | |
feat(credits): credits on all pages
| -rw-r--r-- | dist/styles.css | 131 | ||||
| -rw-r--r-- | scss/main.scss | 15 | ||||
| -rw-r--r-- | templates/base/base.gohtml | 4 |
3 files changed, 17 insertions, 133 deletions
diff --git a/dist/styles.css b/dist/styles.css deleted file mode 100644 index 323caaf..0000000 --- a/dist/styles.css +++ /dev/null @@ -1,131 +0,0 @@ -/* http://meyerweb.com/eric/tools/css/reset/ - v5.0.1 | 20191019 - License: none (public domain) -*/ -html, body, div, span, applet, object, iframe, -h1, h2, h3, h4, h5, h6, p, blockquote, pre, -a, abbr, acronym, address, big, cite, code, -del, dfn, em, img, ins, kbd, q, s, samp, -small, strike, strong, sub, sup, tt, var, -b, u, i, center, -dl, dt, dd, ol, ul, li, -fieldset, form, label, legend, -table, caption, tbody, tfoot, thead, tr, th, td, -article, aside, canvas, details, embed, -figure, figcaption, footer, header, hgroup, -main, menu, nav, output, ruby, section, summary, -time, mark, audio, video { - margin: 0; - padding: 0; - border: 0; - font-size: 100%; - font: inherit; - vertical-align: baseline; -} - -/* HTML5 display-role reset for older browsers */ -article, aside, details, figcaption, figure, -footer, header, hgroup, main, menu, nav, section { - display: block; -} - -/* HTML5 hidden-attribute fix for newer browsers */ -*[hidden] { - display: none; -} - -body { - line-height: 1; -} - -menu, ol, ul { - list-style: none; -} - -blockquote, q { - quotes: none; -} - -blockquote:before, blockquote:after, -q:before, q:after { - content: ""; - content: none; -} - -table { - border-collapse: collapse; - border-spacing: 0; -} - -body { - height: 100vh; - display: flex; - align-items: center; - justify-content: center; - font-size: 18px; -} - -main { - width: 50%; - background: mediumpurple; - padding: 2rem; - border-radius: 32px; - box-shadow: 0px 0px 70px 2px rgba(0, 0, 0, 0.75); -} - -h1 { - font-size: 3rem; -} - -h2 { - font-size: 2rem; -} - -.presentation { - position: relative; - display: flex; - align-items: center; - gap: 2rem; - margin-bottom: 2rem; -} -.presentation__information { - display: flex; - margin-right: 1rem; - flex-direction: column; - align-items: center; - justify-content: center; - gap: 0.5rem; -} -.presentation figure { - display: inline; -} -.presentation figure img { - height: 128px; - border-radius: 32px; - box-shadow: 0px 0px 50px -20px rgba(0, 0, 0, 0.75); -} -.presentation h2, .presentation p { - display: inline; -} - -.links { - display: flex; - margin-top: 2rem; - width: 100%; - gap: 1rem; -} -.links .link { - display: block; - background: purple; - width: 33%; - padding: 1em; - border-radius: 16px; -} -.links a { - display: block; - color: black; - text-decoration: none; - text-align: center; -} - -/*# sourceMappingURL=styles.css.map */ diff --git a/scss/main.scss b/scss/main.scss index 60a3a90..0e00810 100644 --- a/scss/main.scss +++ b/scss/main.scss @@ -8,12 +8,23 @@ body { font-size: 18px; } +.credits { + position: fixed; + bottom: 1em; + display: flex; + gap: 1em; + font-size: 16px; + & a { + color: black; + } +} + main { width: 50%; background: mediumpurple; padding: 2rem; border-radius: 32px; - box-shadow: 0px 0px 70px 2px rgba(0,0,0,0.75); + box-shadow: 0 0 70px 2px rgba(0,0,0,0.75); } h1 { @@ -45,7 +56,7 @@ h2 { & img { height: 128px; border-radius: 32px; - box-shadow: 0px 0px 50px -20px rgba(0,0,0,0.75); + box-shadow: 0 0 50px -20px rgba(0,0,0,0.75); } } & h2, p { diff --git a/templates/base/base.gohtml b/templates/base/base.gohtml index f8c6678..581c2b0 100644 --- a/templates/base/base.gohtml +++ b/templates/base/base.gohtml @@ -11,6 +11,10 @@ </head> <body> {{template "body" .Data}} + <div class="credits"> + <p>Crafted by <a href="https://www.anhgelus.world/" target="_blank">Anhgelus Morhtuuzh</a></p> + <p><a href="/legal">Legal information</a></p> + </div> <script type="module" src="{{getAssetPath "index.js"}}" defer></script> </body> </html> |