wiki/_layouts/default.html

94 lines
3.7 KiB
HTML

---
layout: compress
---
{% comment %}サイドメニューのMarkdownを読み込み、HTMLに変換{% endcomment %}
{% capture menu_markdown %}{% include menu.md %}{% endcapture %}
{% assign menu = menu_markdown | markdownify %}
{% comment %}SCSSを読み込み、CSSに変換{% endcomment %}
{% capture style_scss %}{% include style.scss %}{{ page.custom-style }}{% endcapture %}
{% assign style = style_scss | scssify %}
{% comment %}アイコンのURL{% endcomment %}
{% capture icon_url %}{{ site.url }}/{{ site.wiki.img_dir }}/icon.png{% endcapture %}
{% capture amp-boilerplate %}
body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}
{% endcapture %}
{% capture amp-boilerplate-noscript %}
body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}
{% endcapture %}
<!doctype html>
<html amp lang="ja">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
<meta name="theme-color" content="{{ site.wiki.theme_color }}">
<link rel="shortcut icon" href="{{ icon_url }}">
<link rel="apple-touch-icon" href="{{ icon_url }}">
<script async src="https://cdn.ampproject.org/v0.js"></script>
<style amp-custom>{{ style }}</style>
<style amp-boilerplate>{{ amp-boilerplate }}</style>
<noscript>
<style amp-boilerplate>{{ amp-boilerplate-noscript }}</style>
</noscript>
{% seo %}
{{ page.custom-head }}
</head>
<body>
<div class="container">
<header class="container_header header">
<a class="header-title" href="{{ site.url }}">
<amp-img class="header-icon" height="2em" width="2em"
alt="" src="{{ site.url }}/{{ site.wiki.img_dir }}/icon.svg">
</amp-img>
{{ site.title }}
</a>
<a class="header-menu" href="#footer-menu">
<amp-img class="header-icon" height="2em" width="2em"
alt="メニュー" src="{{ site.url }}/{{ site.wiki.img_dir }}/menu.svg">
</amp-img>
</a>
</header>
<nav class="container_menu article menu">
<h1 class="title">メニュー</h1>
<div class="body">{{ menu }}</div>
</nav>
<article class="container_main article main">
<h1 class="title">
{{ page.title }}
<a title="GitHubで編集" href="{{ site.github.repository_url }}/edit/gh-pages/{{ page.path }}">
<amp-img class="edit" height="0.75em" width="0.75em" media="{{ site.media-desktop }}"
alt="編集" src="{{ site.url }}/{{ site.wiki.img_dir }}/edit.svg">
</amp-img>
</a>
</h1>
<div class="body">{{ content }}</div>
{% if page.date %}
<aside class="main-date">
<a title="変更履歴" href="{{ site.github.repository_url }}/commits/gh-pages/{{ page.path }}">
最終更新日: <time>{{ page.date }}</time>
</a>
</aside>
{% endif %}
</article>
<footer class="container_footer">
<div id="footer-menu" class="menu">{{ menu }}</div>
<span>© {{ site.time | date: "%Y" }} <a href="https://minetest-jp.github.io">Minetest-JP Team</a></span>
</footer>
</div>
</body>
</html>