event list messing around again

This commit is contained in:
Laurens 2024-05-08 09:46:15 +02:00
parent 522d35cc0a
commit 51a7c518bd
16 changed files with 113 additions and 372 deletions

View file

@ -82,7 +82,7 @@
display: flex;
justify-content: center;
align-items: center;
height: 100vh; /* Adjust height as needed */
}
.grid-container-small {
@ -90,3 +90,16 @@
grid-template-columns: repeat(2, 1fr);
gap: 20px;
}
.hr-list {
margin-top: 0;
margin-bottom: 0;
margin-right: .5rem;
}
.center-layout {
display: flex;
justify-content: center;
}

View file

@ -65,6 +65,8 @@
"btn-primary",
"btn-sm",
"capitalize",
"center",
"center-layout",
"center-wrapper",
"col-12",
"column",

View file

@ -1,22 +1,23 @@
{{ define "main" }} {{ partial "page-header" . }}
<section class="section">
<div class="container">
<div class="row gx-5">
<!-- event posts -->
<div class="lg:col-8">
<div class="row">
{{ $paginator:= .Paginate .RegularPages }} {{ range $paginator.Pages
}}
<div class="md:col-6 mb-14">
{{ partial "components/blog-card" . }}
</div>
{{ end }}
<div class="center-layout">
<ul class="list">
{{ if gt (len (where .Site.RegularPages "Section" "events")) 0 }}
<section>
<h2>Upcoming Events</h2>
<ul class="list">
{{ range (first 5 (where .Site.RegularPages "Section" "events").ByDate.Reverse) }}
<li class="list-item">
<div class="content">
<a class="link" href="{{ .RelPermalink }}">{{ .Title }}</a>
</div>
{{ partial "components/pagination.html" . }}
</div>
<hr class="hr-list">
<time class="g time" datetime="{{ dateFormat "2006-01-02" .Date }}">{{ dateFormat "02-01-2006" .Date }}</time>
</div>
</div>
</section>
</li>
{{ end }}
</ul>
</section>
{{ end }}
</ul>
</div>
{{ end }}

View file

@ -136,7 +136,9 @@
</div>
<br>
<br>
<br>
<!-- features2test-->
{{ if gt (len (where .Site.RegularPages "Section" "blog")) 0 }}

View file

@ -1201,7 +1201,7 @@
loading="lazy" decoding="async"
src="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_lanczos_3.png"
class=" mb-6 w-full rounded img"
alt="eventdateState of the Internet 2024"
alt="State of the Internet 2024"
width="1096"
height="480" />
</picture>
@ -1216,7 +1216,7 @@
<h4 class="mb-3">
<a href="/events/waag-state-internet-2024-copy/"> eventdateState of the Internet 2024 </a>
<a href="/events/waag-state-internet-2024-copy/"> State of the Internet 2024 </a>
</h4>
<ul class="mb-4">
@ -1243,7 +1243,7 @@
</li>
</ul>
<p class="mb-6">blabla eventinfo Join us at the State of the Internet 2024, where Waag Futurelab, alongside the Municipality of Amsterdam and the OBA, delves into the depths of the online realm.</p>
<p class="mb-6">Join us at the State of the Internet 2024, where Waag Futurelab, alongside the Municipality of Amsterdam and the OBA, delves into the depths of the online realm.</p>
<a class="btn btn-outline-primary btn-sm" href="/events/waag-state-internet-2024-copy/">
Read More
</a>

View file

@ -969,7 +969,7 @@
loading="lazy" decoding="async"
src="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_lanczos_3.png"
class=" mb-6 w-full rounded img"
alt="eventdateState of the Internet 2024"
alt="State of the Internet 2024"
width="1096"
height="480" />
</picture>
@ -984,7 +984,7 @@
<h4 class="mb-3">
<a href="/events/waag-state-internet-2024-copy/"> eventdateState of the Internet 2024 </a>
<a href="/events/waag-state-internet-2024-copy/"> State of the Internet 2024 </a>
</h4>
<ul class="mb-4">
@ -1011,7 +1011,7 @@
</li>
</ul>
<p class="mb-6">blabla eventinfo Join us at the State of the Internet 2024, where Waag Futurelab, alongside the Municipality of Amsterdam and the OBA, delves into the depths of the online realm.</p>
<p class="mb-6">Join us at the State of the Internet 2024, where Waag Futurelab, alongside the Municipality of Amsterdam and the OBA, delves into the depths of the online realm.</p>
<a class="btn btn-outline-primary btn-sm" href="/events/waag-state-internet-2024-copy/">
Read More
</a>

View file

