fixed the stupid line between event items

assets/scss/custom.scss

@@ -110,3 +110,17 @@
     margin-top: 5px;
     margin-bottom: 5px;
   }
+
+  .header-with-image2 {
+    text-align: center;
+  }
+  
+  .header-with-image2 img {
+    display: inline-block;
+
+  }
+
+  .line {
+    border-top: 1px solid #FF6E00; /* Change color and thickness as needed */
+    margin: 10px 0; /* Adjust spacing between the line and the divs */
+}

hugo_stats.json

@@ -14,6 +14,7 @@
       "h1",
       "h2",
       "h4",
+      "h5",
       "head",
       "header",
       "hr",
@@ -99,6 +100,7 @@
       "h3",
       "header",
       "header-with-image",
+      "header-with-image2",
       "hidden",
       "hr-list",
       "hr-list2",
@@ -136,6 +138,7 @@
       "lg:text-right",
       "lg:w-1/2",
       "lg:w-auto",
+      "line",
       "link",
       "list",
       "list-item",

layouts/events/list.html

@@ -14,13 +14,18 @@
           <a class="link" href="{{ .RelPermalink }}" style="color: #FF6E00">{{ .Title }}</a>
         </div>
         <hr class="hr-list">
+        
         <time class="g time" datetime="{{ dateFormat "2006-01-02" .Date }}">{{ dateFormat "02-01-2006" .Date }}</time>
         <hr class="hr-list2">
       </li>
+      <div class="line"></div>
       {{ end }}
     </ul>
+    
   </section>
   {{ end }}
 </ul>
+
 </div>
+
 {{ end }}

layouts/index.html

@@ -45,12 +45,15 @@
 <div class="container">
   <div class="grid-container">
     {{ range $i, $e := .Params.features3 }}
+    
     <div class="grid-item">
-      <div class="header-with-image">
+
+      <div class="header-with-image2">
         <img src="{{ .image }}" alt="Image">
-        <h4 class="mb-4">{{ .title | markdownify }}</h4>
+        <h5 class="mb-4">{{ .title | markdownify }}</h4>
       </div>
 
+
       <p class="mb-8 text-lg">{{ .content | markdownify }}
         {{ with .button }} {{ if .enable }}
         <a class="mt-6" href="{{ .link | absURL }}" style="color:#FF6E00">

public/css/style.css

@@ -3029,6 +3029,18 @@ input#nav-toggle:checked ~ #nav-menu {
   margin-top: 5px;
   margin-bottom: 5px; }
 
