diff --git a/src/_includes/partials/footer.njk b/src/_includes/partials/footer.njk index 253e094..5b2064b 100644 --- a/src/_includes/partials/footer.njk +++ b/src/_includes/partials/footer.njk @@ -15,5 +15,31 @@ {{ t.footer.legal_link }}

+ diff --git a/src/assets/css/styles.css b/src/assets/css/styles.css index cf210d7..11cab26 100644 --- a/src/assets/css/styles.css +++ b/src/assets/css/styles.css @@ -1278,6 +1278,47 @@ footer .flag-bar { opacity: 0.7; } +.footer-socials { + display: flex; + justify-content: center; + align-items: center; + gap: 1rem; + margin-top: 1.5rem; + flex-wrap: wrap; +} + +.social-link { + display: inline-flex; + align-items: center; + justify-content: center; + width: 2.5rem; + height: 2.5rem; + color: var(--or-oki); + text-decoration: none; + transition: transform 0.2s, opacity 0.2s; +} + +.social-link svg { + width: 100%; + height: 100%; +} + +.social-link:hover { + transform: scale(1.1); + opacity: 0.8; +} + +@media (min-width: 768px) { + .footer-socials { + gap: 1.5rem; + } + + .social-link { + width: 2.75rem; + height: 2.75rem; + } +} + /* Donation Styles */ .donation-amount { display: flex; diff --git a/src/assets/icons/social/discord.svg b/src/assets/icons/social/discord.svg new file mode 100644 index 0000000..3e52154 --- /dev/null +++ b/src/assets/icons/social/discord.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/icons/social/email.svg b/src/assets/icons/social/email.svg new file mode 100644 index 0000000..cc2ce75 --- /dev/null +++ b/src/assets/icons/social/email.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/assets/icons/social/gitea.svg b/src/assets/icons/social/gitea.svg new file mode 100644 index 0000000..7ed0012 --- /dev/null +++ b/src/assets/icons/social/gitea.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/icons/social/stoat.svg b/src/assets/icons/social/stoat.svg new file mode 100644 index 0000000..09117b8 --- /dev/null +++ b/src/assets/icons/social/stoat.svg @@ -0,0 +1,4 @@ + + + S + diff --git a/src/assets/icons/social/telegram.svg b/src/assets/icons/social/telegram.svg new file mode 100644 index 0000000..9cc00a3 --- /dev/null +++ b/src/assets/icons/social/telegram.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + diff --git a/src/assets/icons/social/tiktok.svg b/src/assets/icons/social/tiktok.svg new file mode 100644 index 0000000..352203f --- /dev/null +++ b/src/assets/icons/social/tiktok.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/src/assets/icons/social/whatsapp.svg b/src/assets/icons/social/whatsapp.svg new file mode 100644 index 0000000..7a895ae --- /dev/null +++ b/src/assets/icons/social/whatsapp.svg @@ -0,0 +1,12 @@ + + + + + + + + \ No newline at end of file diff --git a/src/assets/icons/social/x.svg b/src/assets/icons/social/x.svg new file mode 100644 index 0000000..437e2bf --- /dev/null +++ b/src/assets/icons/social/x.svg @@ -0,0 +1,3 @@ + + +