88 lines
3.3 KiB
HTML
88 lines
3.3 KiB
HTML
<style id="dark" media="all">
|
|
{% include 'style-dark.css' %}
|
|
</style>
|
|
<style id="light" media="none">
|
|
{% include 'style-light.css' %}
|
|
</style>
|
|
<script>
|
|
function toggleStylesheet(trigger){
|
|
var setto = 'all';
|
|
if (document.querySelector('#light').getAttribute("media") == 'all') {
|
|
setto = 'none';
|
|
}
|
|
document.querySelector('#light').setAttribute("media", setto);
|
|
}
|
|
</script>
|
|
</head>
|
|
<body>
|
|
|
|
<header class="content-header" id="main-header">
|
|
<nav class="content-navigation">
|
|
<ul>
|
|
<li>
|
|
{% set cssclass = '' %}
|
|
{% if taxonomy is defined and taxonomy.name == '' %}
|
|
{% set cssclass = 'active' %}
|
|
{% endif %}
|
|
<a title="home" href="/" class="{{ cssclass }}">
|
|
<svg class="icon" width="16" height="16"><use xlink:href="#icon-home" /></svg>
|
|
home
|
|
</a>
|
|
</li>
|
|
{% set cssclass = '' %}
|
|
{% if (post is defined and post.category == 'photo' ) or ( taxonomy is defined and taxonomy.name == 'photo' ) %}
|
|
{% set cssclass = 'active' %}
|
|
{% endif %}
|
|
<li>
|
|
<a title="photos" href="/category/photo/" class="{{ cssclass }}">
|
|
<svg class="icon" width="18" height="16"><use xlink:href="#icon-photo" /></svg>
|
|
photos
|
|
</a>
|
|
</li>
|
|
{% set cssclass = '' %}
|
|
{% if (post is defined and post.category == 'journal' ) or ( taxonomy is defined and taxonomy.name == 'journal' ) %}
|
|
{% set cssclass = 'active' %}
|
|
{% endif %}
|
|
<li>
|
|
<a title="journal" href="/category/journal/" class="{{ cssclass }}">
|
|
<svg class="icon" width="16" height="16"><use xlink:href="#icon-journal" /></svg>
|
|
journal
|
|
</a>
|
|
</li>
|
|
{% set cssclass = '' %}
|
|
{% if (post is defined and post.category == 'article' ) or ( taxonomy is defined and taxonomy.name == 'article' ) %}
|
|
{% set cssclass = 'active' %}
|
|
{% endif %}
|
|
<li>
|
|
<a title="IT" href="/category/article/" class="{{ cssclass }}">
|
|
<svg class="icon" width="16" height="16"><use xlink:href="#icon-article" /></svg>
|
|
IT
|
|
</a>
|
|
</li>
|
|
{% set cssclass = '' %}
|
|
{% if (post is defined and post.category == 'note' ) or ( taxonomy is defined and taxonomy.name == 'note' ) %}
|
|
{% set cssclass = 'active' %}
|
|
{% endif %}
|
|
<li>
|
|
<a title="notes" href="/category/note/" class="{{ cssclass }}">
|
|
<svg class="icon" width="16" height="16"><use xlink:href="#icon-note" /></svg>
|
|
notes
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
|
|
<form role="search" method="get" class="search-form" action="/search">
|
|
<label for="search" class="hide">Search</label>
|
|
<input type="search" class="search-field" placeholder="search..." value="" name="s" id="s" title="Search for:" />
|
|
<input type="submit" class="search-submit" value="Go ➡" />
|
|
</form>
|
|
|
|
<p class="contrast">
|
|
<a title="toggle site colour scheme" href="#" onclick="toggleStylesheet(this)">
|
|
<svg class="icon" width="16" height="16"><use xlink:href="#icon-contrast" /></svg>
|
|
</a>
|
|
</p>
|
|
|
|
|
|
</header>
|