Updated header background

.gitignore

@@ -0,0 +1,2 @@
+# compiled site
+target/

bin/site-build.sh

@@ -0,0 +1,4 @@
+#!/bin/bash
+
+docker run --rm -v "$(pwd)":/srv/jekyll -e JEKYLL_ROOTLESS=1 jekyll/jekyll:4 sh -c "mkdir -p target && jekyll build -s src/ -d target --disable-disk-cache"
+

bin/site-deploy.sh

@@ -0,0 +1,4 @@
+#!/bin/bash
+
+rsync -avh --progress target/* xadmin@vps1.bitgoblin.tech:/usr/local/www/bitgoblin/www/
+

src/assets/stylesheets/lumbridge.sass

@@ -43,19 +43,32 @@ hr
   background: white
 
 // header
-
 #header-box
   position: relative
   z-index: 2
   height: 500px
   background:
-    image: url(/assets/images/bg-banner.jpg)
-    size: auto 600px
+    image: url(/assets/images/bg-banner.png)
+    size: auto auto
     position: top center
     attachment: fixed
   overflow: hidden
 
+  // The repeating, blurred, and darkened background layer
+  &::before
+    content: ''
+    position: absolute
+    top: -10px
+    left: -10px
+    right: -10px
+    bottom: -10px
+    backdrop-filter: blur(5px)
+
 #header-logo
+  position: absolute
+  top: 40px
+  left: 50%
+  transform: translateX(-50%)
   height: 350px
   width: 350px
   background:
@@ -63,10 +76,6 @@ hr
     position: center
     repeat: no-repeat
     size: contain
-  position: absolute
-  top: 40px
-  left: 50%
-  transform: translateX(-50%)
 
   h1
     margin-top: calc(100% + 25px)