diff --git a/assets/images/SLOWTWITCH.svg b/assets/images/SLOWTWITCH.svg
new file mode 100644
index 0000000..1bb3bd1
--- /dev/null
+++ b/assets/images/SLOWTWITCH.svg
@@ -0,0 +1,167 @@
+
+
+
+
diff --git a/assets/images/logotype-blue.png b/assets/images/logotype-blue.png
new file mode 100644
index 0000000..0192872
Binary files /dev/null and b/assets/images/logotype-blue.png differ
diff --git a/assets/images/slowtwitch-ball-blue.png b/assets/images/slowtwitch-ball-blue.png
new file mode 100644
index 0000000..fcb6803
Binary files /dev/null and b/assets/images/slowtwitch-ball-blue.png differ
diff --git a/assets/js/st-nav.js b/assets/js/st-nav.js
index 3f7f004..f4844f3 100644
--- a/assets/js/st-nav.js
+++ b/assets/js/st-nav.js
@@ -30,9 +30,10 @@ closeSearchButton.addEventListener('click', () => {
const iconBar = document.querySelector('.st-header-icon-bar');
const siteTitle = document.querySelector('.st-site-title');
+const siteTitleBall = document.querySelector('.st-site-title__ball');
const header = document.querySelector('.st-header');
let lastScrollPosition = 0;
-const scrollDepthActivationPoint = 100;
+const scrollDepthActivationPoint = 80;
window.addEventListener('scroll', function(event) {
const scrollPosition = window.scrollY;
@@ -41,11 +42,13 @@ window.addEventListener('scroll', function(event) {
iconBar.classList.remove('st-icon-bar-sticky');
siteTitle.classList.remove('st-title-scrolled');
header.classList.remove('st-header-scrolled');
+ siteTitleBall.classList.remove('st-title-scrolled__ball');
} else {
if(lastScrollPosition < scrollDepthActivationPoint) {
iconBar.classList.add('st-icon-bar-sticky');
siteTitle.classList.add('st-title-scrolled');
header.classList.add('st-header-scrolled');
+ siteTitleBall.classList.add('st-title-scrolled__ball');
}
}
diff --git a/header.php b/header.php
index d1d4a98..a36d67a 100644
--- a/header.php
+++ b/header.php
@@ -23,21 +23,31 @@
- Slowtwitch
-
+
+ 
+