From dc0e81640c49129b03c31b9f223711844f766719 Mon Sep 17 00:00:00 2001 From: Adrien Allard Date: Fri, 7 Jun 2024 14:02:13 +0200 Subject: [PATCH] feat: add social media links --- src/assets/img/facebook-circle-fill.svg | 1 + src/assets/img/linkedin-box-fill.svg | 1 + src/assets/img/mail-fill.svg | 1 + src/assets/img/mastodon-fill.svg | 1 + src/assets/img/social.png | Bin 6758 -> 0 bytes src/assets/img/twitch-fill.svg | 1 + src/assets/img/twitter-x-line.svg | 1 + src/assets/img/youtube-fill.svg | 1 + src/lib/nav.html | 20 ++++++++++++++++++++ src/lib/nav.scss | 17 +++++++++++++++++ src/pages/index/footer.html | 19 ++++++++++++++++--- src/pages/index/footer.scss | 5 +++++ 12 files changed, 65 insertions(+), 3 deletions(-) create mode 100644 src/assets/img/facebook-circle-fill.svg create mode 100644 src/assets/img/linkedin-box-fill.svg create mode 100644 src/assets/img/mail-fill.svg create mode 100644 src/assets/img/mastodon-fill.svg delete mode 100644 src/assets/img/social.png create mode 100644 src/assets/img/twitch-fill.svg create mode 100644 src/assets/img/twitter-x-line.svg create mode 100644 src/assets/img/youtube-fill.svg diff --git a/src/assets/img/facebook-circle-fill.svg b/src/assets/img/facebook-circle-fill.svg new file mode 100644 index 0000000..543537c --- /dev/null +++ b/src/assets/img/facebook-circle-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/img/linkedin-box-fill.svg b/src/assets/img/linkedin-box-fill.svg new file mode 100644 index 0000000..42449fc --- /dev/null +++ b/src/assets/img/linkedin-box-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/img/mail-fill.svg b/src/assets/img/mail-fill.svg new file mode 100644 index 0000000..8960d11 --- /dev/null +++ b/src/assets/img/mail-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/img/mastodon-fill.svg b/src/assets/img/mastodon-fill.svg new file mode 100644 index 0000000..176973f --- /dev/null +++ b/src/assets/img/mastodon-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/img/social.png b/src/assets/img/social.png deleted file mode 100644 index 9fbd3659e2acd9bdee389222dee5c8fa035827a8..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 6758 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 Hu3Gos{qh!f diff --git a/src/assets/img/twitch-fill.svg b/src/assets/img/twitch-fill.svg new file mode 100644 index 0000000..9549063 --- /dev/null +++ b/src/assets/img/twitch-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/img/twitter-x-line.svg b/src/assets/img/twitter-x-line.svg new file mode 100644 index 0000000..c58b81b --- /dev/null +++ b/src/assets/img/twitter-x-line.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/img/youtube-fill.svg b/src/assets/img/youtube-fill.svg new file mode 100644 index 0000000..52fe4ee --- /dev/null +++ b/src/assets/img/youtube-fill.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/lib/nav.html b/src/lib/nav.html index 6248c3f..754e4ec 100644 --- a/src/lib/nav.html +++ b/src/lib/nav.html @@ -27,5 +27,25 @@ +
+ + + + + + + + + + + + + + + + + + +
diff --git a/src/lib/nav.scss b/src/lib/nav.scss index 3c6b953..06678a5 100644 --- a/src/lib/nav.scss +++ b/src/lib/nav.scss @@ -182,5 +182,22 @@ } } } + + &--links { + grid-area: 1 / 3 / 2 / 4; + height: var(--desktop-height); + grid-template-columns: 1fr auto auto; + + justify-self: end; + align-self: center; + + display: flex; + padding: var(--space-small); + + img { + width: 2em; + filter: invert(100%); + } + } } diff --git a/src/pages/index/footer.html b/src/pages/index/footer.html index 04f65f7..8a86eef 100644 --- a/src/pages/index/footer.html +++ b/src/pages/index/footer.html @@ -3,10 +3,23 @@
- {{ gettext("Contact") }} + + + + + + + + + + + + + + + + -
- diff --git a/src/pages/index/footer.scss b/src/pages/index/footer.scss index ba3f66e..cb92a70 100644 --- a/src/pages/index/footer.scss +++ b/src/pages/index/footer.scss @@ -37,6 +37,11 @@ @media($mobile-breakpoint) { flex-direction: column; } + + img { + width: 2em; + filter: invert(100%); + } } }