diff options
| -rw-r--r-- | config.toml | 1 | ||||
| -rw-r--r-- | static/css/custom.css | 5 | ||||
| -rw-r--r-- | static/js/main.js | 22 |
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(); +}); |