From: soufiane <soufiane@cubedesigners.com>
Date: Tue, 9 Dec 2025 11:35:12 +0000 (+0100)
Subject: wip #7846 @1:00
X-Git-Url: http://git.cubedesigners.com/?a=commitdiff_plain;h=1435a1a30968a376ce93bc2a75fb313a5b1227e8;p=fluidbook-v3.git

wip #7846 @1:00
---

diff --git a/framework/application/views/helpers/HomeServices.php b/framework/application/views/helpers/HomeServices.php
index 4b41bae..dce3f9a 100644
--- a/framework/application/views/helpers/HomeServices.php
+++ b/framework/application/views/helpers/HomeServices.php
@@ -19,7 +19,7 @@ class Fluidbook_View_Helper_HomeServices extends Fluidbook_View_Helper_HomeLayer
         $res .= '<div class="clay_ipad">';
         $res .= '<img src="/images/services/Pencil.png" class="pencil" />';
         $res .= '<img src="/images/services/Eraser.png" class="eraser" />';
-        $res .= '<video width="100" loop muted autoplay><source src="/images/services/Showreel_Fluidbook_v0.mp4" /></video>';
+        $res .= '<video width="100" loop muted autoplay><source src="/images/services/Showreel_Fluidbook_05.mp4" /></video>';
         $res .= '<img src="/images/services/ipad.png" class="layer" />';
         $res .= '</div>'; // Ipad container
         $res .= '</div>'; // Video wrapper
diff --git a/images/services/Showreel_Fluidbook_05.mp4 b/images/services/Showreel_Fluidbook_05.mp4
new file mode 100644
index 0000000..ce23c2c
Binary files /dev/null and b/images/services/Showreel_Fluidbook_05.mp4 differ
diff --git a/less/210-home.less b/less/210-home.less
index b11293b..8c15fbd 100644
--- a/less/210-home.less
+++ b/less/210-home.less
@@ -33,17 +33,21 @@
 
     .video-container {
       position: absolute;
-      top: 0;
       left: 0;
       display: flex;
       justify-content: flex-end;
       width: 100%;
-      height: 100%;
+      height: max-content;
       padding: 0 8%;
+      top: 50%;
+      transform: translateY(-50%);
 
       @media @m900 {
         position: relative;
         padding: 100px 5% 100px;
+        height: 100%;
+        top: 0;
+        transform: none;
       }
 
       .video-wrapper {
@@ -51,6 +55,7 @@
         align-items: center;
         justify-content: flex-end;
         position: relative;
+        height: max-content;
 
         @media @m900 {
           flex-direction: column;
@@ -60,12 +65,14 @@
       .ruler {
         position: absolute;
         width: 266px;
-        bottom: -12vh;
+        bottom: -16px;
         right: 0;
+        transform: translateY(100%);
 
         @media @m900 {
           bottom: 15px;
           right: -5%;
+          transform: none;
         }
       }
 
@@ -76,6 +83,8 @@
         height: auto;
         display: flex;
         //overflow: hidden;
+        box-shadow: 16px 16px 34px rgba(0,0,0,.4);
+        border-radius: 35px;
         @media @m900 {
           width: 100%;
         }