Change the color of footer (#39)

* Change the color of footer * add hover affects * Changing the hoverr color for twitter
json-schema-org · Jan 21, 2025 · 3c84a81 · 3c84a81
1 parent 56ba544
commit 3c84a81
Show file tree

Hide file tree

Showing 3 changed files with 30 additions and 2 deletions.
diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html
@@ -5,7 +5,7 @@
                 <ul class="social-list">
                     {{ range .Site.Data.footer.follow }}
                     <li>
-                        <a href="{{ .url }}" class="social" rel="noopener noreferrer" target="_blank">
+                        <a href="{{ .url }}" class="social" id={{.name}} rel="noopener noreferrer" target="_blank">
                             {{ partial "icon.html" .name }}
                             {{ .name }}
                         </a>

diff --git a/static/icons.svg b/static/icons.svg
diff --git a/static/theme.css b/static/theme.css
@@ -725,6 +725,33 @@ a.social:hover {
 	text-decoration: underline
 }
 
+body > footer .footer-header .follow a.social{
+	color: white !important;
+}
+
+
+
+body > footer .footer-header .follow #youtube:hover{
+	color: #FF0000 !important;
+}
+
+body > footer .footer-header .follow #linkedin:hover{
+	color: rgb(10, 102, 194) !important;
+}
+
+body > footer .footer-header .follow #twitter:hover{
+	color: white !important;
+}
+body > footer .footer-header .follow #slack:hover{
+	color: #89D3DF !important;
+}
+
+
+
+
+
+
+
 .jumbo {
 	position: relative;
 	height: calc(100vh - 3.25rem);