Merge pull request #1302 from kpodemski/devcon-2024-banner

Banner for devcon 2024
PrestaShop · Jul 23, 2024 · 5c2b54b · 5c2b54b
2 parents 9cb94f2 + 45073e7
commit 5c2b54b
Show file tree

Hide file tree

Showing 2 changed files with 53 additions and 0 deletions.
diff --git a/themes/build/assets/_sass/_base.scss b/themes/build/assets/_sass/_base.scss
@@ -828,3 +828,40 @@ footer.site-footer {
 .list-group-item:hover{
     background-color: white !important;
 }
+
+.conference-banner {
+    background-color: #a2e2ef;
+    padding: 10px 0;
+    position: relative;
+
+    &:hover {
+        background-color: #000;
+        color: white;
+    }
+
+    a {
+        position: absolute;
+        width: 100%;
+        height: 100%;
+        text-indent: -10000px;
+    }
+
+    .container {
+        @media (min-width:990px) and (max-width: 2500px) {
+            width: 1170px;
+        }
+
+        display: flex;
+        flex-direction: row;
+        justify-content: space-between;
+
+        @media (max-width: 700px) {
+            flex-direction: column;
+            text-align: center;
+        }
+    }
+
+    .conference-title {
+        font-weight: bold;
+    }
+}
diff --git a/themes/build/layouts/partials/header.html b/themes/build/layouts/partials/header.html
@@ -1,3 +1,19 @@
+<div class="conference-banner">
+  <a href="{{ relref . " /news/posts/2024/Second-PrestaShop-Developer-Conference-Participate-as-Speaker" }}">
+    PrestaShop Developer Conference
+  </a>
+  <div class="container">
+    <div class="conference-title">
+      PrestaShop Developer Conference
+    </div>
+    <div class="conference-location">
+      November 6, 2024
+    </div>
+    <div class="conference-slogan">
+      Let's talk code, commerce and open source.
+    </div>
+  </div>
+</div>
 <header class="site-header">
 
   <div class="container">