Add some things that don't really work

3 files changed, 28 insertions, 0 deletions

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();
+});