slice things up in partials for modularity
This commit is contained in:
parent
c9a800d5fa
commit
b702ce6cda
6 changed files with 135 additions and 127 deletions
60
themes/one-pager/layouts/partials/blog.html
Normal file
60
themes/one-pager/layouts/partials/blog.html
Normal file
|
|
@ -0,0 +1,60 @@
|
|||
<!-- BLOG SECTION - Longform -->
|
||||
<section id="blog" class="section">
|
||||
<h2>Now Log</h2>
|
||||
<div class="blog-grid">
|
||||
{{ $blogPosts := slice }}
|
||||
{{ range $path, $entries := hugo.Data.longform }}
|
||||
{{ range $entries }}
|
||||
{{ $blogPosts = $blogPosts | append . }}
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
|
||||
{{ $sortedPosts := sort $blogPosts "created_at" "desc" }}
|
||||
{{ range first 2 $sortedPosts }}
|
||||
{{ $title := "" }}
|
||||
{{ $summary := "" }}
|
||||
{{ $image := "" }}
|
||||
{{ $tags := slice }}
|
||||
{{ $d := "" }}
|
||||
{{ $createdAt := int .created_at }}
|
||||
|
||||
{{ range .tags }}
|
||||
{{ if eq (index . 0) "title" }}
|
||||
{{ $title = index . 1 }}
|
||||
{{ else if eq (index . 0) "summary" }}
|
||||
{{ $summary = index . 1 }}
|
||||
{{ else if eq (index . 0) "image" }}
|
||||
{{ $image = index . 1 }}
|
||||
{{ else if eq (index . 0) "t" }}
|
||||
{{ $tags = $tags | append (index . 1) }}
|
||||
{{ else if eq (index . 0) "d" }}
|
||||
{{ $d = index . 1 }}
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
|
||||
<div class="blog-card">
|
||||
{{ if $image }}
|
||||
<img src="{{ $image }}" alt="{{ $title }}" class="blog-header-image" loading="lazy">
|
||||
{{ end }}
|
||||
<div class="blog-content">
|
||||
<h3>{{ $title }}</h3>
|
||||
<p class="blog-meta">
|
||||
{{ dateFormat "January 2, 2006" (time (int .created_at)) }}
|
||||
</p>
|
||||
{{ if $summary }}
|
||||
<p class="blog-description">{{ $summary }}</p>
|
||||
{{ end }}
|
||||
<div class="blog-tags">
|
||||
{{ range $tags }}
|
||||
<span class="tag"><span>{{ . }}</span></span>
|
||||
{{ end }}
|
||||
</div>
|
||||
<button class="read-more-toggle">Read More</button>
|
||||
<div class="blog-full-content" style="display: none;">
|
||||
{{ .content | markdownify }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
</section>
|
||||
Loading…
Add table
Add a link
Reference in a new issue