diff options
| author | Anhgelus Morhtuuzh <anhgelus.morhtuuzh@proton.me> | 2024-11-13 13:50:19 +0100 |
|---|---|---|
| committer | Anhgelus Morhtuuzh <anhgelus.morhtuuzh@proton.me> | 2024-11-13 13:50:19 +0100 |
| commit | 498a4ef4ca892e76eeea6db123ef3fe982688f85 (patch) | |
| tree | 4c59cde0f6d0dab00bbd46deb0e35dad4dbefb07 | |
| parent | d9d7ab50c55fe913ec0460b88c6bb927c317858a (diff) | |
feat(links): legal info and credits in card
| -rw-r--r-- | scss/main.scss | 7 | ||||
| -rw-r--r-- | templates/base/base.gohtml | 2 | ||||
| -rw-r--r-- | templates/page/index.gohtml | 8 |
3 files changed, 14 insertions, 3 deletions
diff --git a/scss/main.scss b/scss/main.scss index 9d00489..6ce00b3 100644 --- a/scss/main.scss +++ b/scss/main.scss @@ -44,6 +44,8 @@ a { gap: 1rem; font-size: 16px; margin-left: 1rem; + align-items: center; + justify-content: center; @media only screen and (max-width: vars.$bp-little) { gap: 0; align-items: center; @@ -169,14 +171,17 @@ h4 { column-gap: 1rem; row-gap: 0.5rem; @media only screen and (max-width: vars.$bp-little) { - grid-template-columns: 1fr; + grid-template-columns: 1fr 1fr; column-gap: 0.5rem; align-items: center; + margin-bottom: 2rem; + direction: rtl; } & .link { display: flex; align-items: center; justify-content: center; + height: 100%; width: 100%; box-shadow: 0 0 50px -20px rgba(0,0,0,0.75); border-radius: 16px; diff --git a/templates/base/base.gohtml b/templates/base/base.gohtml index 634459c..9d97934 100644 --- a/templates/base/base.gohtml +++ b/templates/base/base.gohtml @@ -15,8 +15,6 @@ </div> <footer class="credits"> <p>Crafted by <a href="https://www.anhgelus.world/" target="_blank">Anhgelus Morhtuuzh</a></p> - <p><a href="{{ .Data.Legal.LegalInformationLink }}">Legal information</a></p> - <p><a href="/credits">Credits</a></p> </footer> <script type="module" src="{{getAssetPath "index.js"}}" defer></script> </body> diff --git a/templates/page/index.gohtml b/templates/page/index.gohtml index dee6782..b5f964f 100644 --- a/templates/page/index.gohtml +++ b/templates/page/index.gohtml @@ -19,8 +19,16 @@ </div> {{ end }} <div class="link" style="{{ .Color.Button.GetBackground }}"> + <a href="{{ .Legal.LegalInformationLink }}" target="_blank" style="{{ .Color.Button.GetTextColor }}"> + Legal information + </a> + </div> + <div class="link" style="{{ .Color.Button.GetBackground }}"> <a href="/tags" style="{{ .Color.Button.GetTextColor }}">Tags</a> </div> + <div class="link" style="{{ .Color.Button.GetBackground }}"> + <a href="/credits" style="{{ .Color.Button.GetTextColor }}">Credits</a> + </div> </div> </main> {{end}}
\ No newline at end of file |