Files
val-blog/themes/dreamscape/layouts/_default/single.html
Chen Gu df1732c54c
All checks were successful
Deploy / deploy (push) Successful in 1s
feat: phase2 immersive journey (semantic scene transitions + camera feel)
2026-04-24 09:38:36 +08:00

33 lines
1.1 KiB
HTML

{{ define "main" }}
<article class="dream-article story-journey" data-story="journey">
<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 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 }}