first commit
This commit is contained in:
bs-sensei
17
layouts/_default/baseof.html
Normal file
17
layouts/_default/baseof.html
Normal file
@@ -0,0 +1,17 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="{{ .Site.LanguageCode | default "en" }}" class="no-js">
|
||||
<head>
|
||||
{{ partial "head.html" . }}
|
||||
</head>
|
||||
<body>
|
||||
{{- partial "header.html" . -}}
|
||||
|
||||
<div class="site-wrapper">
|
||||
{{- block "main" . }}{{- end }}
|
||||
</div>
|
||||
|
||||
{{- partial "footer.html" . -}}
|
||||
|
||||
<script src="{{ "js/main.js" | relURL }}"></script>
|
||||
</body>
|
||||
</html>
|
||||
139
layouts/_default/list.html
Normal file
139
layouts/_default/list.html
Normal file
@@ -0,0 +1,139 @@
|
||||
{{ define "main" }}
|
||||
<div class="content-grid">
|
||||
|
||||
<main id="main-content">
|
||||
|
||||
<!-- Section Header -->
|
||||
<div style="margin-bottom:1.5rem; padding-bottom:1rem; border-bottom:2px solid var(--border-dim);">
|
||||
<h1 style="font-family:var(--font-terminal); font-size:1.8rem; color:var(--amber-light); letter-spacing:0.06em; text-shadow: 0 0 10px var(--glow-amber);">
|
||||
{{ if .IsHome }}ARCHIVE{{ else }}{{ .Title | upper }}{{ end }}
|
||||
</h1>
|
||||
<p class="taxonomy-header">
|
||||
<span style="color:var(--forest-light);">~/{{ .Section | default "posts" }} $</span>
|
||||
ls -la •
|
||||
<span style="color:var(--amber);">{{ len .Pages }} entries</span>
|
||||
</p>
|
||||
</div>
|
||||
{{- $tags := .Site.Taxonomies.tags }}
|
||||
{{- $currentTag := .Data.Term }}
|
||||
{{- with $tags }}
|
||||
<div style="display:flex; flex-wrap:wrap; gap:0.4rem; margin-bottom:1.5rem; align-items:center;">
|
||||
<span style="font-family:var(--font-terminal); font-size:0.8rem; color:var(--forest-light); letter-spacing:0.08em; margin-right:0.25rem;">FILTER:</span>
|
||||
<a href="{{ "posts/" | relURL }}"
|
||||
class="tag"
|
||||
style="{{ if not $currentTag }}color:var(--amber); border-color:var(--amber-dark);{{ end }}">
|
||||
all
|
||||
</a>
|
||||
{{- range $name, $pages := $tags }}
|
||||
<a href="{{ "tags/" | relURL }}{{ $name | urlize }}/"
|
||||
class="tag"
|
||||
style="{{ if eq $name $currentTag }}color:var(--amber); border-color:var(--amber-dark);{{ end }}">
|
||||
{{ $name }}
|
||||
<span style="color:var(--text-dim); font-size:0.75em;">({{ len $pages }})</span>
|
||||
</a>
|
||||
{{- end }}
|
||||
</div>
|
||||
{{- end }}
|
||||
|
||||
{{- if .Pages }}
|
||||
|
||||
{{/* Group posts by year */}}
|
||||
{{- range (.Pages.GroupByDate "2006") }}
|
||||
<div style="margin-bottom:2.5rem;">
|
||||
|
||||
<!-- Year marker -->
|
||||
<div style="
|
||||
font-family: var(--font-terminal);
|
||||
font-size: 0.8rem;
|
||||
color: var(--text-dim);
|
||||
letter-spacing: 0.15em;
|
||||
padding: 0.3rem 0;
|
||||
margin-bottom: 1rem;
|
||||
border-bottom: 1px solid var(--border-dim);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.75rem;
|
||||
">
|
||||
<span style="color:var(--orange);">▶</span>
|
||||
<span>YEAR://{{ .Key }}</span>
|
||||
<span>({{ len .Pages }} entries)</span>
|
||||
</div>
|
||||
|
||||
<ul class="post-list">
|
||||
{{- range .Pages }}
|
||||
<li class="post-card pixel-border" data-index="{{ .Date.Format "01-02" }}">
|
||||
|
||||
<div class="post-card__meta">
|
||||
<span class="prompt">$ cat</span>
|
||||
<span class="post-card__date">{{ .Date.Format "Jan 02" }}</span>
|
||||
</div>
|
||||
|
||||
<h2 class="post-card__title">
|
||||
<a href="{{ .Permalink }}">{{ .Title }}</a>
|
||||
</h2>
|
||||
|
||||
{{- with .Params.subtitle }}
|
||||
<p class="post-subtitle" style="font-family:var(--font-body); font-style:italic; color:var(--text-muted); font-size:0.88rem; margin-bottom:0.5rem; margin-top:-0.3rem;">{{ . }}</p>
|
||||
{{- end }}
|
||||
|
||||
{{- with .Summary }}
|
||||
<p class="post-card__summary">{{ . }}</p>
|
||||
{{- end }}
|
||||
|
||||
{{- with .Params.tags }}
|
||||
<div class="post-card__tags">
|
||||
{{- range . }}
|
||||
<a href="{{ "tags/" | relURL }}{{ . | urlize }}/" class="tag">{{ . }}</a>
|
||||
{{- end }}
|
||||
</div>
|
||||
{{- end }}
|
||||
|
||||
</li>
|
||||
{{- end }}
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
{{- end }}
|
||||
|
||||
{{- else }}
|
||||
<div class="pixel-border" style="padding:2rem; font-family:var(--font-terminal); color:var(--text-dim); text-align:center; line-height:2;">
|
||||
<p>// QUERY RETURNED 0 RESULTS</p>
|
||||
<p style="color:var(--text-muted); font-style:italic; font-family:var(--font-body); margin-top:0.5rem;">
|
||||
The archive is silent. Return when manuscripts have been added.
|
||||
</p>
|
||||
</div>
|
||||
{{- end }}
|
||||
|
||||
<!-- Pagination -->
|
||||
{{- template "partials/pagination.html" . }}
|
||||
|
||||
</main>
|
||||
|
||||
<!-- Sidebar -->
|
||||
{{ partial "sidebar.html" . }}
|
||||
|
||||
</div>
|
||||
{{ end }}
|
||||
|
||||
{{- define "partials/pagination.html" }}
|
||||
{{- $pager := .Paginate .Pages }}
|
||||
{{- if gt $pager.TotalPages 1 }}
|
||||
<nav class="pagination" aria-label="Pagination">
|
||||
{{- if $pager.HasPrev }}
|
||||
<a href="{{ $pager.Prev.URL }}"><< PREV</a>
|
||||
{{- end }}
|
||||
|
||||
{{- range $pager.Pagers }}
|
||||
{{- if eq . $pager }}
|
||||
<span class="current">{{ .PageNumber }}</span>
|
||||
{{- else }}
|
||||
<a href="{{ .URL }}">{{ .PageNumber }}</a>
|
||||
{{- end }}
|
||||
{{- end }}
|
||||
|
||||
{{- if $pager.HasNext }}
|
||||
<a href="{{ $pager.Next.URL }}">NEXT >></a>
|
||||
{{- end }}
|
||||
</nav>
|
||||
{{- end }}
|
||||
{{- end }}
|
||||
113
layouts/_default/single.html
Normal file
113
layouts/_default/single.html
Normal file
@@ -0,0 +1,113 @@
|
||||
{{ define "main" }}
|
||||
<div class="content-grid">
|
||||
|
||||
<!-- Article -->
|
||||
<article id="main-content">
|
||||
|
||||
<!-- Post Header -->
|
||||
<header class="post-header">
|
||||
|
||||
<!-- Breadcrumb -->
|
||||
<nav class="post-breadcrumb" aria-label="Breadcrumb">
|
||||
<a href="{{ .Site.BaseURL }}">~/</a>
|
||||
<span aria-hidden="true">/</span>
|
||||
{{- with .Section }}
|
||||
<a href="{{ $.Site.BaseURL }}{{ . }}/">{{ . }}</a>
|
||||
<span aria-hidden="true">/</span>
|
||||
{{- end }}
|
||||
<span>{{ .File.BaseFileName }}</span>
|
||||
</nav>
|
||||
|
||||
<!-- Title -->
|
||||
<h1 class="post-title">{{ .Title }}</h1>
|
||||
{{- with .Params.subtitle }}
|
||||
<p class="post-subtitle">{{ . }}</p>
|
||||
{{- end }}
|
||||
<!-- Meta -->
|
||||
<div class="post-meta">
|
||||
<div class="post-meta__item">
|
||||
<span class="post-meta__label">DATE</span>
|
||||
<time class="post-meta__value" datetime="{{ .Date.Format "2006-01-02" }}">
|
||||
{{ .Date.Format "January 2, 2006" }}
|
||||
</time>
|
||||
</div>
|
||||
|
||||
{{- with .Params.author }}
|
||||
<div class="post-meta__item">
|
||||
<span class="post-meta__label">BY</span>
|
||||
<span class="post-meta__value">{{ . }}</span>
|
||||
</div>
|
||||
{{- else }}
|
||||
{{- with $.Site.Params.author }}
|
||||
<div class="post-meta__item">
|
||||
<span class="post-meta__label">BY</span>
|
||||
<span class="post-meta__value">{{ . }}</span>
|
||||
</div>
|
||||
{{- end }}
|
||||
{{- end }}
|
||||
|
||||
<div class="post-meta__item">
|
||||
<span class="post-meta__label">READ</span>
|
||||
<span class="post-reading-time">~{{ .ReadingTime }} min</span>
|
||||
</div>
|
||||
|
||||
{{- if .Params.lastmod }}
|
||||
<div class="post-meta__item">
|
||||
<span class="post-meta__label">UPDATED</span>
|
||||
<time class="post-meta__value" datetime="{{ .Lastmod.Format "2006-01-02" }}">
|
||||
{{ .Lastmod.Format "2006-01-02" }}
|
||||
</time>
|
||||
</div>
|
||||
{{- end }}
|
||||
</div>
|
||||
|
||||
</header>
|
||||
|
||||
<!-- Body -->
|
||||
<div class="post-body">
|
||||
{{ .Content }}
|
||||
</div>
|
||||
|
||||
<!-- Footer -->
|
||||
<footer class="post-footer">
|
||||
|
||||
{{- with .Params.tags }}
|
||||
<div class="post-tags-section">
|
||||
<span class="post-tags-section__label">TAGS ›</span>
|
||||
{{- range . }}
|
||||
<a href="{{ "tags/" | relURL }}{{ . | urlize }}/" class="tag">{{ . }}</a>
|
||||
{{- end }}
|
||||
</div>
|
||||
{{- end }}
|
||||
|
||||
<!-- Prev / Next -->
|
||||
{{- if or .PrevInSection .NextInSection }}
|
||||
<nav class="post-nav" aria-label="Post navigation">
|
||||
{{- if .PrevInSection }}
|
||||
<a href="{{ .PrevInSection.Permalink }}" class="post-nav__item pixel-border post-nav__item--prev">
|
||||
<span class="post-nav__label"><< PREV ENTRY</span>
|
||||
<span class="post-nav__title">{{ .PrevInSection.Title }}</span>
|
||||
</a>
|
||||
{{- else }}
|
||||
<div></div>
|
||||
{{- end }}
|
||||
|
||||
{{- if .NextInSection }}
|
||||
<a href="{{ .NextInSection.Permalink }}" class="post-nav__item pixel-border post-nav__item--next">
|
||||
<span class="post-nav__label">NEXT ENTRY >></span>
|
||||
<span class="post-nav__title">{{ .NextInSection.Title }}</span>
|
||||
</a>
|
||||
{{- end }}
|
||||
</nav>
|
||||
{{- end }}
|
||||
|
||||
</footer>
|
||||
|
||||
{{ partial "comments.html" . }}
|
||||
</article>
|
||||
|
||||
<!-- Sidebar -->
|
||||
{{ partial "sidebar.html" . }}
|
||||
|
||||
</div>
|
||||
{{ end }}
|
||||
Reference in New Issue
Block a user