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

feat: story-journey immersive layer (progress, scene focus, floating orbs)
All checks were successful
Deploy / deploy (push) Successful in 2s
Details

Browse Source
This commit is contained in:
Chen Gu
2026-04-24 09:31:21 +08:00
parent dbd2159429
commit 82a2d231c3
4 changed files with 178 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -10,7 +10,7 @@
<link rel="stylesheet" href="{{ $style.RelPermalink }}">
<link rel="alternate" type="application/rss+xml" href='{{ "feed.xml" | relURL }}'>
</head>
<body>
<body class="kind-{{ .Kind }}{{ with .Section }} section-{{ . }}{{ end }}">
<canvas id="starfield"></canvas>
<div id="app">
<nav class="nav">

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

@@ -1,5 +1,9 @@
{{ define "main" }}
<article class="dream-article">
<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 class="article-hero reveal">
<div class="article-glyph">◇</div>
<h1 class="article-title">{{ .Title }}</h1>
@@ -11,7 +15,11 @@
</div>
</div>
<div class="article-body">
<div class="story-progress">
<div class="story-progress-bar" id="storyProgress"></div>
</div>
<div class="article-body" id="storyBody">
{{ .Content }}
</div>