cccb-website-team/www
1
1
Fork 1
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

datengarten post design overhaul

Browse source
This commit is contained in:
murmeldin 2025-04-17 00:45:32 +02:00
parent 26c9a2e0d4
commit 6281666093
2 changed files with 46 additions and 28 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

44
layouts/datengarten/single.html
View file

@ -4,14 +4,12 @@
<div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1"> <div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
<article role="main" class="blog-post"> <article role="main" class="blog-post">
<article class="max-w-prose mx-auto"> <article class="max-w-prose mx-auto">
<h1 class="text-2xl font-bold">{{ .Title }}</h1> <h1 class="mt-5 text-4xl font-extrabold text-neutral-900 dark:text-neutral pb-4">{{ .Title }}</h1>
{{ if .Params.subtitle }} {{ if .Params.subtitle }}
<h2 class="text-xl">{{ .Params.subtitle }}</h2> <h2 class="text-xl opacity-70">{{ .Params.subtitle }}</h2>
{{ end }} {{ end }}
<div class="mt-4 border p-4 bg-secondary-bg rounded">
{{ partial "talk-infobox" . }} {{ partial "talk-infobox" . }}
</div>
<div class="mt-4 content"> <div class="mt-4 content">
{{ .Content }} {{ .Content }}
@ -19,11 +17,18 @@
</article> </article>
{{ if .Params.tags }} {{ if .Params.tags }}
<div class="blog-tags"> <div class="blog-tags max-w-prose mx-auto mt-4 flex flex-wrap gap-4 border-2 p-5 pt-7 mt-6 rounded-lg opacity-75 drop-shadow-md">
<p class="opacity-50">Tags:</p>
<br>
{{ range .Params.tags }} {{ range .Params.tags }}
<a href="{{ $.Site.LanguagePrefix | absURL }}/tags/{{ . | urlize }}/">{{ . }}</a>&nbsp; <a
href="{{ $.Site.LanguagePrefix | absURL }}/tags/{{ . | urlize }}/"
class="inline-block px-3 py-1 rounded-lg text-sm font-semibold border-2 dark:bg-neutral-700 border-dotted shadow-lg shadow-blue-500/50"
>
{{ . }}
</a>
{{ end }} {{ end }}
</div><!--/.blog-tags--> </div>
{{ end }} {{ end }}
{{ if .Site.Params.socialShare }} {{ if .Site.Params.socialShare }}
@ -37,18 +42,31 @@
</article><!--/.blog-post--> </article><!--/.blog-post-->
{{ if ne .Type "page" }} {{ if ne .Type "page" }}
<ul class="pager blog-pager"> <ul class="pager blog-pager flex justify-between items-center mt-6 list-none p-0">
{{ if .PrevInSection }} {{ if .PrevInSection }}
<li class="previous"> <li class="previous">
<a href="{{ .PrevInSection.Permalink }}" data-toggle="tooltip" data-placement="top" title="{{ .PrevInSection.Title }}">&larr; {{ i18n "previousPost" }}</a> <a
</li><!--/.previous--> href="{{ .PrevInSection.Permalink }}"
class="inline-block px-4 py-2 text-lg font-semibold bg-neutral-200 dark:bg-neutral-700 rounded hover:bg-neutral-300 dark:hover:bg-neutral-600 transition-colors"
title="{{ .PrevInSection.Title }}"
>
&larr; {{ i18n "previousPost" }}
</a>
</li>
{{ end }} {{ end }}
{{ if .NextInSection }} {{ if .NextInSection }}
<li class="next"> <li class="next">
<a href="{{ .NextInSection.Permalink }}" data-toggle="tooltip" data-placement="top" title="{{ .NextInSection.Title }}">{{ i18n "nextPost" }} &rarr;</a> <a
</li><!--/.next--> href="{{ .NextInSection.Permalink }}"
class="inline-block px-4 py-2 text-lg font-semibold bg-neutral-200 dark:bg-neutral-700 rounded hover:bg-neutral-300 dark:hover:bg-neutral-600 transition-colors"
title="{{ .NextInSection.Title }}"
>
{{ i18n "nextPost" }} &rarr;
</a>
</li>
{{ end }} {{ end }}
</ul><!--/.pager .blog-pager--> </ul>
{{ end }} {{ end }}

10
layouts/partials/talk-infobox.html
View file

@ -1,4 +1,4 @@
<p> <p class="mt-4 gap-4 border-2 p-5 pt-7 mt-6 rounded-lg shadow-lg opacity-75 drop-shadow-md">
{{ if isset .Page.Params "speaker_url" }} {{ if isset .Page.Params "speaker_url" }}
<strong><i class="far fa-user fa-fw"></i></strong> <a href="{{ .Page.Params.Speaker_url }}">{{ .Page.Params.Speaker }}</a><br/> <strong><i class="far fa-user fa-fw"></i></strong> <a href="{{ .Page.Params.Speaker_url }}">{{ .Page.Params.Speaker }}</a><br/>
{{ else }} {{ else }}
@ -11,14 +11,14 @@
{{ with (eq $.Page.Params.Language "en") }} {{ with (eq $.Page.Params.Language "en") }}
<strong><i class="fa fa-language fa-fw"></i>🌐 Language:</strong> Englisch/English<br/> <strong><i class="fa fa-language fa-fw"></i>🌐 Language:</strong> Englisch/English<br/>
{{ end }} {{ end }}
<strong><i class="fa fa-map-marker fa-fw"></i>📍 Location:</strong> {{ partial "location" .Page.Params.Location }} <strong><i class="fa fa-map-marker fa-fw"></i>📍 Location:</strong> {{ partial "location" .Page.Params.Location }}<br/>
</p>
{{ if isset .Page.Params "recording" }} {{ if isset .Page.Params "recording" }}
<p><strong><i class="fa fa-video fa-fw"></i>📹 Livestream: </strong> <a href="{{ .Page.Params.Recording }}">{{ .Page.Params.Recording }}</a></p> <strong><i class="hover:underline hover:decoration-primary-400 hover:text-primary-500"></i>📹 Livestream: </strong> <a href="{{ .Page.Params.Recording }}">{{ .Page.Params.Recording }}</a></p>
{{ else }} {{ else }}
{{ if and (eq .Page.Params.Streaming true) (not (isset .Page.Params "recording" )) }} {{ if and (eq .Page.Params.Streaming true) (not (isset .Page.Params "recording" )) }}
<p><strong>Stream:</strong> <a href="https://streaming.media.ccc.de/datengarten">streaming.media.ccc.de/datengarten</a></p> <p><strong>Stream:</strong> <a class="hover:underline hover:decoration-primary-400 hover:text-primary-500" href="https://streaming.media.ccc.de/datengarten">streaming.media.ccc.de/datengarten</a></p>
{{ else }} {{ else }}
<p><strong><i class="fa fa-exclamation-triangle fa-fw"></i></strong> Dieser Vortrag wird <strong>nicht</strong> gestreamed</a>! / This talk will <strong>not</strong> be streamed!</p> <p><strong><i class="fa fa-exclamation-triangle fa-fw"></i></strong> Dieser Vortrag wird <strong>nicht</strong> gestreamed</a>! / This talk will <strong>not</strong> be streamed!</p>
{{ end }} {{ end }}
{{ end }} {{ end }}
</p>