+.header-with-image2 {
+  text-align: center; }
+
+.header-with-image2 img {
+  display: inline-block; }
+
+.line {
+  border-top: 1px solid #FF6E00;
+  /* Change color and thickness as needed */
+  margin: 10px 0;
+  /* Adjust spacing between the line and the divs */ }
+
 @media (min-width: 540px) {
 
   .sm\:col-10 {

public/events/index.html

@@ -697,24 +697,31 @@
           <a class="link" href="/events/waag-state-internet-2024/" style="color: #FF6E00">State of the Internet 2024</a>
         </div>
         <hr class="hr-list">
+        
         <time class="g time" datetime="2024-04-02">02-04-2024</time>
         <hr class="hr-list2">
       </li>
+      <div class="line"></div>
       
       <li class="list-item">
         <div class="content">
           <a class="link" href="/events/waag-state-internet-2024-copy/" style="color: #FF6E00">State of the Internet 2024</a>
         </div>
         <hr class="hr-list">
+        
         <time class="g time" datetime="2024-04-02">02-04-2024</time>
         <hr class="hr-list2">
       </li>
+      <div class="line"></div>
       
     </ul>
+    
   </section>
   
 </ul>
+
 </div>
+
 </main>
 
     

public/index.html

@@ -802,23 +802,29 @@
 <div class="container">
   <div class="grid-container">
     
+    
     <div class="grid-item">
-      <div class="header-with-image">
+
+      <div class="header-with-image2">
         <img src="/images/users.png" alt="Image">
-        <h4 class="mb-4">Consortium</h4>
+        <h5 class="mb-4">Consortium</h4>
       </div>
 
+
       <p class="mb-8 text-lg">The Consortium behind the Fediversity project is a cooperation between NLnet, Open Internet Discourse Foundation, NORDUnet and Tweag.
           
       </p>
     </div>
     
+    
     <div class="grid-item">
-      <div class="header-with-image">
+
+      <div class="header-with-image2">
         <img src="/images/users.png" alt="Image">
-        <h4 class="mb-4">NLnet</h4>
+        <h5 class="mb-4">NLnet</h4>
       </div>
 
+
       <p class="mb-8 text-lg">NLnet supports organisations and people who contribute to an open internet for all. They fund projects that help fix the internet through open hardware, open software, open standards, open science and open data.
          
         <a class="mt-6" href="//localhost:1313/nlnet" style="color:#FF6E00">
@@ -829,12 +835,15 @@
       </p>
     </div>
     
+    
     <div class="grid-item">
-      <div class="header-with-image">
+
+      <div class="header-with-image2">
         <img src="/images/users.png" alt="Image">
-        <h4 class="mb-4">Open Internet Discourse</h4>
+        <h5 class="mb-4">Open Internet Discourse</h4>
       </div>
 
+
       <p class="mb-8 text-lg">The Open Internet Discourse Foundation (OID) is founded on the belief that everyone deserves the freedom to express themselves and use the internet without constraints, and is committed to help build a better internet where individuals can truly be who they are.
          
         <a class="mt-6" href="//localhost:1313/oid" style="color:#FF6E00">
@@ -845,12 +854,15 @@
       </p>
     </div>
     
+    
     <div class="grid-item">
-      <div class="header-with-image">
+
+      <div class="header-with-image2">
         <img src="/images/users.png" alt="Image">
-        <h4 class="mb-4">Tweag</h4>
+        <h5 class="mb-4">Tweag</h4>
       </div>
 
+
       <p class="mb-8 text-lg">Tweag is the open source program office (OSPO) of Modus Create, and has extensive experience working with Nix, and many people at the forefront of the Nix community are Tweagers.
          
         <a class="mt-6" href="//localhost:1313/tweag" style="color:#FF6E00">
@@ -861,12 +873,15 @@
       </p>
     </div>
     
+    
     <div class="grid-item">
-      <div class="header-with-image">
+
+      <div class="header-with-image2">
         <img src="/images/users.png" alt="Image">
-        <h4 class="mb-4">NORDUnet</h4>
+        <h5 class="mb-4">NORDUnet</h4>
       </div>
 
+
       <p class="mb-8 text-lg">NORDUnet is a collaboration of the National Research and Education Networks of the Nordic countries.
          
         <a class="mt-6" href="//localhost:1313/nordunet" style="color:#FF6E00">

resources/_gen/assets/css/style.css_82b067fd6c564693170dff5ae4660239.content

@@ -3029,6 +3029,18 @@ input#nav-toggle:checked ~ #nav-menu {
   margin-top: 5px;
   margin-bottom: 5px; }
 
+.header-with-image2 {
+  text-align: center; }
+
+.header-with-image2 img {
+  display: inline-block; }
+
+.line {
+  border-top: 1px solid #FF6E00;
+  /* Change color and thickness as needed */
+  margin: 10px 0;
+  /* Adjust spacing between the line and the divs */ }
+
 @media (min-width: 540px) {
 
   .sm\:col-10 {

resources/_gen/assets/scss/main.scss_f120a3f402b106f64b18d498afd3d82e.content

@@ -1100,3 +1100,15 @@
   border-top: 1px solid #FF6E00;
   margin-top: 5px;
   margin-bottom: 5px; }
+
+.header-with-image2 {
+  text-align: center; }
+
+.header-with-image2 img {
+  display: inline-block; }
+
+.line {
+  border-top: 1px solid #FF6E00;
+  /* Change color and thickness as needed */
+  margin: 10px 0;
+  /* Adjust spacing between the line and the divs */ }