aboutsummaryrefslogtreecommitdiffhomepage
path: root/overlays/hyde/templates/index.html
diff options
context:
space:
mode:
authorJohannes Stoelp <johannes.stoelp@gmail.com>2022-12-17 22:07:08 +0100
committerJohannes Stoelp <johannes.stoelp@gmail.com>2022-12-17 22:07:08 +0100
commit2e90f71d547dd9294a26861b66b6344bc49ab9af (patch)
tree9eb16ba99bf2d526253c02219b2dfd296a076973 /overlays/hyde/templates/index.html
parentda9d8fa516bf309e8cf6005cae152689b8a20342 (diff)
downloadblog-2e90f71d547dd9294a26861b66b6344bc49ab9af.tar.gz
blog-2e90f71d547dd9294a26861b66b6344bc49ab9af.zip
theme: change to after-dark
Diffstat (limited to 'overlays/hyde/templates/index.html')
-rw-r--r--overlays/hyde/templates/index.html104
1 files changed, 104 insertions, 0 deletions
diff --git a/overlays/hyde/templates/index.html b/overlays/hyde/templates/index.html
new file mode 100644
index 0000000..c1cd4e8
--- /dev/null
+++ b/overlays/hyde/templates/index.html
@@ -0,0 +1,104 @@
+<!-- Override derived from hyde theme: https://github.com/getzola/hyde.git -->
+
+<!DOCTYPE html>
+<html lang="en">
+ <head>
+ <meta http-equiv="X-UA-Compatible" content="IE=edge">
+ <meta http-equiv="content-type" content="text/html; charset=utf-8">
+
+ <!-- Enable responsiveness on mobile devices-->
+ <!-- viewport-fit=cover is to support iPhone X rounded corners and notch in landscape-->
+ <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, viewport-fit=cover">
+
+ <title>{% block title %}{{ config.title }}{% endblock title %}</title>
+
+ <!-- CSS -->
+ <link rel="stylesheet" href="{{ get_url(path="print.css", trailing_slash=false) }}" media="print">
+ <link rel="stylesheet" href="{{ get_url(path="poole.css", trailing_slash=false) }}">
+ <link rel="stylesheet" href="{{ get_url(path="hyde.css", trailing_slash=false) }}">
+ <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=PT+Sans:400,400italic,700|Abril+Fatface">
+
+ {% if config.generate_feed %}
+ <link rel="alternate" type={% if config.feed_filename == "atom.xml" %}"application/atom+xml"{% else %}"application/rss+xml"{% endif %} title="RSS" href="{{ get_url(path=config.feed_filename) | safe }}">
+ {% endif %}
+
+ {% block extra_head %}
+ {% endblock extra_head %}
+ </head>
+
+ <body class="{{ config.extra.hyde_theme }} {% if config.extra.hyde_reverse %}layout-reverse{% endif %}">
+ {% block sidebar %}
+ <div class="sidebar">
+ <div class="container {% if config.extra.hyde_sticky %}sidebar-sticky{% endif %}">
+ <div class="sidebar-about">
+ {% block sidebar_about %}
+ <a href="{{ config.base_url }}"><h1>{{ config.title }}</h1></a>
+ {% if config.description %}
+ <p class="lead">{{config.description}}</p>
+ {% endif %}
+ {% endblock sidebar_about %}
+ </div>
+
+ <ul class="sidebar-nav">
+ {% block sidebar_nav %}
+ {% for link in config.extra.hyde_links %}
+ <!-- johannst START | add replace $BASE_URL -->
+ {% set link_url = link.url | replace(from="$BASE_URL", to=config.base_url) %}
+ <li class="sidebar-nav-item"><a href="{{link_url}}">{{link.name}}</a></li>
+ <!-- johannst END -->
+ {% endfor %}
+ {% endblock sidebar_nav %}
+ </ul>
+
+ <!-- johannst START -->
+ <div class="search-container">
+ <input id="search" type="search" placeholder="🔎 Search">
+ </div>
+ <!-- johannst END -->
+ </div>
+ </div>
+ {% endblock sidebar %}
+
+ <!-- johannst: START | add id -->
+ <div class="content container" id="pages">
+ <!-- johannst: END -->
+ {% block content %}
+ <div class="posts">
+ <!-- johannst: START | remove `reverse` -->
+ {% for page in section.pages %}
+ <!-- johannst: END -->
+ <div class="post">
+ <h1 class="post-title">
+ <a href="{{ page.permalink }}">
+ {{ page.title }}
+ </a>
+ </h1>
+
+ <span class="post-date">{{ page.date | date(format="%Y-%m-%d") }}</span>
+
+ <!-- johannst: START | attach `tags` to each post listing -->
+ {% if page.taxonomies.tags %}
+ {% for tag in page.taxonomies.tags %}
+ <a href="{{ get_url(path="/tags/") }}/{{ tag }}">#{{ tag }}</a>
+ {% endfor %}
+ {% endif %}
+ <!-- johannst: END -->
+
+ </div>
+ {% endfor %}
+ </div>
+ {% endblock content %}
+ </div>
+
+ <!-- johannst START -->
+ <div class="content container" id="search-results">
+ <div id="search-results-items"></div>
+ </div>
+
+ <script type="text/javascript" src="{{ get_url(path="elasticlunr.min.js") }}"></script>
+ <script type="text/javascript" src="{{ get_url(path="search_index.en.js") }}"></script>
+ <script type="text/javascript" src="{{ get_url(path="search.js") }}"></script>
+ <!-- johannst END -->
+ </body>
+
+</html>