From: danix <danix@danix.xyz>
Date: Sun, 26 Feb 2023 18:18:54 +0000 (+0100)
Subject: adding social icons
X-Git-Url: https://git.danix.xyz/?p=gitweb-theme-danix.git;a=commitdiff_plain;h=54b66df62211afb0415666e3e050d1264940db10

adding social icons
---

diff --git a/footer.html b/footer.html
index cddb452..a3e3c34 100644
--- a/footer.html
+++ b/footer.html
@@ -4,10 +4,30 @@
 	</div>
 	<div class="social-links footer-columns">
 		<ul>
-			<li class="github"><a href="https://github.com/danixland/" title="I'm on github">github</a></li>
-			<li class="twitter"><a href="https://twitter.com/danixland/" title="I'm on twitter">twitter</a></li>
-			<li class="instagram"><a href="https://www.instagram.com/danixland/" title="I'm on instagram">instagram</a></li>
-			<li class="spotify"><a href="https://open.spotify.com/user/1166786773" title="I'm on spotify">spotify</a></li>
+			<li class="github">
+				<a href="https://github.com/danixland/" title="I'm on github">
+					<img src="static/github.svg" height="32" width="32" alt="github">
+					<span>github</span>
+				</a>
+			</li>
+			<li class="twitter">
+				<a href="https://twitter.com/danixland/" title="I'm on twitter">
+					<img src="static/twitter.svg" height="32" width="32" alt="twitter">
+					<span>twitter</span>
+				</a>
+			</li>
+			<li class="instagram">
+				<a href="https://www.instagram.com/danixland/" title="I'm on instagram">
+					<img src="static/instagram.svg" height="32" width="32" alt="instagram">
+					<span>instagram</span>
+				</a>
+			</li>
+			<li class="spotify">
+				<a href="https://open.spotify.com/user/1166786773" title="I'm on spotify">
+					<img src="static/spotify.svg" height="32" width="32" alt="spotify">
+					<span>spotify</span>
+				</a>
+			</li>
 		</ul>
 	</div>
 	<div class="rss-links footer-columns">
diff --git a/gitweb-danixland/github.svg b/gitweb-danixland/github.svg
new file mode 100644
index 0000000..82d16b6
--- /dev/null
+++ b/gitweb-danixland/github.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 480 512"><!--! Font Awesome Free 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path fill="currentColor" d="M186.1 328.7c0 20.9-10.9 55.1-36.7 55.1s-36.7-34.2-36.7-55.1 10.9-55.1 36.7-55.1 36.7 34.2 36.7 55.1zM480 278.2c0 31.9-3.2 65.7-17.5 95-37.9 76.6-142.1 74.8-216.7 74.8-75.8 0-186.2 2.7-225.6-74.8-14.6-29-20.2-63.1-20.2-95 0-41.9 13.9-81.5 41.5-113.6-5.2-15.8-7.7-32.4-7.7-48.8 0-21.5 4.9-32.3 14.6-51.8 45.3 0 74.3 9 108.8 36 29-6.9 58.8-10 88.7-10 27 0 54.2 2.9 80.4 9.2 34-26.7 63-35.2 107.8-35.2 9.8 19.5 14.6 30.3 14.6 51.8 0 16.4-2.6 32.7-7.7 48.2 27.5 32.4 39 72.3 39 114.2zm-64.3 50.5c0-43.9-26.7-82.6-73.5-82.6-18.9 0-37 3.4-56 6-14.9 2.3-29.8 3.2-45.1 3.2-15.2 0-30.1-.9-45.1-3.2-18.7-2.6-37-6-56-6-46.8 0-73.5 38.7-73.5 82.6 0 87.8 80.4 101.3 150.4 101.3h48.2c70.3 0 150.6-13.4 150.6-101.3zm-82.6-55.1c-25.8 0-36.7 34.2-36.7 55.1s10.9 55.1 36.7 55.1 36.7-34.2 36.7-55.1-10.9-55.1-36.7-55.1z"/></svg>
\ No newline at end of file
diff --git a/gitweb-danixland/gitweb.css b/gitweb-danixland/gitweb.css
index fc64fe9..8879b7a 100644
--- a/gitweb-danixland/gitweb.css
+++ b/gitweb-danixland/gitweb.css
@@ -55,6 +55,7 @@ a { outline: none; }
   --link-visited: #e7b788;
   --border: 34,40,49,0.035;
   --accent: #FD7014;
