fix: small fixes to homepage

forwardemail · Aug 3, 2023 · 892cead · 892cead
1 parent 2274580
commit 892cead
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 7 deletions.
diff --git a/app/views/home.pug b/app/views/home.pug
@@ -476,7 +476,7 @@ block body
             height=200,
             alt=""
           )
-  .py-3.py-md-4.py-lg-5.position-relative.bg-fixed.lazyload(
+  .py-3.py-md-4.py-lg-5.position-relative.bg-white.bg-themed.bg-fixed.lazyload(
     data-src=manifest("img/art/stars.svg")
   )
     .text-center.mb-lg-5

diff --git a/assets/css/_freddy.scss b/assets/css/_freddy.scss
@@ -8,17 +8,19 @@
   background-repeat: no-repeat, repeat, no-repeat;
   background-attachment: fixed;
   background-position: 115% 115%, 50% 50%, 100% 100%;
-  background-color: #333366;
+  // background-color: #333366; // purple
+  background-color: #191d21;
   background-image: url('../img/art/planet.svg'),
     url('../img/art/purple-stars.svg'), url('../img/art/glow.svg');
+  // TODO: at small screen size it needs to be contain !important
   background-size: 40vmin, 25%, cover;
   &:before {
     // <https://css-tricks.com/pseudo-elements-in-the-web-animations-api/>
     display: inline-block;
     content: '';
     background-repeat: no-repeat;
     background-attachment: fixed;
-    background-position: -10% -10%;
+    background-position: -50% -50%;
     background-image: url('../img/art/rocket.gif');
     background-size: 83.5px 65.5px;
     position: fixed;
@@ -99,18 +101,18 @@
 
 @keyframes rocket-sm {
   from {
-    background-position: -10% -10%;
+    background-position: -50% -50%;
   }
   to {
-    background-position: 120% 35%;
+    background-position: 150% 50%;
   }
 }
 
 @keyframes rocket-lg {
   from {
-    background-position: -10% -10%;
+    background-position: -50% -50%;
   }
   to {
-    background-position: 120% 120%;
+    background-position: 150% 150%;
   }
 }