From 4aea855feeeef7cfc76edaff0b79e2fbabcfcd62 Mon Sep 17 00:00:00 2001
From: dylansdaniels <dylansdaniels@users.noreply.github.com>
Date: Fri, 17 Jan 2025 17:20:13 +0000
Subject: [PATCH] deploy: dc74e13e5e79c2368b8690755901511f7d80e539

---
 build.py                  |  2 +-
 content/assets/styles.css | 32 +++++++++++++++++++++++++++++++-
 2 files changed, 32 insertions(+), 2 deletions(-)

diff --git a/build.py b/build.py
index a9a2175..c19414a 100644
--- a/build.py
+++ b/build.py
@@ -4,7 +4,7 @@
 import pypandoc
 from create_page_index import update_page_index
 from create_navbar import generate_navbar_html
-from bs4 import BeautifulSoup
+# from bs4 import BeautifulSoup
 
 
 # %% ######################################################################
diff --git a/content/assets/styles.css b/content/assets/styles.css
index 938ec2f..bfc2db0 100644
--- a/content/assets/styles.css
+++ b/content/assets/styles.css
@@ -181,15 +181,45 @@ code {
     padding: 0 0px;
     border-bottom: 2.5px solid lightgrey;
     width: 100%;
+    /* relative position is needed for the img positioning */
+    position: relative; 
+
 }
 
 .topbar img {
     height: 30px;
     width: auto;
+
+    /* Center img around topbar */
+    /* ------------------------ */
+    position: absolute;
+    left: 50%;
+        /* 'left: 50%' centers the around the topbar */
+    transform: translateX(-50%);
+        /*  the transform offset the images width */
+
+    /* Center img around remaining space */
+    /* --------------------------------- */
+    /* margin-left: auto; */
+    /* margin-right: auto; */
+
+    /* Center img around whole page */
+    /* ---------------------------- */
+    /* position: absolute; */
+    /* left: 50%; */
+    /* transform: translateX(-50%); */
+}
+
+/* Social media icons */
+/* ------------------ */
+
+.socials-container {
     margin-left: auto;
-    padding: 0px 20px;
+    height: inherit;
 }
 
+
+
 /* Collapse navbar */
 /* --------------- */