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; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
height: 100vh; /* Adjust height as needed */
} }
.grid-container-small { .grid-container-small {
@ -90,3 +90,16 @@
grid-template-columns: repeat(2, 1fr); grid-template-columns: repeat(2, 1fr);
gap: 20px; 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-primary",
"btn-sm", "btn-sm",
"capitalize", "capitalize",
"center",
"center-layout",
"center-wrapper", "center-wrapper",
"col-12", "col-12",
"column", "column",

View file

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

View file

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

View file

@ -1201,7 +1201,7 @@
loading="lazy" decoding="async" loading="lazy" decoding="async"
src="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_lanczos_3.png" src="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_lanczos_3.png"
class=" mb-6 w-full rounded img" class=" mb-6 w-full rounded img"
alt="eventdateState of the Internet 2024" alt="State of the Internet 2024"
width="1096" width="1096"
height="480" /> height="480" />
</picture> </picture>
@ -1216,7 +1216,7 @@
<h4 class="mb-3"> <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> </h4>
<ul class="mb-4"> <ul class="mb-4">
@ -1243,7 +1243,7 @@
</li> </li>
</ul> </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/"> <a class="btn btn-outline-primary btn-sm" href="/events/waag-state-internet-2024-copy/">
Read More Read More
</a> </a>

View file

@ -969,7 +969,7 @@
loading="lazy" decoding="async" loading="lazy" decoding="async"
src="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_lanczos_3.png" src="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_lanczos_3.png"
class=" mb-6 w-full rounded img" class=" mb-6 w-full rounded img"
alt="eventdateState of the Internet 2024" alt="State of the Internet 2024"
width="1096" width="1096"
height="480" /> height="480" />
</picture> </picture>
@ -984,7 +984,7 @@
<h4 class="mb-3"> <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> </h4>
<ul class="mb-4"> <ul class="mb-4">
@ -1011,7 +1011,7 @@
</li> </li>
</ul> </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/"> <a class="btn btn-outline-primary btn-sm" href="/events/waag-state-internet-2024-copy/">
Read More Read More
</a> </a>

View file

@ -9,11 +9,11 @@
<lastBuildDate>Tue, 02 Apr 2024 16:00:00 +0000</lastBuildDate> <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" /> <atom:link href="//localhost:1313/categories/event/index.xml" rel="self" type="application/rss+xml" />
<item> <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> <link>//localhost:1313/events/waag-state-internet-2024-copy/</link>
<pubDate>Tue, 02 Apr 2024 16:00:00 +0000</pubDate> <pubDate>Tue, 02 Apr 2024 16:00:00 +0000</pubDate>
<guid>//localhost:1313/events/waag-state-internet-2024-copy/</guid> <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>
<item> <item>
<title>State of the Internet 2024</title> <title>State of the Internet 2024</title>

View file

@ -969,7 +969,7 @@
loading="lazy" decoding="async" loading="lazy" decoding="async"
src="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_lanczos_3.png" src="/images/image-placeholder_huf5f2d24635a285cfc2259aa9741acb2a_4881_1110x0_resize_lanczos_3.png"
class=" mb-6 w-full rounded img" class=" mb-6 w-full rounded img"
alt="eventdateState of the Internet 2024" alt="State of the Internet 2024"
width="1096" width="1096"
height="480" /> height="480" />
</picture> </picture>
@ -984,7 +984,7 @@
<h4 class="mb-3"> <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> </h4>
<ul class="mb-4"> <ul class="mb-4">
@ -1011,7 +1011,7 @@
</li> </li>
</ul> </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/"> <a class="btn btn-outline-primary btn-sm" href="/events/waag-state-internet-2024-copy/">
Read More Read More
</a> </a>

View file

@ -9,11 +9,11 @@
<lastBuildDate>Tue, 02 Apr 2024 16:00:00 +0000</lastBuildDate> <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" /> <atom:link href="//localhost:1313/categories/webinar/index.xml" rel="self" type="application/rss+xml" />
<item> <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> <link>//localhost:1313/events/waag-state-internet-2024-copy/</link>
<pubDate>Tue, 02 Apr 2024 16:00:00 +0000</pubDate> <pubDate>Tue, 02 Apr 2024 16:00:00 +0000</pubDate>
<guid>//localhost:1313/events/waag-state-internet-2024-copy/</guid> <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>
<item> <item>
<title>State of the Internet 2024</title> <title>State of the Internet 2024</title>

View file

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

View file

@ -855,338 +855,36 @@
</div> </div>
</section> </section>
<div class="center-layout">
<ul class="list">
<section class="section"> <section>
<div class="container"> <h2>Upcoming Events</h2>
<div class="row gx-5"> <ul class="list">
<div class="lg:col-8">
<div class="row">
<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-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> </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>
</li>
</ul>
</section>
</ul>
</div>
</div>
</div>
</div>
</section>
</main> </main>

View file

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

View file

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

View file

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

View file

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

View file

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