wiki/_layouts/default.html

113 lines
4.4 KiB
HTML
Raw Normal View History

2017-12-02 02:04:52 -08:00
---
layout: compress
---
2018-02-28 07:26:11 -08:00
{% comment %}サイドメニューのMarkdownを読み込み、HTMLに変換{% endcomment %}
2017-12-02 02:04:52 -08:00
{% capture menu_markdown %}{% include menu.md %}{% endcapture %}
{% assign menu = (menu_markdown | markdownify) %}
2018-02-28 07:26:11 -08:00
{% comment %}SCSSを読み込み、CSSに変換{% endcomment %}
2017-12-02 02:04:52 -08:00
{% capture style_scss %}{% include style.scss %}{{ page.custom-style }}{% endcapture %}
{% assign style = (style_scss | scssify) %}
<!doctype html>
<html amp lang="ja">
<head>
<meta charset="utf-8">
<title>{{ page.title }} - {{ site.wiki.title }}</title>
2017-12-16 22:03:49 -08:00
<link rel="alternate" hreflang="ja" href="{{ page.url }}">
2017-12-02 02:04:52 -08:00
<link rel="canonical" href="{{ site.github.url }}{{ page.url }}">
2017-12-03 05:27:19 -08:00
<link rel="icon" href="{{ site.github.url }}/images/icon.png">
2017-12-02 02:45:28 -08:00
<meta name="google-site-verification" content="SzmyhmFa1r6eafWLqLct1hOKj-Awxn0JH8r0U4PUCyc">
2017-12-02 02:04:52 -08:00
<meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
<style 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}}</style>
<noscript><style amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript>
<style amp-custom>{{ style }}</style>
<script async src="https://cdn.ampproject.org/v0.js"></script>
<script async custom-element="amp-sidebar" src="https://cdn.ampproject.org/v0/amp-sidebar-0.1.js"></script>
{{ page.custom-head }}
</head>
<body>
2018-02-28 07:26:11 -08:00
{% comment %}コンテナ{% endcomment %}
2017-12-02 02:04:52 -08:00
<div id="container">
2018-02-28 07:26:11 -08:00
{% comment %}ヘッダ{% endcomment %}
2017-12-02 02:04:52 -08:00
<header>
2018-02-28 07:26:11 -08:00
{% comment %}Wikiタイトル{% endcomment %}
2017-12-02 02:04:52 -08:00
<a href="{{ site.github.url }}">
<amp-img
2018-02-28 01:04:47 -08:00
height = "2em"
width = "2em"
2017-12-02 02:04:52 -08:00
alt = ""
src = "{{ site.github.url }}/images/icon.svg">
</amp-img>
{{ site.wiki.title }}
</a>
2018-02-28 07:26:11 -08:00
{% comment %}モバイルメニュー表示ボタン{% endcomment %}
2017-12-02 02:04:52 -08:00
<button on="tap:sidebar.open">
<amp-img
2018-02-28 01:07:29 -08:00
height = "2em"
width = "2em"
2017-12-02 02:04:52 -08:00
alt = "メニュー"
src = "{{ site.github.url }}/images/menu.svg">
</amp-img>
</button>
</header>
2018-02-28 07:26:11 -08:00
{% comment %}左メニュー{% endcomment %}
<nav id="menu" class="article">
2017-12-02 02:04:52 -08:00
<h1 class="title">メニュー</h1>
<div class="body">{{ menu }}</div>
</nav>
2017-12-02 02:04:52 -08:00
2018-02-28 07:26:11 -08:00
{% comment %}本文{% endcomment %}
<article id="content" class="article">
2017-12-02 02:04:52 -08:00
<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"
alt = "編集"
src = "{{ site.github.url }}/images/edit.svg"
media = "{{ site.media-desktop }}">
</amp-img>
</a>
</h1>
<div class="body">{{ content }}</div>
</article>
2017-12-02 02:04:52 -08:00
2018-02-28 07:26:11 -08:00
{% comment %}フッタ{% endcomment %}
2017-12-02 02:04:52 -08:00
<footer>
2017-12-03 05:27:19 -08:00
© {{ site.time | date: "%Y" }} <a href="https://minetest-jp.github.io">Minetest-JP Team</a>
2017-12-02 02:04:52 -08:00
</footer>
</div>
2018-02-28 07:26:11 -08:00
{% comment %}モバイルメニュー{% endcomment %}
<amp-sidebar id="sidebar" side="left" layout="nodisplay">
<button on="tap:sidebar.close">
<amp-img
height = "2em"
width = "2em"
alt = "閉じる"
src="{{ site.github.url }}/images/menu_close.svg">
</amp-img>
</button>
{{ menu }}
</amp-sidebar>
2018-02-28 07:26:11 -08:00
{% comment %}コンテナの先頭にリンク{% endcomment %}
2017-12-02 02:04:52 -08:00
<a href="#container">
<amp-img
class = "top-button"
height = "3em"
width = "3em"
alt = "TOP"
src = "{{ site.github.url }}/images/top.svg"
media = "{{ site.media-mobile }}">
</amp-img>
</a>
</body>
</html>