{{ 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 }}
