From 0af5d3a44b71ab94d8421e6a97c1471e98bb4c72 Mon Sep 17 00:00:00 2001
From: Adam Olech <nddr89@gmail.com>
Date: Thu, 28 Oct 2021 23:42:15 +0200
Subject: Add some things that don't really work

---
 config.toml           |  1 +
 static/css/custom.css |  5 +++++
 static/js/main.js     | 22 ++++++++++++++++++++++
 3 files changed, 28 insertions(+)
 create mode 100644 static/js/main.js

diff --git a/config.toml b/config.toml
index b1f9b30..08647b0 100644
--- a/config.toml
+++ b/config.toml
@@ -8,6 +8,7 @@ summarylength = 10
 author = "Adam Olech"
 profilePicture = "images/me.jpg"
 customCss = ["css/custom.css"]
+customJs = ["js/main.js"]
 
   [[params.socialIcons]]
   icon = "fa-linkedin"
diff --git a/static/css/custom.css b/static/css/custom.css
index 73125bc..6316db8 100644
--- a/static/css/custom.css
+++ b/static/css/custom.css
@@ -2,6 +2,11 @@
   background-image: linear-gradient(188.82deg, #44718F 1.39%, #5F5F5F 98.14%); 
 }
 
+.img-left {
+  position: fixed;
+  margin-left: initial;
+}
+
 body > aside > div > div > h1 {
   font-style: italic;
 }
diff --git a/static/js/main.js b/static/js/main.js
new file mode 100644
index 0000000..26a9e6c
--- /dev/null
+++ b/static/js/main.js
@@ -0,0 +1,22 @@
+// I might finish this idea one day...
+// It's utterly broken.
+function enableResponsiveTopBar() {
+  let avatar = document.querySelector("body > aside > div > div > div > a > img")
+
+  window.addEventListener("scroll", function(e) {
+    const newClass = 'img-left';
+    let bounding = avatar.getBoundingClientRect()
+    console.log(bounding);
+    if (bounding.top < 0 && !avatar.classList.contains(newClass)) {
+      avatar.classList.add(newClass);
+    } else {
+      avatar.classList.remove(newClass);
+    }
+  });
+}
+
+document.addEventListener("DOMContentLoaded", function(ev) {
+  console.log("Hello from console!");
+
+  //enableResponsiveTopBar();
+});
-- 
cgit v1.2.1