frontpage event and blog visual update

This commit is contained in:
Laurens 2024-05-10 14:43:37 +02:00
parent 1bdbdca707
commit 862fb5dd41
2 changed files with 61 additions and 35 deletions

View file

@ -153,19 +153,23 @@
<ul class="list"> <ul class="list">
{{ if gt (len (where .Site.RegularPages "Section" "events")) 0 }} {{ if gt (len (where .Site.RegularPages "Section" "events")) 0 }}
<section> <section>
<h2>Upcoming Events</h2> <div class="header-with-image">
<img src="/images/users.png" alt="Image">
<h4 class="mb-4">Events</h4>
</div>
<ul class="list"> <ul class="list">
{{ range (first 5 (where .Site.RegularPages "Section" "events").ByDate.Reverse) }} {{ range (first 5 (where .Site.RegularPages "Section" "events").ByDate.Reverse) }}
<li class="list-item"> <li class="list-item">
<div class="content"> <div class="content">
<a class="link" href="{{ .RelPermalink }}">{{ .Title }}</a> <a class="link" href="{{ .RelPermalink }}" style="color: #FF6E00">{{ .Title }}</a>
</div> </div>
<time class="g time" datetime="{{ dateFormat "2006-01-02" .Date }}">{{ dateFormat "02-01-2006" .Date }}</time>
<hr class="hr-list"> <hr class="hr-list">
</li>
<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 }} {{ end }}
</ul>
</section> </section>
{{ end }} {{ end }}
</ul> </ul>
@ -174,19 +178,23 @@
<ul class="list"> <ul class="list">
{{ if gt (len (where .Site.RegularPages "Section" "blog")) 0 }} {{ if gt (len (where .Site.RegularPages "Section" "blog")) 0 }}
<section> <section>
<h2>Latest News</h2> <div class="header-with-image">
<img src="/images/users.png" alt="Image">
<h4 class="mb-4">Latest Events</h4>
</div>
<ul class="list"> <ul class="list">
{{ range (first 5 (where .Site.RegularPages "Section" "blog").ByDate.Reverse) }} {{ range (first 5 (where .Site.RegularPages "Section" "blog").ByDate.Reverse) }}
<li class="list-item"> <li class="list-item">
<div class="content"> <div class="content">
<a class="link" href="{{ .RelPermalink }}">{{ .Title }}</a> <a class="link" href="{{ .RelPermalink }}" style="color: #FF6E00">{{ .Title }}</a>
</div> </div>
<time class="g time" datetime="{{ dateFormat "2006-01-02" .Date }}">{{ dateFormat "02-01-2006" .Date }}</time>
<hr class="hr-list"> <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> </li>
<div class="line"></div>
{{ end }} {{ end }}
</ul>
</section> </section>
{{ end }} {{ end }}
</ul> </ul>

View file

@ -1115,28 +1115,34 @@
<ul class="list"> <ul class="list">
<section> <section>
<h2>Upcoming Events</h2> <div class="header-with-image">
<img src="/images/users.png" alt="Image">
<h4 class="mb-4">Events</h4>
</div>
<ul class="list"> <ul class="list">
<li class="list-item"> <li class="list-item">
<div class="content"> <div class="content">
<a class="link" href="/events/waag-state-internet-2024/">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>
<time class="g time" datetime="2024-04-02">02-04-2024</time>
<hr class="hr-list"> <hr class="hr-list">
</li>
<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"> <li class="list-item">
<div class="content"> <div class="content">
<a class="link" href="/events/waag-state-internet-2024-copy/">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>
<time class="g time" datetime="2024-04-02">02-04-2024</time>
<hr class="hr-list"> <hr class="hr-list">
<time class="g time" datetime="2024-04-02">02-04-2024</time>
<hr class="hr-list2">
</li> </li>
<div class="line"></div>
</ul>
</section> </section>
</ul> </ul>
@ -1145,55 +1151,67 @@
<ul class="list"> <ul class="list">
<section> <section>
<h2>Latest News</h2> <div class="header-with-image">
<img src="/images/users.png" alt="Image">
<h4 class="mb-4">Latest Events</h4>
</div>
<ul class="list"> <ul class="list">
<li class="list-item"> <li class="list-item">
<div class="content"> <div class="content">
<a class="link" href="/blog/project-launch-copy-2/">futuretest</a> <a class="link" href="/blog/project-launch-copy-2/" style="color: #FF6E00">futuretest</a>
</div> </div>
<hr class="hr-list">
<time class="g time" datetime="2024-04-05">05-04-2024</time> <time class="g time" datetime="2024-04-05">05-04-2024</time>
<hr class="hr-list"> <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="/blog/project-launch-copy-3/">Fediversity Project publicly announced3</a> <a class="link" href="/blog/project-launch-copy-3/" style="color: #FF6E00">Fediversity Project publicly announced3</a>
</div> </div>
<hr class="hr-list">
<time class="g time" datetime="2024-01-04">04-01-2024</time> <time class="g time" datetime="2024-01-04">04-01-2024</time>
<hr class="hr-list"> <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="/blog/project-launch-copy-4/">Fediversity Project publicly announced2</a> <a class="link" href="/blog/project-launch-copy-4/" style="color: #FF6E00">Fediversity Project publicly announced2</a>
</div> </div>
<hr class="hr-list">
<time class="g time" datetime="2024-01-03">03-01-2024</time> <time class="g time" datetime="2024-01-03">03-01-2024</time>
<hr class="hr-list"> <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="/blog/project-launch-copy/">Fediversity Project publicly announced1</a> <a class="link" href="/blog/project-launch-copy/" style="color: #FF6E00">Fediversity Project publicly announced1</a>
</div> </div>
<hr class="hr-list">
<time class="g time" datetime="2024-01-02">02-01-2024</time> <time class="g time" datetime="2024-01-02">02-01-2024</time>
<hr class="hr-list"> <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="/blog/project-launch/">Fediversity Project publicly announced</a> <a class="link" href="/blog/project-launch/" style="color: #FF6E00">Fediversity Project publicly announced</a>
</div> </div>
<time class="g time" datetime="2024-01-01">01-01-2024</time>
<hr class="hr-list"> <hr class="hr-list">
<time class="g time" datetime="2024-01-01">01-01-2024</time>
<hr class="hr-list2">
</li> </li>
<div class="line"></div>
</ul>
</section> </section>
</ul> </ul>