<!DOCTYPE html>
<html lang="{{ DEFAULT_LANG }}">
<head>
  {% block head %}
    <meta charset="utf-8" />
    <title>{% block title %}{{ SITENAME }}{% endblock title %}</title>
    <meta name="author" content="{{ AUTHOR }}">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" type="text/css" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous">
    <link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Noto+Sans+JP"> 
    <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/hack-font/3.003/web/hack.min.css"> 
    <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/skeleton/2.0.4/skeleton.css"> 
    <link rel="stylesheet" type="text/css" href="{{ SITEURL }}/theme/css/style.css">
  {% endblock head %}
</head>
<body>
  <div class="container">
    <section class="header">
      <h3 class="title"><a href="{{ SITEURL }}/">{{ SITENAME }}</a></h3>
      <a class="icon" href="{{ SITEURL }}/feeds/all.rss.xml" target="_blank"><i class="fas fa-rss-square"></i></a>
      <a class="icon" href="{{ SITEURL }}/tags"><i class="fas fa-hashtag"></i></a>
      <a class="icon" href="https://twitter.com/blackle0pard_" target="_blank"><i class="fab fa-twitter-square"></i></a>
      <a class="icon" href="https://github.com/blackle0pard" target="_blank"><i class="fab fa-github-square"></i></a>
    </section>
    {% block content %}
    {% endblock %}
    <section class="footer">
      <i class="far fa-copyright"></i> 2017 <a href="{{ SITEURL }}/">{{ SITENAME }}</a>
    </section>
  </div>
</body>
</html>
