145 lines
4.0 KiB
HTML
145 lines
4.0 KiB
HTML
|
<!-- vim: set ft=html: -->
|
||
|
|
<!--
|
||
|
|
base00
|
||
|
|
base05
|
||
|
|
favicon_mimetype
|
||
|
|
favicon
|
||
|
|
title_text
|
||
|
|
-->
|
||
|
|
|
||
|
|
<!DOCTYPE HTML>
|
||
|
|
<html lang="{%- if config.default_language -%}{{ config.default_language }}{%- else -%}en{%- endif -%}">
|
||
|
|
<head>
|
||
|
|
<title>{%- block title %}{{ config.title }}{% endblock title -%}</title>
|
||
|
|
{%- if config.generate_rss %}
|
||
|
|
<link rel="alternate" type="application/rss+xml" title="RSS" href="{{ get_url(path="rss.xml") | safe }}">
|
||
|
|
{%- endif %}
|
||
|
|
|
||
|
|
{%- if config.extra.favicon %}
|
||
|
|
<link rel="shortcut icon" type="{{ config.extra.favicon_mimetype | default(value="image/x-icon") }}" href="{{ config.extra.favicon | safe }}">
|
||
|
|
{%- endif %}
|
||
|
|
{%- block extra_head %}
|
||
|
|
{%- endblock extra_head %}
|
||
|
|
|
||
|
|
<style>
|
||
|
|
|
||
|
|
@font-face {
|
||
|
|
font-family: "UtsukushiMincho";
|
||
|
|
src: url(UtsukushiMincho.ttf);
|
||
|
|
}
|
||
|
|
|
||
|
|
body {
|
||
|
|
|
||
|
|
font-family: UtsukushiMincho;
|
||
|
|
|
||
|
|
{%- if config.extra.base00 %}
|
||
|
|
background-color: {{ config.extra.base00 }};
|
||
|
|
{% else %}
|
||
|
|
background-color: #faf4ed;
|
||
|
|
{% endif -%}
|
||
|
|
|
||
|
|
{%- if config.extra.base05 %}
|
||
|
|
color: {{ config.extra.base05 }};
|
||
|
|
{% else %}
|
||
|
|
color: #575279;
|
||
|
|
{% endif -%}
|
||
|
|
|
||
|
|
display: flex;
|
||
|
|
justify-content: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
.header_title {
|
||
|
|
font-weight: bolder;
|
||
|
|
font-size: 2.5rem;
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
.header {
|
||
|
|
|
||
|
|
width: 50%;
|
||
|
|
margin-top: 7rem;
|
||
|
|
padding-top: 1rem;
|
||
|
|
padding-left: 1rem;
|
||
|
|
padding-bottom: 1.5rem;
|
||
|
|
border-radius: 5px;
|
||
|
|
{%- if config.extra.base00 %}
|
||
|
|
border: solid {{ config.extra.base00 }};
|
||
|
|
{% else %}
|
||
|
|
border: solid #575279;
|
||
|
|
{% endif -%}
|
||
|
|
}
|
||
|
|
|
||
|
|
.menu_inner {
|
||
|
|
list-style: none;
|
||
|
|
margin: 0;
|
||
|
|
font-weight: bold;
|
||
|
|
font-size: 1.2rem;
|
||
|
|
padding: 0.1rem;
|
||
|
|
padding-top: 0.5rem;
|
||
|
|
padding-left: 0.3rem;
|
||
|
|
display: flex;
|
||
|
|
flex-wrap: wrap;
|
||
|
|
}
|
||
|
|
|
||
|
|
.menu_list {
|
||
|
|
margin-right: 20px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.menu_item {
|
||
|
|
|
||
|
|
{%- if config.extra.base0d %}
|
||
|
|
color: {{ config.extra.base0d }};
|
||
|
|
{% else %}
|
||
|
|
color: #286983;
|
||
|
|
{% endif -%}
|
||
|
|
}
|
||
|
|
|
||
|
|
.menu_item:visited {
|
||
|
|
|
||
|
|
{%- if config.extra.base0e %}
|
||
|
|
color: {{ config.extra.base0e }};
|
||
|
|
{% else %}
|
||
|
|
color: #907aa9;
|
||
|
|
{% endif -%}
|
||
|
|
}
|
||
|
|
|
||
|
|
</style>
|
||
|
|
</head>
|
||
|
|
|
||
|
|
<body>
|
||
|
|
{% block header %}
|
||
|
|
<div class="header">
|
||
|
|
|
||
|
|
<div class="header_title">
|
||
|
|
{% block title_content %}
|
||
|
|
{%- if config.extra.title_text %}
|
||
|
|
{{ config.extra.title_text }}
|
||
|
|
{% elif config.title %}
|
||
|
|
{{ config.title }}
|
||
|
|
{% else %}
|
||
|
|
Dawn Theme
|
||
|
|
{% endif -%}
|
||
|
|
{% endblock title_content %}
|
||
|
|
</div>
|
||
|
|
|
||
|
|
{% block header_menu %}
|
||
|
|
<div class="header_menu">
|
||
|
|
<nav class="header_nav">
|
||
|
|
<ul class="menu_inner">
|
||
|
|
{% for item in config.extra.menu %}
|
||
|
|
<li class = "menu_list">
|
||
|
|
<a class = "menu_item" href="{{ item.url | replace(from="$BASE_URL", to=config.base_url) }}">
|
||
|
|
{{ item.name }}
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
{% endfor %}
|
||
|
|
</ul>
|
||
|
|
</nav>
|
||
|
|
</div>
|
||
|
|
{% endblock header_menu %}
|
||
|
|
|
||
|
|
</div>
|
||
|
|
{% endblock header %}
|
||
|
|
</body>
|
||
|
|
</html>
|