v2-Neuerstellung

internal/web/templates/article.html

@@ -1,20 +1,8 @@
-{{ define "title" }}{{ .Title }} – B1tsblog{{ end }}
-
-{{ define "body" }}
-<article>
-  {{ if .Cover }}
-    <img class="hero" src="{{ .Cover }}" alt="">
-  {{ end }}
-  <p><a class="no-underline" href="/">← Zurück zur Übersicht</a></p>
+{{ define "content" }}
+<article class="article">
   <h1>{{ .Title }}</h1>
-  <time datetime="{{ .Date.Format "2006-01-02" }}">{{ .Date.Format "02.01.2006" }}</time>
-
-  <div class="article-content">
-    {{ .Body }}
-  </div>
-
-  <p><a class="no-underline" href="/">← Zurück zur Übersicht</a></p>
+  <p class="meta">{{ .Date.Format "02.01.2006" }} · {{ .Counter }} Aufrufe · {{ .Format }}</p>
+  {{ if .Cover }}<img src="{{ .Cover }}" alt="">{{ end }}
+  <div class="body">{{ .Body }}</div>
 </article>
 {{ end }}
-
-{{ define "article" }}{{ template "layout" . }}{{ end }}

internal/web/templates/list.html

@@ -1,19 +1,16 @@
-{{ define "body" }}
-<ul class="post-list">
-  {{ range .Articles  }}
-    <li>
-      <a class="card no-underline" href="/post/{{ .Slug }}">
-        {{ if .Cover }}
-          <img src="{{ .Cover }}" alt="">
-        {{ else }}
-          <img src="/static/img/placeholder.webp" alt="">
-        {{ end }}
-        <div class="card-content">
-          <h2>{{ .Title }}</h2>
-          <time datetime="{{ .Date.Format "2006-01-02" }}">{{ .Date.Format "02.01.2006" }}</time> ({{ .Counter }})
-        </div>
-      </a>
-    </li>
+{{ define "content" }}
+<h1>{{ .Title }}</h1>
+<p>{{ .Description }}</p>
+<section class="grid">
+  {{ range .Articles }}
+  <article class="card">
+    {{ if .Cover }}<img src="{{ .Cover }}" alt="">{{ end }}
+    <h2><a href="/post/{{ .Slug }}">{{ .Title }}</a></h2>
+    <p>{{ .Description }}</p>
+    <small>{{ .Date.Format "02.01.2006" }} · {{ .Counter }} Aufrufe · {{ .Format }}</small>
+  </article>
+  {{ else }}
+  <p>Noch keine Artikel.</p>
   {{ end }}
-</ul>
+</section>
 {{ end }}

internal/web/templates/page.html

@@ -1,12 +1,6 @@
-{{ define "title" }}{{ .Title }} – B1tsblog{{ end }}
-
-{{ define "body" }}
-  <article>
-    <p><a class="no-underline" href="/">← Zurück</a></p>
-    <h1>{{ .Title }}</h1>
-    <div class="article-content">{{ .Body }}</div>
-    <p><a class="no-underline" href="/">← Zurück</a></p>
-  </article>
+{{ define "content" }}
+<article class="article">
+  <h1>{{ .Title }}</h1>
+  <div class="body">{{ .Body }}</div>
+</article>
 {{ end }}
-
-{{ define "page" }}{{ template "layout" . }}{{ end }}