+  --dark-grey: #393E46;
 /* Icons */
   --file-icon: url("file-dark.svg");
   --dir-icon: url("folder-dark.svg");
@@ -259,21 +260,22 @@ td, th {
   display: inline-block;
   margin: 1em;
   padding: 0.5em;
-  background-color: var(--fg);
-  color: var(--bg);
 }
 
+.social-links ul li a {
+  color: var(--dark-grey);
+}
 .social-links ul li.spotify a {
-  color: var(--spotify);
+  background-color: var(--spotify);
 }
 .social-links ul li.twitter a {
-  color: var(--twitter);
+  background-color: var(--twitter);
 }
 .social-links ul li.instagram a {
-  color: var(--instagram);
+  background-color: var(--instagram);
 }
 .social-links ul li.github a {
-  color: var(--github);
+  background-color: var(--github);
 }
 
 a.rss_logo {
diff --git a/gitweb-danixland/instagram.svg b/gitweb-danixland/instagram.svg
new file mode 100644
index 0000000..ca3540a
--- /dev/null
+++ b/gitweb-danixland/instagram.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path fill="currentColor" d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"/></svg>
\ No newline at end of file
diff --git a/gitweb-danixland/spotify.svg b/gitweb-danixland/spotify.svg
new file mode 100644
index 0000000..9345587
--- /dev/null
+++ b/gitweb-danixland/spotify.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><!--! Font Awesome Free 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path fill="currentColor" d="M248 8C111.1 8 0 119.1 0 256s111.1 248 248 248 248-111.1 248-248S384.9 8 248 8zm100.7 364.9c-4.2 0-6.8-1.3-10.7-3.6-62.4-37.6-135-39.2-206.7-24.5-3.9 1-9 2.6-11.9 2.6-9.7 0-15.8-7.7-15.8-15.8 0-10.3 6.1-15.2 13.6-16.8 81.9-18.1 165.6-16.5 237 26.2 6.1 3.9 9.7 7.4 9.7 16.5s-7.1 15.4-15.2 15.4zm26.9-65.6c-5.2 0-8.7-2.3-12.3-4.2-62.5-37-155.7-51.9-238.6-29.4-4.8 1.3-7.4 2.6-11.9 2.6-10.7 0-19.4-8.7-19.4-19.4s5.2-17.8 15.5-20.7c27.8-7.8 56.2-13.6 97.8-13.6 64.9 0 127.6 16.1 177 45.5 8.1 4.8 11.3 11 11.3 19.7-.1 10.8-8.5 19.5-19.4 19.5zm31-76.2c-5.2 0-8.4-1.3-12.9-3.9-71.2-42.5-198.5-52.7-280.9-29.7-3.6 1-8.1 2.6-12.9 2.6-13.2 0-23.3-10.3-23.3-23.6 0-13.6 8.4-21.3 17.4-23.9 35.2-10.3 74.6-15.2 117.5-15.2 73 0 149.5 15.2 205.4 47.8 7.8 4.5 12.9 10.7 12.9 22.6 0 13.6-11 23.3-23.2 23.3z"/></svg>
\ No newline at end of file
diff --git a/gitweb-danixland/twitter.svg b/gitweb-danixland/twitter.svg
new file mode 100644
index 0000000..47a8f46
--- /dev/null
+++ b/gitweb-danixland/twitter.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path fill="currentColor" d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"/></svg>
\ No newline at end of file