Modify MMNL banner

mage-os-nl · Oct 23, 2024 · e5077df · e5077df
1 parent d5b4b9b
commit e5077df
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 3 deletions.
diff --git a/lib/Website/Image.php b/lib/Website/Image.php
@@ -70,8 +70,9 @@ private function getBaseName(): string
         return preg_replace('/\.(jpg|jpeg|png)/', '', $this->sourceImage);
     }
 
-    public function setCssClass(string $cssClass): void
+    public function setCssClass(string $cssClass): Image
     {
         $this->cssClass = $cssClass;
+        return $this;
     }
 }
diff --git a/pub/style.css b/pub/style.css
@@ -1143,6 +1143,18 @@ video {
   top:0.5rem;
 }
 
+.left-1\/3 {
+  left:33.333333%;
+}
+
+.left-1\/2 {
+  left:50%;
+}
+
+.left-1\/4 {
+  left:25%;
+}
+
 .z-10 {
   z-index:10;
 }

diff --git a/templates/header/mmnl.php b/templates/header/mmnl.php
@@ -6,10 +6,10 @@
 ?>
 <div class="pb-8 relative">
     <a href="https://nl.meet-magento.com" title="Meet Magento Nederland 2024" target="_new">
-        <div class="absolute md:top-1/4 md:left-1/3 m-auto pl-4 md:pl-24">
+        <div class="absolute pt-8 md:top-1/4 left-1/4 md:left-1/3 m-auto pl-4 md:pl-24">
             <h2 class="text-3xl md:text-7xl text-purple-950	 font-obviously-super leading-none uppercase">Meet Magento<br/>Netherlands</h2>
             <h3 class="text-2xl md:text-5xl text-orange-600 font-obviously-condensed uppercase">October 31st, 2024 - LIEF Amsterdam</h3>
         </div>
-        <?= ImageFactory::create('headers/mmnl_x_cover_en.png', 'Meet Magento Nederland 2024') ?>
+        <?= ImageFactory::create('headers/mmnl_x_cover_en.png', 'Meet Magento Nederland 2024')->setCssClass('object-cover w-full') ?>
     </a>
 </div>