From 92227c8185560af42b17d5d6e6df86e97ffb3e32 Mon Sep 17 00:00:00 2001
From: Shaun McCance <shaunm@redhat.com>
Date: Dec 12 2024 21:22:41 +0000
Subject: Tweaks for the index page, some temporary


Hiding the secondary navbar at mobile sizes because it doens't scale
well currently. Adding padding to the banner at mobile sizes. Moving
the Connect announcement to the editions tiles, because we have a
blank space right now. We need to think hard about this presentation
going forward as we add editions, but for now it works.

---

diff --git a/_data/centos/distributions.yml b/_data/centos/distributions.yml
index 1e825df..2939bf0 100644
--- a/_data/centos/distributions.yml
+++ b/_data/centos/distributions.yml
@@ -9,3 +9,7 @@
 - title: "CentOS Hyperscale"
   page: "/hyperscale"
   description: "CentOS stability built for massively large-scale deployments."
+- title: "CentOS Connect"
+  page: "https://connect.centos.org/"
+  description: "Join us January 30-31 in Brussels to collaborate on the future of Enterprise Linux."
+  background: images/connecttilebg.png
diff --git a/_layouts/home.html b/_layouts/home.html
index 316f0cc..b630666 100644
--- a/_layouts/home.html
+++ b/_layouts/home.html
@@ -59,7 +59,7 @@
       </div>
       {% endif %}
 
-      <div class="d-flex justify-content-center bg-dark bg-image text-bg-dark py-5">
+      <div class="d-flex justify-content-center bg-dark bg-image text-bg-dark py-5 px-sm-5">
         <div class="col-sm-12 col-lg-8">
           <div class="mb-5"><img src="{{ site.url }}{{ site.baseurl }}/assets/img/centos-symbol.svg" height="92" alt="CentOS"></div>
           <div class="h1">{{ site.data.centos.project.title }}</div>
@@ -68,7 +68,7 @@
         </div>
       </div>
 
-      <div class="bg-primary d-flex justify-content-around py-3 mb-5">
+      <div class="d-sm-none d-lg-flex bg-primary justify-content-around py-3">
       {% assign community_items = site.data.centos.navbar | where: "name", "Community" %}
       {% for community_item in community_items %}
       {% for shortcut in community_item.menu %}
@@ -78,7 +78,7 @@
       </div>
 
       {% if page.with_content == true %}
-      <div class="row justify-content-center mb-4">
+      <div class="row justify-content-center mt-5 mb-4">
         <div class="col-sm-12 col-lg-12">
           <div class="content">
           {{ content }}
diff --git a/images/connecttilebg.png b/images/connecttilebg.png
new file mode 100644
index 0000000..e9d7aeb
Binary files /dev/null and b/images/connecttilebg.png differ
diff --git a/index.md b/index.md
index 83d8e1a..b219080 100644
--- a/index.md
+++ b/index.md
@@ -14,22 +14,17 @@ with_title: false
 with_sponsors: true
 ---
 
-<div class="row mb-5">
-  <div style="text-align:center;min-height:90px">
-  <a href="https://connect.centos.org/"><img src="https://connect.centos.org/2025-fosdem/connect-banner.png" alt="CentOS Connect, January 30-31, Brussels, Belgium" style="max-width:100%"></a>
-  </div>
-</div>
-
 <style>
 div.hero-signal {
 height: 30px;
-min-height: 40px;
+min-height: 30px;
 background-color: #a14f8c;
 background-image: url("data:image/svg+xml,%3Csvg width='84' height='48' viewBox='0 0 84 48' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h12v6H0V0zm28 8h12v6H28V8zm14-8h12v6H42V0zm14 0h12v6H56V0zm0 8h12v6H56V8zM42 8h12v6H42V8zm0 16h12v6H42v-6zm14-8h12v6H56v-6zm14 0h12v6H70v-6zm0-16h12v6H70V0zM28 32h12v6H28v-6zM14 16h12v6H14v-6zM0 24h12v6H0v-6zm0 8h12v6H0v-6zm14 0h12v6H14v-6zm14 8h12v6H28v-6zm-14 0h12v6H14v-6zm28 0h12v6H42v-6zm14-8h12v6H56v-6zm0-8h12v6H56v-6zm14 8h12v6H70v-6zm0 8h12v6H70v-6zM14 24h12v6H14v-6zm14-8h12v6H28v-6zM14 8h12v6H14V8zM0 8h12v6H0V8z' fill='%23ffffff' fill-opacity='0.05' fill-rule='evenodd'/%3E%3C/svg%3E");
 }
 .card:hover div.hero-signal {
 background-image: url("data:image/svg+xml,%3Csvg width='84' height='48' viewBox='0 0 84 48' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h12v6H0V0zm28 8h12v6H28V8zm14-8h12v6H42V0zm14 0h12v6H56V0zm0 8h12v6H56V8zM42 8h12v6H42V8zm0 16h12v6H42v-6zm14-8h12v6H56v-6zm14 0h12v6H70v-6zm0-16h12v6H70V0zM28 32h12v6H28v-6zM14 16h12v6H14v-6zM0 24h12v6H0v-6zm0 8h12v6H0v-6zm14 0h12v6H14v-6zm14 8h12v6H28v-6zm-14 0h12v6H14v-6zm28 0h12v6H42v-6zm14-8h12v6H56v-6zm0-8h12v6H56v-6zm14 8h12v6H70v-6zm0 8h12v6H70v-6zM14 24h12v6H14v-6zm14-8h12v6H28v-6zM14 8h12v6H14V8zM0 8h12v6H0V8z' fill='%23ffffff' fill-opacity='0.1' fill-rule='evenodd'/%3E%3C/svg%3E");
 }
+.card-img-top {overflow:hidden;}
 </style>
 
 <div class="row">
@@ -37,7 +32,11 @@ background-image: url("data:image/svg+xml,%3Csvg width='84' height='48' viewBox=
   {% for distro in distributions %}
   <div class="col-sm-12 col-md-6 col-lg-4 mb-3">
     <div class="card">
-      <div class="hero-signal">&nbsp;</div>
+{% if distro.background %}
+      <div class="card-img-top"><img src="{{ distro.background }}"></div>
+{% else %}
+      <div class="hero-signal" style="min-height:60px;height:60px;">&nbsp;</div>
+{% endif %}
       <div class="card-body">
         <div class="card-title h5">{{ distro.title }}</div>
         <p class="card-text">{{ distro.description }}</p>