Updated header background

bin/site-deploy.sh

@@ -1,4 +1,4 @@
 #!/bin/bash
 
-scp -r target/* xadmin@vps1.bitgoblin.tech:/usr/local/www/bitgoblin/www/
+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.png)
-    size: auto 600px
+    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)