feat: added main header and hotlinks

2022-05-07 02:01:48 -04:00
commit 0b09faee82
6 changed files with 250 additions and 0 deletions
@@ -0,0 +1,144 @@
+<!-- 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>