fixed the stupid line between event items

This commit is contained in:
Laurens 2024-05-09 16:47:15 +02:00
parent 2ddc599ce1
commit ce2830274e
7 changed files with 72 additions and 13 deletions

View file

@ -110,3 +110,17 @@
margin-top: 5px; margin-top: 5px;
margin-bottom: 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 */
}

View file

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

View file

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

View file

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

View file

@ -3029,6 +3029,18 @@ input#nav-toggle:checked ~ #nav-menu {
margin-top: 5px; margin-top: 5px;
margin-bottom: 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) { @media (min-width: 540px) {
.sm\:col-10 { .sm\:col-10 {

View file

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

View file

@ -802,23 +802,29 @@
<div class="container"> <div class="container">
<div class="grid-container"> <div class="grid-container">
<div class="grid-item"> <div class="grid-item">
<div class="header-with-image">
<div class="header-with-image2">
<img src="/images/users.png" alt="Image"> <img src="/images/users.png" alt="Image">
<h4 class="mb-4">Consortium</h4> <h5 class="mb-4">Consortium</h4>
</div> </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 class="mb-8 text-lg">The Consortium behind the Fediversity project is a cooperation between NLnet, Open Internet Discourse Foundation, NORDUnet and Tweag.
</p> </p>
</div> </div>
<div class="grid-item"> <div class="grid-item">
<div class="header-with-image">
<div class="header-with-image2">
<img src="/images/users.png" alt="Image"> <img src="/images/users.png" alt="Image">
<h4 class="mb-4">NLnet</h4> <h5 class="mb-4">NLnet</h4>
</div> </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. <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"> <a class="mt-6" href="//localhost:1313/nlnet" style="color:#FF6E00">
@ -829,12 +835,15 @@
</p> </p>
</div> </div>
<div class="grid-item"> <div class="grid-item">
<div class="header-with-image">
<div class="header-with-image2">
<img src="/images/users.png" alt="Image"> <img src="/images/users.png" alt="Image">
<h4 class="mb-4">Open Internet Discourse</h4> <h5 class="mb-4">Open Internet Discourse</h4>
</div> </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. <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"> <a class="mt-6" href="//localhost:1313/oid" style="color:#FF6E00">
@ -845,12 +854,15 @@
</p> </p>
</div> </div>
<div class="grid-item"> <div class="grid-item">
<div class="header-with-image">
<div class="header-with-image2">
<img src="/images/users.png" alt="Image"> <img src="/images/users.png" alt="Image">
<h4 class="mb-4">Tweag</h4> <h5 class="mb-4">Tweag</h4>
</div> </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. <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"> <a class="mt-6" href="//localhost:1313/tweag" style="color:#FF6E00">
@ -861,12 +873,15 @@
</p> </p>
</div> </div>
<div class="grid-item"> <div class="grid-item">
<div class="header-with-image">
<div class="header-with-image2">
<img src="/images/users.png" alt="Image"> <img src="/images/users.png" alt="Image">
<h4 class="mb-4">NORDUnet</h4> <h5 class="mb-4">NORDUnet</h4>
</div> </div>
<p class="mb-8 text-lg">NORDUnet is a collaboration of the National Research and Education Networks of the Nordic countries. <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"> <a class="mt-6" href="//localhost:1313/nordunet" style="color:#FF6E00">