diff options
| author | Johannes Stoelp <johannes.stoelp@gmail.com> | 2022-12-17 22:07:08 +0100 |
|---|---|---|
| committer | Johannes Stoelp <johannes.stoelp@gmail.com> | 2022-12-17 22:07:08 +0100 |
| commit | 2e90f71d547dd9294a26861b66b6344bc49ab9af (patch) | |
| tree | 9eb16ba99bf2d526253c02219b2dfd296a076973 /overlays/hyde/templates/index.html | |
| parent | da9d8fa516bf309e8cf6005cae152689b8a20342 (diff) | |
| download | blog-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.html | 104 |
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> |