From b76a08af8e1218a386fa65d3aaf5826a4ffcaeca Mon Sep 17 00:00:00 2001
From: Chris Kaczor <chris@kaczorzoo.net>
Date: Mon, 25 Nov 2024 16:32:27 +0000
Subject: [PATCH] Update footer

---
 _includes/layouts/base.njk               | 29 ++++++++++++++++++++----
 content/img/feed/rss-white.svg           | 27 ++++++++++++++++++++++
 content/img/feed/rss.svg                 | 27 ++++++++++++++++++++++
 content/img/github/github-mark-white.svg |  1 +
 content/img/github/github-mark.svg       |  1 +
 content/img/linkedin/linkedin-white.svg  |  1 +
 content/img/linkedin/linkedin.svg        |  1 +
 eleventy.config.js                       |  3 ++-
 public/css/index.css                     | 12 ++++++++++
 9 files changed, 97 insertions(+), 5 deletions(-)
 create mode 100644 content/img/feed/rss-white.svg
 create mode 100644 content/img/feed/rss.svg
 create mode 100644 content/img/github/github-mark-white.svg
 create mode 100644 content/img/github/github-mark.svg
 create mode 100644 content/img/linkedin/linkedin-white.svg
 create mode 100644 content/img/linkedin/linkedin.svg

diff --git a/_includes/layouts/base.njk b/_includes/layouts/base.njk
index b2a1a23..bdda83b 100644
--- a/_includes/layouts/base.njk
+++ b/_includes/layouts/base.njk
@@ -71,12 +71,33 @@
 		</main>
 
 		<footer>
-			<p>
-				Built with <a href="https://www.11ty.dev/">{{ eleventy.generator }}</a>
-			</p>
+			<div class="footer-links">
+				<a href="https://github.com/ckaczor" title="GitHub">
+					<picture>
+						<source srcset="/img/github/github-mark.svg" media="(prefers-color-scheme: light)"/>
+						<source srcset="/img/github/github-mark-white.svg" media="(prefers-color-scheme: dark)"/>
+						<img eleventy:ignore src="/img/github/github-mark.svg" alt="GitHub Logo" />
+					</picture>
+      			</a>
+				<a href="/feed/feed.xml" type="application/atom+xml" title="Subscribe">
+					<picture>
+						<source srcset="/img/feed/rss.svg" media="(prefers-color-scheme: light)"/>
+						<source srcset="/img/feed/rss-white.svg" media="(prefers-color-scheme: dark)"/>
+						<img eleventy:ignore src="/img/feed/rss.svg" alt="RSS" />
+					</picture>
+      			</a>
+				<a href="https://www.linkedin.com/in/chris-kaczor/" title="LinkedIn">
+					<picture>
+						<source srcset="/img/linkedin/linkedin.svg" media="(prefers-color-scheme: light)"/>
+						<source srcset="/img/linkedin/linkedin-white.svg" media="(prefers-color-scheme: dark)"/>
+						<img eleventy:ignore src="/img/linkedin/linkedin.svg" alt="LinkedIn" />
+					</picture>
+      			</a>
+			</div>
 		</footer>
 
 		<!-- This page `{{ page.url | htmlBaseUrl }}` was built on {% currentBuildDate %} -->
+		<!-- Built with {{ eleventy.generator }} -->
 		<script type="module" src="{% getBundleFileUrl "js" %}"></script>
 	</body>
