gch3n/val-blog
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: cinematic polish for first chapter (title card, immersive UI suppression, camera typography)
All checks were successful
Deploy / deploy (push) Successful in 1s
Details

Browse Source
This commit is contained in:
Chen Gu
2026-04-24 11:19:15 +08:00
parent df1732c54c
commit 4c2e36ecb0
5 changed files with 409 additions and 109 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
themes/dreamscape/layouts/_default/baseof.html
View File

@@ -10,11 +10,11 @@
<link rel="stylesheet" href="{{ $style.RelPermalink }}">
<link rel="alternate" type="application/rss+xml" href='{{ "feed.xml" | relURL }}'>
</head>
<body class="kind-{{ .Kind }}{{ with .Section }} section-{{ . }}{{ end }}">
<body class="kind-{{ .Kind }}{{ with .Section }} section-{{ . }}{{ end }}{{ if and (eq .Kind "page") (eq .Section "journey") }} immersive-single{{ end }}">
<canvas id="starfield"></canvas>
<div id="app">
<nav class="nav">
<a href="/" class="nav-logo">✦</a>
<nav class="nav" aria-label="主导航">
<a href="{{ "/" | relURL }}" class="nav-logo" aria-label="返回首页">✦</a>
{{ range .Site.Menus.main }}
<a href="{{ .URL | relURL }}" class="nav-link">{{ .Name }}</a>
{{ end }}
@@ -22,7 +22,7 @@
<main>
{{- block "main" . }}{{- end }}
</main>
<footer class="footer">
<footer class="footer" aria-label="页脚">
<span>✦ Val's Dreamscape Journal ✦</span>
</footer>
</div>

10
themes/dreamscape/layouts/_default/single.html
View File

@@ -1,10 +1,18 @@
{{ define "main" }}
<article class="dream-article story-journey" data-story="journey">
<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>