Files
val-blog/themes/dreamscape/layouts/_default/single.html
Chen Gu 4c2e36ecb0
All checks were successful
Deploy / deploy (push) Successful in 1s
feat: cinematic polish for first chapter (title card, immersive UI suppression, camera typography)
2026-04-24 11:19:15 +08:00

41 lines
1.4 KiB
HTML

{{ define "main" }}
<article class="dream-article story-journey" data-story="journey" data-story-slug="{{ .File.BaseFileName }}">
<div class="story-orb orb-1"></div>
<div class="story-orb orb-2"></div>
<div class="story-orb orb-3"></div>
<div id="sceneVeil" class="scene-veil" aria-hidden="true"></div>
<div id="titleCard" class="title-card" aria-hidden="true">
<div class="title-card-inner">
<span class="title-card-kicker">CHAPTER I</span>
<strong>{{ .Title }}</strong>
<em>Dreamscape Entry</em>
</div>
</div>
<div class="article-hero reveal">
<div class="article-glyph"></div>
<h1 class="article-title">{{ .Title }}</h1>
<div class="article-meta">
<time>{{ .Date.Format "2006年01月02日" }}</time>
<div class="article-tags">
{{ range .Params.tags }}<span class="tag">{{ . }}</span>{{ end }}
</div>
</div>
</div>
<div class="story-progress">
<div class="story-progress-bar" id="storyProgress"></div>
</div>
<div class="article-body" id="storyBody">
{{ .Content }}
</div>
<nav class="article-nav">
{{ with .PrevInSection }}<a href="{{ .RelPermalink }}" class="nav-prev">← {{ .Title }}</a>{{ end }}
{{ with .NextInSection }}<a href="{{ .RelPermalink }}" class="nav-next">{{ .Title }} →</a>{{ end }}
</nav>
</article>
{{ end }}