@ -9,11 +9,11 @@
<lastBuildDate>Tue, 02 Apr 2024 16:00:00 +0000</lastBuildDate>
<atom:link href="//localhost:1313/categories/event/index.xml" rel="self" type="application/rss+xml" />
<item>
<title>eventdateState of the Internet 2024</title>
<title>State of the Internet 2024</title>
<link>//localhost:1313/events/waag-state-internet-2024-copy/</link>
<pubDate>Tue, 02 Apr 2024 16:00:00 +0000</pubDate>
<guid>//localhost:1313/events/waag-state-internet-2024-copy/</guid>
<description>blabla eventinfo Join us at the State of the Internet 2024, where Waag Futurelab, alongside the Municipality of Amsterdam and the OBA, delves into the depths of the online realm.</description>
<description>Join us at the State of the Internet 2024, where Waag Futurelab, alongside the Municipality of Amsterdam and the OBA, delves into the depths of the online realm.</description>
</item>
<item>
<title>State of the Internet 2024</title>

View file

@ -969,7 +969,7 @@
loading="lazy" decoding="async"
src="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_lanczos_3.png"
class=" mb-6 w-full rounded img"
alt="eventdateState of the Internet 2024"
alt="State of the Internet 2024"
width="1096"
height="480" />
</picture>
@ -984,7 +984,7 @@
<h4 class="mb-3">
<a href="/events/waag-state-internet-2024-copy/"> eventdateState of the Internet 2024 </a>
<a href="/events/waag-state-internet-2024-copy/"> State of the Internet 2024 </a>
</h4>
<ul class="mb-4">
@ -1011,7 +1011,7 @@
</li>
</ul>
<p class="mb-6">blabla eventinfo Join us at the State of the Internet 2024, where Waag Futurelab, alongside the Municipality of Amsterdam and the OBA, delves into the depths of the online realm.</p>
<p class="mb-6">Join us at the State of the Internet 2024, where Waag Futurelab, alongside the Municipality of Amsterdam and the OBA, delves into the depths of the online realm.</p>
<a class="btn btn-outline-primary btn-sm" href="/events/waag-state-internet-2024-copy/">
Read More
</a>

View file

@ -9,11 +9,11 @@
<lastBuildDate>Tue, 02 Apr 2024 16:00:00 +0000</lastBuildDate>
<atom:link href="//localhost:1313/categories/webinar/index.xml" rel="self" type="application/rss+xml" />
<item>
<title>eventdateState of the Internet 2024</title>
<title>State of the Internet 2024</title>
<link>//localhost:1313/events/waag-state-internet-2024-copy/</link>
<pubDate>Tue, 02 Apr 2024 16:00:00 +0000</pubDate>
<guid>//localhost:1313/events/waag-state-internet-2024-copy/</guid>
<description>blabla eventinfo Join us at the State of the Internet 2024, where Waag Futurelab, alongside the Municipality of Amsterdam and the OBA, delves into the depths of the online realm.</description>
<description>Join us at the State of the Internet 2024, where Waag Futurelab, alongside the Municipality of Amsterdam and the OBA, delves into the depths of the online realm.</description>
</item>
<item>
<title>State of the Internet 2024</title>

View file

