From 7488b667205bc76524d1aa438fd71dfdf5e2a4be Mon Sep 17 00:00:00 2001
From: Emil Miler <em@0x45.cz>
Date: Sat, 14 Dec 2024 15:53:18 +0100
Subject: [PATCH] Socials

---
 sass/style.scss     | 20 ++++++++++++++++----
 templates/base.html |  9 ++++++++-
 2 files changed, 24 insertions(+), 5 deletions(-)

diff --git a/sass/style.scss b/sass/style.scss
index 9818e95..affaf4f 100644
--- a/sass/style.scss
+++ b/sass/style.scss
@@ -210,7 +210,7 @@ header {
 		left: 0;
 		width: 100%;
 		height: 100%;
-		background-image:  url('img/panorama.jpg');
+		background-image:	url('img/panorama.jpg');
 		background-size: cover;
 		background-position: center center;
 		background-repeat: no-repeat;
@@ -226,7 +226,7 @@ header {
 		left: 0;
 		width: 100%;
 		height: 100%;
-		background-image:  url('img/forest.svg');
+		background-image:	url('img/forest.svg');
 		background-size: auto 10em;
 		background-position: center bottom -4px; // -4px fixes a visible line on some resolutions
 		background-repeat: repeat-x;
@@ -254,8 +254,20 @@ section {
 	}
 }
 
-footer {
-	text-align: center;
+footer .wrap {
 	padding: 5em 1em 1em 1em;
 	margin-top: auto;
+	display: flex;
+	justify-content: space-between;
+
+	.socials {
+		display: flex;
+		gap: 1rem;
+
+		a {
+			color: inherit;
+			text-decoration: none;
+			font-size: 1.5rem;
+		}
+	}
 }
diff --git a/templates/base.html b/templates/base.html
index 8b2b549..3aa6ce2 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -29,7 +29,14 @@
 	{% endblock %}
 
 	<footer>
-		<p>&copy; {{ now() | date(format="%Y") }} {{ config.title }}</p>
+		<div class="wrap">
+			<p>&copy; {{ now() | date(format="%Y") }} {{ config.title }}</p>
+			<div class="socials">
+				<a href="https://www.instagram.com/kocandaci/" target="_blank"><i class="ri-instagram-line"></i></a>
+				<a href="https://www.facebook.com/kocandaci" target="_blank"><i class="ri-facebook-box-line"></i></a>
+				<a href="https://www.youtube.com/channel/UCd5GIRz17QOQpCpg5PGi0PQ/featured" target="_blank"><i class="ri-youtube-line"></i></a>
+			</div>
+		</div>
 	</footer>
 
 	{% block script %}