aboutsummaryrefslogtreecommitdiffhomepage
path: root/overlays/hyde/templates/index.html
blob: c1cd4e840d3ffab55bcd5800e31b56a562925758 (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
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>