From 3173c11afd92ce72b33f6a04d1271083523a6f0e Mon Sep 17 00:00:00 2001 From: Daniel Phillips Date: Thu, 17 Apr 2025 14:00:35 -0600 Subject: [PATCH 1/4] feat: redesign footer with social media icons and links Add social media icons and links to the footer, including Slack, GitHub, LinkedIn, X (Twitter), and Connect. Improve footer layout and styling. Signed-off-by: Daniel Phillips --- sass/_valkey.scss | 101 ++++++++++++++++++++++++++++-------- static/img/IconGithub.svg | 3 ++ static/img/IconLinkedin.svg | 3 ++ static/img/IconMail.svg | 3 ++ static/img/IconSlack.svg | 3 ++ static/img/IconX.svg | 3 ++ templates/default.html | 76 ++++++++++++++++----------- 7 files changed, 139 insertions(+), 53 deletions(-) create mode 100644 static/img/IconGithub.svg create mode 100644 static/img/IconLinkedin.svg create mode 100644 static/img/IconMail.svg create mode 100644 static/img/IconSlack.svg create mode 100644 static/img/IconX.svg diff --git a/sass/_valkey.scss b/sass/_valkey.scss index dba2123..b8d2577 100644 --- a/sass/_valkey.scss +++ b/sass/_valkey.scss @@ -345,33 +345,81 @@ p { } .footer { - border-top: 1px solid $grey-dk-100; - background-color: $grey-lt-300; + background-color: #1a2026; @include sans-serif; font-size: 1.4rem; + color: #fff; + padding: 2rem 0; + + .icon-links { + display: flex; + flex-direction: column; + gap: 15px; + + @include respond-min(768px) { + flex-direction: row; + border: none; + } + + a { + display: flex; + align-items: center; + color: #fff; + + &:hover { + color: #fff; + text-decoration: underline; + opacity: 0.8; + } + + img { + margin-right: 5px; + } + } + + } .links { display: flex; - flex-flow: row nowrap; - justify-content: space-evenly; - margin-bottom: 4em; + flex-direction: column; + gap: 15px; + justify-content: flex-end; + border-top: 1px solid rgba(255, 255, 255, 0.08); + margin-top: 2rem; + padding-top: 2rem; + + @include respond-min(768px) { + flex-direction: row; + border: none; + margin-top: 0; + padding-top: 0; + } + + a { + color: #fff; + text-decoration: underline; + + &:hover { + opacity: 0.8; + } + } } - nav { - font-size: 1.5rem; - font-weight: 600; + &_bottom { + width: 100%; + margin-top: 2rem; + padding: 2rem; - h4 { - font-weight: 400; - @include sans-serif; - font-size: 1.5rem; + border-top: 1px solid rgba(255, 255, 255, 0.08); + text-align: center; + + p { + max-width: 720px; + margin: 8px auto; } a { - display: list-item; - list-style: none; - white-space: nowrap; - margin-bottom: 1em; + color: #6983ff; &:hover { text-decoration: underline; @@ -410,28 +458,35 @@ p { .col { flex: 1 1 100%; - padding: 0 2rem; + padding-left: 2rem; + padding-right: 2rem; } .col-10 { - flex: 1 1 83.33%; + @include respond-min(768px) { + flex: 1 1 83.33%; + } } .col-8 { - flex: 1 1 66.66%; + @include respond-min(768px) { + flex: 1 1 66.66%; + } } .col-6 { - flex: 1 1 50%; + @include respond-min(768px) { + flex: 1 1 50%; + } } .col-4 { - flex: 1 1 33.33%; + @include respond-min(768px) { + flex: 1 1 33.33%; + } } .col_3 { - flex: 1 1 100%; - @include respond-min(768px) { flex: 1 1 25%; } diff --git a/static/img/IconGithub.svg b/static/img/IconGithub.svg new file mode 100644 index 0000000..cea274e --- /dev/null +++ b/static/img/IconGithub.svg @@ -0,0 +1,3 @@ + + + diff --git a/static/img/IconLinkedin.svg b/static/img/IconLinkedin.svg new file mode 100644 index 0000000..4d8d982 --- /dev/null +++ b/static/img/IconLinkedin.svg @@ -0,0 +1,3 @@ + + + diff --git a/static/img/IconMail.svg b/static/img/IconMail.svg new file mode 100644 index 0000000..bb930da --- /dev/null +++ b/static/img/IconMail.svg @@ -0,0 +1,3 @@ + + + diff --git a/static/img/IconSlack.svg b/static/img/IconSlack.svg new file mode 100644 index 0000000..090abaa --- /dev/null +++ b/static/img/IconSlack.svg @@ -0,0 +1,3 @@ + + + diff --git a/static/img/IconX.svg b/static/img/IconX.svg new file mode 100644 index 0000000..3aacc77 --- /dev/null +++ b/static/img/IconX.svg @@ -0,0 +1,3 @@ + + + diff --git a/templates/default.html b/templates/default.html index cdb16e3..98174b8 100644 --- a/templates/default.html +++ b/templates/default.html @@ -48,36 +48,52 @@ {% block content %}{% endblock %}
-
-
- - - -
-

© Valkey contributors, 2024.

-

Valkey and the Valkey logo are trademarks of LF Projects, LLC.

-

- Trademark Policy. - Privacy Policy. - Terms of Use. - For other policies, please see lfprojects.org. -

-

Valkey includes certain 3-Clause BSD-licensed Redis code from Redis Ltd. and other source code. Redis Ltd. is - not the source of that other source code. Redis is a registered trademark of Redis Ltd.

-

- Logo design by Ziyang. -

+
+
+ + Slack Icon + Slack + + + Slack Icon + GitHub + + + Slack Icon + LinkedIn + + + Slack Icon + X.com + + + Slack Icon + Connect + +
+ +
+ Code of Conduct + Forum + About + FAQ +
+
+ +
+

© Valkey contributors, 2024.

+

Valkey and the Valkey logo are trademarks of LF Projects, LLC.

+

+ Trademark Policy. + Privacy Policy. + Terms of Use. + For other policies, please see lfprojects.org. +

+

Valkey includes certain 3-Clause BSD-licensed Redis code from Redis Ltd. and other source code. Redis Ltd. is + not the source of that other source code. Redis is a registered trademark of Redis Ltd.

+

+ Logo design by Ziyang. +

From 8599fe098642f418338fce07ab56cd283ad5cd3d Mon Sep 17 00:00:00 2001 From: Daniel Phillips Date: Thu, 24 Apr 2025 11:53:42 -0600 Subject: [PATCH 2/4] Update templates/default.html Co-authored-by: Madelyn Olson Signed-off-by: Daniel Phillips --- templates/default.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/templates/default.html b/templates/default.html index 98174b8..123befd 100644 --- a/templates/default.html +++ b/templates/default.html @@ -50,7 +50,7 @@
- + Slack Icon Slack From 04fca8aa04f80ccd1b721ed14ab1dacbb9460da0 Mon Sep 17 00:00:00 2001 From: Daniel Phillips Date: Thu, 24 Apr 2025 11:53:48 -0600 Subject: [PATCH 3/4] Update templates/default.html Co-authored-by: Madelyn Olson Signed-off-by: Daniel Phillips --- templates/default.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/templates/default.html b/templates/default.html index 123befd..389a9b6 100644 --- a/templates/default.html +++ b/templates/default.html @@ -81,7 +81,7 @@
-

© Valkey contributors, 2024.

+

© Valkey contributors.

Valkey and the Valkey logo are trademarks of LF Projects, LLC.

Trademark Policy. From 3a6bd91dccac281abc348ba1ae4a279759773a27 Mon Sep 17 00:00:00 2001 From: Daniel Phillips Date: Thu, 24 Apr 2025 12:02:50 -0600 Subject: [PATCH 4/4] feat(ui): Footer link fixes Signed-off-by: Daniel Phillips --- templates/default.html | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/templates/default.html b/templates/default.html index 389a9b6..929b7da 100644 --- a/templates/default.html +++ b/templates/default.html @@ -55,19 +55,19 @@ Slack - Slack Icon + Github Icon GitHub - Slack Icon + LinkedIn Icon LinkedIn - Slack Icon + X Icon X.com - - Slack Icon + + Mail Icon Connect