aboutsummaryrefslogtreecommitdiff
path: root/templates/base.html
blob: f341e3256d7ff5b8553d9fc9316af6a2da96e4c1 (plain)
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
<!DOCTYPE html>
{% set permalink = "/weblog/" %}
{% if section %}
  {% set permalink = section.permalink %}
{% elif page %}
  {% set permalink = page.permalink %}
{% endif %}
<html>
  <head>
    <meta charset="utf-8">
    <meta content="width=device-width, initial-scale=1" name="viewport">
    <title>
      {% block title %}
      {{ config.title }}
      {% endblock %}
    </title>
    <link rel="stylesheet" href="{{ get_url(path="css/yaroslavps.css") }}">
    <link rel="icon" type="image/png" href="{{ get_url(path="favicon32x32.png") }}">
    <link rel="icon" type="image/png" href="{{ get_url(path="favicon64x64.png") }}">
    {% block extrahead %}
    {% endblock %}
  </head>
  <body>
    <div class="main-container">
      {% block page %}
        <div class="header-container">
          {% block header %}
          <h1><a href="/">Yaroslav de la Peña Smirnov</a></h1>
          {% endblock %}
        </div>
        <div class="content-container">
          {% block content %}
          {% endblock %}
        </div>
        <div class="sidebar-container">
          <div class="sticky-wrapper">
            {% block sbdesc %}
              {% if permalink is containing("weblog") %}
              <p>Hello, my name is Yaroslav de la Peña Smirnov, welcome to my weblog.
              Sometimes I write software, sometimes I might write my mind here. </p>
              {% elif permalink is containing("food") %}
              <p>Here I keep some of the recipes for food that I cook. Nothing really
              special in here, just food that I find delicious, and generally not very
              expensive nor time consuming to cook.</p>
              {% endif %}
            {% endblock %}
            <div class="links-container">
              <a href="https://github.com/Yaroslav-95" title="GitHub">
                <span class="icon"><img src="/svg/icons/github.svg"/></span>
              </a>
              <a href="https://git.yaroslavps.com/yaroslav" title="Git server">
                <span class="icon"><img src="/svg/icons/git.svg"/></span>
              </a>
            </div>
            <h3>Navigation</h3>
            <ul class="navigation-list">
              <li><a href="/">Landing page</a></li>
              <li><a href="/weblog/">Weblog</a>
                <ul>
                  <li><a href="/weblog/archive/">Archive</a></li>
                </ul>
              </li>
              <li><a href="/food/">Recipe book</a>
                <ul>
                  <li><a href="/food/archive/">Archive</a></li>
                </ul>
              </li>
            </ul>
            <h3>RSS Feeds</h3>
            <ul class="rss-list">
                <li><a href="/weblog/feed.xml">Weblog RSS</a></li>
                <li><a href="/food/feed.xml">Recipe book RSS</a></li>
            </ul>
            <h3>Email</h3>
            <a href="mailto:contact@yaroslavps.com">contact@yaroslavps.com</a>
            <h3>PGP</h3>
            <a href="https://www.yaroslavps.com/files/yaroslavpub.gpg">BD900E5D624046DC</a>
          </div>
        </div>
      {% endblock %}
    </div>
  </body>
</html>