adding key image support

deadsands/deadsands-theme/templates/base.html

@@ -6,9 +6,9 @@
         <meta charset="utf-8" />
         <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-0evHe/X+R7YkIZDRvuzKMRqM+OrBnVFBL6DOitfPri4tjfHxaWutUpFmBp4vmVor" crossorigin="anonymous">
         <link href="{{ SITEURL }}/theme/deadsands/css/style.css" rel="stylesheet" />
-  {% if FAVICON %}
-  <link rel="shortcut icon" href="{{ SITEURL }}/{{ FAVICON }}" type="image/x-icon" />
-  {% endif %}
+        {% if FAVICON %}
+        <link rel="shortcut icon" href="{{ SITEURL }}/{{ FAVICON }}" type="image/x-icon" />
+        {% endif %}
         <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
         {% endblock head %}
     </head>
@@ -18,7 +18,6 @@
        <div class="header">
           <div class='sun'></div>
           <div class='title'><h1><a href="/">{{ SITENAME }}</a></h1></div>
-
             <ul class="nav">
                {% for category, articles in categories %}
                     <li><a href="{{ SITEURL }}/{{ category.name }}">{{ category }}</a></li>
@@ -31,7 +30,10 @@
        </div>
        </div>
        <div id='background'>
-         <div class="container">{% block content %}{% endblock %}</div>
+         <div class="container">
+             {% block key_image %}{% endblock %}
+             {% block content %}{% endblock %}
+         </div>
          <footer id="contentinfo" class="footer">
             <nav class="pull-right bottom-nav">
                 <a href="{{ FEED_DOMAIN }}/{{ FEED_ALL_ATOM }}">RSS</a>