-</html>
\ No newline at end of file
+</html>
diff --git a/content/img/feed/rss-white.svg b/content/img/feed/rss-white.svg
new file mode 100644
index 0000000..af83c12
--- /dev/null
+++ b/content/img/feed/rss-white.svg
@@ -0,0 +1,27 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg fill="#FFFFFF" height="800px" width="800px" version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
+	 viewBox="0 0 461.432 461.432" xml:space="preserve">
+<g id="lines__x003C_Group_x003E_">
+	<g id="circle">
+		<path d="M125.896,398.928c0,33.683-27.308,60.999-61.022,60.999c-33.684,0-61.006-27.316-61.006-60.999
+			c0-33.729,27.322-61.038,61.006-61.038C98.588,337.89,125.896,365.198,125.896,398.928z"/>
+	</g>
+	<g>
+		<g>
+			<path d="M0,229.636c0,8.441,6.606,15.379,15.036,15.809c60.318,3.076,100.885,25.031,138.248,62.582
+				c36.716,36.864,60.071,89.759,64.082,137.769c0.686,8.202,7.539,14.524,15.77,14.524h56.701c4.344,0,8.498-1.784,11.488-4.935
+				c2.992-3.15,4.555-7.391,4.333-11.729c-8.074-158.152-130.669-278.332-289.013-286.23c-4.334-0.217-8.564,1.355-11.709,4.344
+				C1.792,164.759,0,168.908,0,173.247V229.636z"/>
+		</g>
+	</g>
+	<g>
+		<g>
+			<path d="M0,73.411c0,8.51,6.713,15.482,15.216,15.819c194.21,7.683,350.315,161.798,358.098,355.879
+				c0.34,8.491,7.32,15.208,15.818,15.208h56.457c4.297,0,8.408-1.744,11.393-4.834c2.985-3.09,4.585-7.258,4.441-11.552
+				C453.181,199.412,261.024,9.27,16.38,1.121C12.089,0.978,7.925,2.583,4.838,5.568C1.751,8.551,0,12.661,0,16.954V73.411z"/>
+		</g>
+	</g>
+</g>
+</svg>
diff --git a/content/img/feed/rss.svg b/content/img/feed/rss.svg
new file mode 100644
index 0000000..8875325
--- /dev/null
+++ b/content/img/feed/rss.svg
@@ -0,0 +1,27 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg fill="#000000" height="800px" width="800px" version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" 
+	 viewBox="0 0 461.432 461.432" xml:space="preserve">
+<g id="lines__x003C_Group_x003E_">
+	<g id="circle">
+		<path d="M125.896,398.928c0,33.683-27.308,60.999-61.022,60.999c-33.684,0-61.006-27.316-61.006-60.999
+			c0-33.729,27.322-61.038,61.006-61.038C98.588,337.89,125.896,365.198,125.896,398.928z"/>
+	</g>
+	<g>
+		<g>
+			<path d="M0,229.636c0,8.441,6.606,15.379,15.036,15.809c60.318,3.076,100.885,25.031,138.248,62.582
+				c36.716,36.864,60.071,89.759,64.082,137.769c0.686,8.202,7.539,14.524,15.77,14.524h56.701c4.344,0,8.498-1.784,11.488-4.935
+				c2.992-3.15,4.555-7.391,4.333-11.729c-8.074-158.152-130.669-278.332-289.013-286.23c-4.334-0.217-8.564,1.355-11.709,4.344
+				C1.792,164.759,0,168.908,0,173.247V229.636z"/>
+		</g>
+	</g>
+	<g>
+		<g>
+			<path d="M0,73.411c0,8.51,6.713,15.482,15.216,15.819c194.21,7.683,350.315,161.798,358.098,355.879
+				c0.34,8.491,7.32,15.208,15.818,15.208h56.457c4.297,0,8.408-1.744,11.393-4.834c2.985-3.09,4.585-7.258,4.441-11.552
+				C453.181,199.412,261.024,9.27,16.38,1.121C12.089,0.978,7.925,2.583,4.838,5.568C1.751,8.551,0,12.661,0,16.954V73.411z"/>
+		</g>
+	</g>
+</g>
+</svg>
\ No newline at end of file
diff --git a/content/img/github/github-mark-white.svg b/content/img/github/github-mark-white.svg
new file mode 100644
index 0000000..d5e6491
--- /dev/null
+++ b/content/img/github/github-mark-white.svg
@@ -0,0 +1 @@
+<svg width="98" height="96" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M48.854 0C21.839 0 0 22 0 49.217c0 21.756 13.993 40.172 33.405 46.69 2.427.49 3.316-1.059 3.316-2.362 0-1.141-.08-5.052-.08-9.127-13.59 2.934-16.42-5.867-16.42-5.867-2.184-5.704-5.42-7.17-5.42-7.17-4.448-3.015.324-3.015.324-3.015 4.934.326 7.523 5.052 7.523 5.052 4.367 7.496 11.404 5.378 14.235 4.074.404-3.178 1.699-5.378 3.074-6.6-10.839-1.141-22.243-5.378-22.243-24.283 0-5.378 1.94-9.778 5.014-13.2-.485-1.222-2.184-6.275.486-13.038 0 0 4.125-1.304 13.426 5.052a46.97 46.97 0 0 1 12.214-1.63c4.125 0 8.33.571 12.213 1.63 9.302-6.356 13.427-5.052 13.427-5.052 2.67 6.763.97 11.816.485 13.038 3.155 3.422 5.015 7.822 5.015 13.2 0 18.905-11.404 23.06-22.324 24.283 1.78 1.548 3.316 4.481 3.316 9.126 0 6.6-.08 11.897-.08 13.526 0 1.304.89 2.853 3.316 2.364 19.412-6.52 33.405-24.935 33.405-46.691C97.707 22 75.788 0 48.854 0z" fill="#fff"/></svg>
\ No newline at end of file
diff --git a/content/img/github/github-mark.svg b/content/img/github/github-mark.svg
new file mode 100644
index 0000000..37fa923
--- /dev/null
+++ b/content/img/github/github-mark.svg
@@ -0,0 +1 @@
+<svg width="98" height="96" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M48.854 0C21.839 0 0 22 0 49.217c0 21.756 13.993 40.172 33.405 46.69 2.427.49 3.316-1.059 3.316-2.362 0-1.141-.08-5.052-.08-9.127-13.59 2.934-16.42-5.867-16.42-5.867-2.184-5.704-5.42-7.17-5.42-7.17-4.448-3.015.324-3.015.324-3.015 4.934.326 7.523 5.052 7.523 5.052 4.367 7.496 11.404 5.378 14.235 4.074.404-3.178 1.699-5.378 3.074-6.6-10.839-1.141-22.243-5.378-22.243-24.283 0-5.378 1.94-9.778 5.014-13.2-.485-1.222-2.184-6.275.486-13.038 0 0 4.125-1.304 13.426 5.052a46.97 46.97 0 0 1 12.214-1.63c4.125 0 8.33.571 12.213 1.63 9.302-6.356 13.427-5.052 13.427-5.052 2.67 6.763.97 11.816.485 13.038 3.155 3.422 5.015 7.822 5.015 13.2 0 18.905-11.404 23.06-22.324 24.283 1.78 1.548 3.316 4.481 3.316 9.126 0 6.6-.08 11.897-.08 13.526 0 1.304.89 2.853 3.316 2.364 19.412-6.52 33.405-24.935 33.405-46.691C97.707 22 75.788 0 48.854 0z" fill="#24292f"/></svg>
\ No newline at end of file
diff --git a/content/img/linkedin/linkedin-white.svg b/content/img/linkedin/linkedin-white.svg
new file mode 100644
index 0000000..e913d6f
--- /dev/null
+++ b/content/img/linkedin/linkedin-white.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="#FFFFFF" viewBox="0 0 24 24"><path d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z"/></svg>
diff --git a/content/img/linkedin/linkedin.svg b/content/img/linkedin/linkedin.svg
new file mode 100644
index 0000000..c663429
--- /dev/null
+++ b/content/img/linkedin/linkedin.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z"/></svg>
\ No newline at end of file
diff --git a/eleventy.config.js b/eleventy.config.js
index 3a9f8c8..89b4417 100644
--- a/eleventy.config.js
+++ b/eleventy.config.js
@@ -25,7 +25,8 @@ export default async function (eleventyConfig) {
 		.addPassthroughCopy({
 			'./public/': '/'
 		})
-		.addPassthroughCopy('./content/blog/**/images/*');
+		.addPassthroughCopy('./content/blog/**/images/*')
+		.addPassthroughCopy("./content/img/**/*");
 
 	// Run Eleventy when these files change:
 	// https://www.11ty.dev/docs/watch-serve/#add-your-own-watch-targets
diff --git a/public/css/index.css b/public/css/index.css
index 046ebf5..1a0cc6e 100644
--- a/public/css/index.css
+++ b/public/css/index.css
@@ -312,3 +312,15 @@ img[height] {
 img[width][height] {
 	height: auto;
 }
+
+.footer-links {
+	display: flex;
+	justify-content: center;
+	margin-top: 1rem;
+	height: 2rem;
+	column-gap: 1rem;
+
+	img {
+		height: 2rem;
+	}
+}