@ -3087,15 +3087,22 @@ input#nav-toggle:checked ~ #nav-menu {
.center-wrapper {
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
/* Adjust height as needed */ }
align-items: center; }
.grid-container-small {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px; }
.hr-list {
margin-top: 0;
margin-bottom: 0;
margin-right: .5rem; }
.center-layout {
display: flex;
justify-content: center; }
@media (min-width: 540px) {
.sm\:col-10 {

View file

@ -855,338 +855,36 @@
</div>
</section>
<section class="section">
<div class="container">
<div class="row gx-5">
<div class="lg:col-8">
<div class="row">
<div class="md:col-6 mb-14">
<div class="bg-body">
<div class="center-layout">
<ul class="list">
<section>
<h2>Upcoming Events</h2>
<ul class="list">
<picture>
<source
srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_545x0_resize_q80_h2_lanczos_3.webp"
media="(max-width: 575px)" />
<source
srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_600x0_resize_q80_h2_lanczos_3.webp"
media="(max-width: 767px)" />
<source
srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_700x0_resize_q80_h2_lanczos_3.webp"
media="(max-width: 991px)" />
<source
srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_q80_h2_lanczos_3.webp"
/>
<img
loading="lazy" decoding="async"
src="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_lanczos_3.png"
class=" mb-6 w-full rounded img"
alt="State of the Internet 2024"
width="1096"
height="480" />
</picture>
<h4 class="mb-3">
<a href="/events/waag-state-internet-2024-copy/"> State of the Internet 2024 </a>
</h4>
<ul class="mb-4">
<li class="mr-4 inline-block">
<a href="/authors/laurens-hof/">
<i class="fa-regular fa-circle-user mr-2"></i>Laurens Hof
</a>
</li>
<li class="mr-4 inline-block">
<i class="fa-regular fa-folder mr-1"></i>
<a
href="/categories/event/"
class="ms-1"
>Event ,
</a>
<a
href="/categories/webinar/"
class="ms-1"
>Webinar
</a>
</li>
</ul>
<p class="mb-6">Join us at the State of the Internet 2024, where Waag Futurelab, alongside the Municipality of Amsterdam and the OBA, delves into the depths of the online realm.</p>
<a class="btn btn-outline-primary btn-sm" href="/events/waag-state-internet-2024-copy/">
Read More
</a>
</div>
</div>
<div class="md:col-6 mb-14">
<div class="bg-body">
<picture>
<source
srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_545x0_resize_q80_h2_lanczos_3.webp"
media="(max-width: 575px)" />
<source
srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_600x0_resize_q80_h2_lanczos_3.webp"
media="(max-width: 767px)" />
<source
srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_700x0_resize_q80_h2_lanczos_3.webp"
media="(max-width: 991px)" />
<source
srcset="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_q80_h2_lanczos_3.webp"
/>
<img
loading="lazy" decoding="async"
src="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_lanczos_3.png"
class=" mb-6 w-full rounded img"
alt="State of the Internet 2024"
width="1096"
height="480" />
</picture>
<h4 class="mb-3">
<a href="/events/waag-state-internet-2024/"> State of the Internet 2024 </a>
</h4>
<ul class="mb-4">
<li class="mr-4 inline-block">
<a href="/authors/laurens-hof/">
<i class="fa-regular fa-circle-user mr-2"></i>Laurens Hof
</a>
</li>
<li class="mr-4 inline-block">
<i class="fa-regular fa-folder mr-1"></i>
<a
href="/categories/event/"
class="ms-1"
>Event ,
</a>
<a
href="/categories/webinar/"
class="ms-1"
>Webinar
</a>
</li>
</ul>
<p class="mb-6">Join us at the State of the Internet 2024, where Waag Futurelab, alongside the Municipality of Amsterdam and the OBA, delves into the depths of the online realm.</p>
<a class="btn btn-outline-primary btn-sm" href="/events/waag-state-internet-2024/">
Read More
</a>
</div>
</div>
<li class="list-item">
<div class="content">
<a class="link" href="/events/waag-state-internet-2024/">State of the Internet 2024</a>
</div>
<hr class="hr-list">
<time class="g time" datetime="2024-04-02">02-04-2024</time>
</li>
<li class="list-item">
<div class="content">
<a class="link" href="/events/waag-state-internet-2024-copy/">State of the Internet 2024</a>
</div>
<hr class="hr-list">
<time class="g time" datetime="2024-04-02">02-04-2024</time>
</div>
</div>
</div>
</section>
</li>
</ul>
</section>
</ul>
</div>
</main>

View file

@ -845,10 +845,12 @@
<i class="fa-regular fa-clock mr-2"></i>
Start:
</li>
<br>
<li class="mr-4 inline-block">
<i class="fa-regular fa-clock mr-2"></i>
End:
</li>
<br>
<li class="mr-4 inline-block">
<i class="fa-regular fa-globe mr-2"></i>
Location:

View file

@ -1259,7 +1259,9 @@
</div>
<br>
<br>
<br>

View file

@ -20,10 +20,10 @@
<loc>//localhost:1313/categories/event/</loc>
<lastmod>2024-04-02T16:00:00+00:00</lastmod>
</url><url>
<loc>//localhost:1313/events/waag-state-internet-2024-copy/</loc>
<loc>//localhost:1313/events/</loc>
<lastmod>2024-04-02T16:00:00+00:00</lastmod>
</url><url>
<loc>//localhost:1313/events/</loc>
<loc>//localhost:1313/events/waag-state-internet-2024-copy/</loc>
<lastmod>2024-04-02T16:00:00+00:00</lastmod>
</url><url>
<loc>//localhost:1313/events/waag-state-internet-2024/</loc>

View file

@ -3087,15 +3087,22 @@ input#nav-toggle:checked ~ #nav-menu {
.center-wrapper {
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
/* Adjust height as needed */ }
align-items: center; }
.grid-container-small {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px; }
.hr-list {
margin-top: 0;
margin-bottom: 0;
margin-right: .5rem; }
.center-layout {
display: flex;
justify-content: center; }
@media (min-width: 540px) {
.sm\:col-10 {

View file

@ -1079,11 +1079,18 @@
.center-wrapper {
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
/* Adjust height as needed */ }
align-items: center; }
.grid-container-small {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px; }
.hr-list {
margin-top: 0;
margin-bottom: 0;
margin-right: .5rem; }
.center-layout {
display: flex;
justify-content: center; }