100 lines
4.3 KiB
Handlebars
Executable File
100 lines
4.3 KiB
Handlebars
Executable File
<!DOCTYPE html>
|
|
<html lang="{{@site.locale}}" class="{{@custom.color_scheme}}">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
|
|
<title>{{meta_title}}</title>
|
|
<meta name="HandheldFriendly" content="True" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<link rel="stylesheet" type="text/css" href="{{asset "css/style.css"}}" />
|
|
{{ghost_head}}
|
|
<style>
|
|
:root {
|
|
--darkmode-accent-color: {{@custom.darkmode_accent_color}};
|
|
}
|
|
.theme-dark {
|
|
--ghost-accent-color: var(--darkmode-accent-color);
|
|
}
|
|
|
|
</style>
|
|
</head>
|
|
<body class="{{body_class}}">
|
|
|
|
<div class="viewport">
|
|
<div class="nav-header">
|
|
<nav class="nav-wrapper" aria-label="{{t "Main"}}">
|
|
{{#if @site.logo}}
|
|
<span class="logo">
|
|
<a href="{{@site.url}}" title="{{t "Home"}}"><img src="{{@site.logo}}" alt="{{t "Logo"}}" /></a>
|
|
</span>
|
|
{{/if}}
|
|
<span>
|
|
<a class="menu-item js-theme" href="#" data-system="System theme" data-dark="Dark theme" data-light="Light theme">
|
|
<span class="theme-icon"></span>
|
|
<span class="theme-text">System theme</span>
|
|
</a>
|
|
</span>
|
|
{{navigation}}
|
|
<a class="nav-search" title="{{t "Search"}}" aria-label="{{t "Search"}}" data-ghost-search>
|
|
<i class="icon icon-search" aria-hidden="true">{{> "icons/icon-search"}}</i>
|
|
</a>
|
|
</nav>
|
|
<div class="nav-wrapper-control">
|
|
<div class="inner">
|
|
<a class="nav-menu" role="button">
|
|
<i class="icon icon-menu" aria-hidden="true">{{> "icons/icon-menu"}}</i>
|
|
{{t "Menu"}}
|
|
</a>
|
|
<a class="nav-search" title="{{t "Search"}}" aria-label="{{t "Search"}}" role="button" data-ghost-search>
|
|
<i class="icon icon-search" aria-hidden="true">{{> "icons/icon-search"}}</i>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Sticky Menu Bar -->
|
|
<nav class="portal-menu">
|
|
<ul>
|
|
{{#get "posts" order="published_at asc" limit="all"}}
|
|
{{#foreach posts}}
|
|
<li><a href="#{{slug}}" class="smooth-scroll">{{title}}</a></li>
|
|
{{/foreach}}
|
|
{{/get}}
|
|
</ul>
|
|
</nav>
|
|
|
|
<div class="nav-close" role="button" aria-label="{{t "Close"}}"></div>
|
|
|
|
|
|
|
|
|
|
|
|
<section class="page-wrapper">
|
|
<div class="hidden-custom-variable">{{@custom.post_share}}</div>
|
|
{{{body}}}
|
|
|
|
<div class="nav-footer">
|
|
<nav class="nav-wrapper" aria-label="{{t "Footer"}}">
|
|
<span class="nav-copy">
|
|
<span class="nav-title">{{@site.title}} © {{date format='YYYY'}}</span>
|
|
<a aria-label="RSS" href="{{@site.url}}/rss/" title="RSS"><i class="icon icon-rss" aria-hidden="true">{{> "icons/icon-rss"}}</i></a>
|
|
{{#if @site.twitter}}<a aria-label="Twitter" href="{{twitter_url}}" title="{{@site.twitter}}"><i class="icon icon-twitter" aria-hidden="true">{{> "icons/icon-twitter"}}</i></a>{{/if}}
|
|
{{#if @site.facebook}}<a aria-label="Facebook" href="{{facebook_url}}" title="{{@site.facebook}}"><i class="icon icon-facebook" aria-hidden="true">{{> "icons/icon-facebook"}}</i></a>{{/if}}
|
|
</span>
|
|
{{#if @site.secondary_navigation}}
|
|
{{navigation type="secondary"}}
|
|
{{/if}}
|
|
<span class="nav-credits">{{t "Published with"}} <a href="https://ghost.org">Ghost</a> • {{t "Theme" }} <a href="https://github.com/zutrinken/attila">Attila</a> •</span>
|
|
</nav>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
<script defer src="{{asset "js/menu_bar.js"}}"></script>
|
|
<script type="text/javascript" src="{{asset "js/script.js"}}"></script>
|
|
{{{block "scripts"}}}
|
|
{{ghost_foot}}
|
|
|
|
|
|
|
|
</body>
|
|
</html>
|