From: Arnaud Guéras <arnaudgs@gmail.com>
Date: Mon, 2 Dec 2024 16:36:53 +0000 (+0100)
Subject: fix home
X-Git-Url: http://xenbits.xensource.com/gitweb?a=commitdiff_plain;h=030d088ae0ac9eb35f79d4ea87531f2aaf8a1d2d;p=www-xenproject-org.git

fix home

Signed-off-by: Arnaud Guéras <arnaudgs@gmail.com>
---

diff --git a/static/img/decorative/home-servers.webp b/static/img/decorative/home-servers.webp
index 0b06996..479bab1 100644
Binary files a/static/img/decorative/home-servers.webp and b/static/img/decorative/home-servers.webp differ
diff --git a/themes/xen-project/assets/css/animation/home-animation.scss b/themes/xen-project/assets/css/animation/home-animation.scss
index 478e57b..33e2640 100644
--- a/themes/xen-project/assets/css/animation/home-animation.scss
+++ b/themes/xen-project/assets/css/animation/home-animation.scss
@@ -1,3 +1,18 @@
+:root {
+  --home-shadow-screen-left: -45%;
+  --home-server-top: -104%;
+  --home-shadow-screen-bottom: 170px;
+  --home-hero-padding-bottom: 180px;
+  @include tablet {
+    --home-shadow-screen-left: 140px;
+    --home-hero-padding-bottom: 320px;
+  }
+
+  @include desktop {
+    --home-shadow-screen-left: 54px;
+  }
+}
+
 .home-hero-animated {
   position: relative;
   overflow: hidden;
@@ -35,7 +50,7 @@
   }
 
   .animated-home-shadow-screen {
-    bottom: 150px;
+    bottom: var(--home-shadow-screen-bottom);
     left: 56%;
     transform: translateX(40px);
     z-index: 2;
@@ -58,25 +73,17 @@
 .home-section-hero {
   margin-bottom: 0;
   margin-top: 0;
-  padding-bottom: 200px;
+  padding-bottom: var(--home-hero-padding-bottom);
 
   .hero-block {
     margin-top: 40px;
-
-    @include tablet {
-      margin-top: 100px;
-    }
   }
 
-  @include desktop {
-    padding-bottom: 260px;
-  }
   .media-block {
     flex-direction: column;
   }
 
   @include tablet {
-    padding-bottom: 300px;
     .media-block {
       flex-direction: row;
     }
@@ -87,19 +94,6 @@
   }
 }
 
-:root {
-  --home-shadow-screen-left: -45%;
-  --home-server-top: -55%;
-
-  @include tablet {
-    --home-shadow-screen-left: 100px;
-  }
-
-  @include desktop {
-    --home-shadow-screen-left: 54px;
-  }
-}
-
 @keyframes homeFadeInUp {
   from {
     opacity: 0;