site: aktueller Redesign-Stand (CSS, Layouts, Logo, Content-Feinschliff)
custom.css überarbeitet, hugo.yaml + Layouts angepasst, Logo (static/logo/) und static/index.html ergänzt, Content-Korrekturen in library/. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
@@ -9,7 +9,9 @@
|
||||
<body>
|
||||
<a href="#main-content" class="skip-link">Skip to content</a>
|
||||
<header role="banner" class="site-header">
|
||||
<a href="{{ "/" | relURL }}" class="wordmark-link">OPENBUREAU</a>
|
||||
<a href="{{ "/" | relURL }}" class="wordmark-link" aria-label="OPENBUREAU">
|
||||
<span class="wordmark-sr">OPENBUREAU</span>
|
||||
</a>
|
||||
<nav class="site-nav" aria-label="Site">
|
||||
{{ partial "menu.html" (dict "menuID" "main" "page" .) }}
|
||||
</nav>
|
||||
|
||||
@@ -23,6 +23,17 @@
|
||||
{{- if .Date -}}<time class="byline-date" datetime="{{ .Date.Format "2006-01-02" }}">{{ .Date.Format "02.01.2006" }}</time>{{- end -}}
|
||||
</p>
|
||||
{{ end }}
|
||||
|
||||
{{/* Reading time + last-modified — Republik-style, directly below byline */}}
|
||||
{{ $showReadingTime := .Params.showreadingtime | default site.Params.showreadingtime | default true }}
|
||||
{{ $showLastMod := .Params.showlastmod | default site.Params.showlastmod | default false }}
|
||||
{{ $hasLastmod := and $showLastMod .Lastmod (ne (.Lastmod.Format "2006-01-02") (.Date.Format "2006-01-02")) }}
|
||||
{{ if or (and $showReadingTime .ReadingTime) $hasLastmod }}
|
||||
<p class="single-meta">
|
||||
{{ if and $showReadingTime .ReadingTime }}<span class="reading-time">{{ .ReadingTime }} min Lesezeit</span>{{ end }}
|
||||
{{ if $hasLastmod }}{{ if and $showReadingTime .ReadingTime }} · {{ end }}<span class="lastmod">Aktualisiert am {{ .Lastmod.Format "02.01.2006" }}</span>{{ end }}
|
||||
</p>
|
||||
{{ end }}
|
||||
</header>
|
||||
|
||||
{{/* Table of Contents */}}
|
||||
@@ -45,16 +56,6 @@
|
||||
{{- range . -}}<li><a href="/tags/{{ . | urlize }}/">{{ . }}</a></li>{{- end -}}
|
||||
</ul>
|
||||
{{- end }}
|
||||
|
||||
{{ $showReadingTime := .Params.showreadingtime | default site.Params.showreadingtime | default true }}
|
||||
{{ $showLastMod := .Params.showlastmod | default site.Params.showlastmod | default false }}
|
||||
{{ $hasLastmod := and $showLastMod .Lastmod (ne (.Lastmod.Format "2006-01-02") (.Date.Format "2006-01-02")) }}
|
||||
{{ if or (and $showReadingTime .ReadingTime) $hasLastmod }}
|
||||
<div class="time">
|
||||
{{ if and $showReadingTime .ReadingTime }}<span class="reading-time">{{ .ReadingTime }} min Lesezeit</span>{{ end }}
|
||||
{{ if $hasLastmod }}{{ if and $showReadingTime .ReadingTime }} · {{ end }}<span class="lastmod">Zuletzt aktualisiert: {{ .Lastmod.Format "02.01.2006" }}</span>{{ end }}
|
||||
</div>
|
||||
{{ end }}
|
||||
</article>
|
||||
|
||||
{{ end }}
|
||||
|
||||
+14
-16
@@ -16,19 +16,24 @@
|
||||
{{ with .Parent }}{{ $section = path.Base .RelPermalink }}{{ end }}
|
||||
{{ $author := .Params.author | default site.Params.author.name }}
|
||||
{{ $cover := .Params.cover_image }}
|
||||
{{ $isHero := eq . (index $journal 0) }}
|
||||
{{ $imageMode := .Params.image_mode | default "wide" }}
|
||||
<li class="journal-entry{{ if $isHero }} journal-entry--hero{{ end }}{{ if $cover }} journal-entry--has-image{{ end }}"
|
||||
{{/* Layout: explicit `layout:` in front matter, else derive:
|
||||
- cover_image present → image
|
||||
- none → text */}}
|
||||
{{ $layout := .Params.layout }}
|
||||
{{ if not $layout }}
|
||||
{{ $layout = cond (ne $cover nil) "image" "text" }}
|
||||
{{ end }}
|
||||
<li class="journal-entry journal-entry--layout-{{ $layout }}"
|
||||
data-section="{{ $section }}"
|
||||
{{ with .Params.color }}data-color="{{ . }}"{{ end }}
|
||||
{{ if and $cover (not $isHero) }}data-image="{{ $imageMode }}"{{ end }}>
|
||||
{{ with .Params.color }}data-color="{{ . }}"{{ end }}>
|
||||
<a class="journal-entry-link" href="{{ .RelPermalink }}">
|
||||
{{ if and $isHero $cover }}
|
||||
<img class="journal-hero-image" src="{{ $cover | relURL }}" alt="" loading="eager" />
|
||||
{{ else if $cover }}
|
||||
<img class="journal-card-image" src="{{ $cover | relURL }}" alt="" loading="lazy" />
|
||||
{{ if and $cover (eq $layout "image") }}
|
||||
<img class="journal-bg-image" src="{{ $cover | relURL }}" alt="" loading="eager" />
|
||||
{{ end }}
|
||||
<div class="journal-entry-body">
|
||||
{{ if and $cover (eq $layout "icon") }}
|
||||
<img class="journal-icon-image" src="{{ $cover | relURL }}" alt="" loading="lazy" />
|
||||
{{ end }}
|
||||
{{ with .Parent }}
|
||||
<p class="journal-rubric"><span class="journal-section">{{ .Title }}</span></p>
|
||||
{{ end }}
|
||||
@@ -43,13 +48,6 @@
|
||||
</p>
|
||||
</div>
|
||||
</a>
|
||||
{{/* Tags rendered OUTSIDE the entry-link so the inner <a> tags
|
||||
don't auto-close the outer link (invalid HTML: <a> in <a>). */}}
|
||||
{{- with .Params.tags }}
|
||||
<ul class="tag-pills journal-tags">
|
||||
{{- range . -}}<li><a href="/tags/{{ . | urlize }}/">{{ . }}</a></li>{{- end -}}
|
||||
</ul>
|
||||
{{- end }}
|
||||
</li>
|
||||
{{ end }}
|
||||
</ol>
|
||||
|
||||
Reference in New Issue
Block a user