Witch of Git - web/blog/blob - _includes/layouts/layout.njk

   1 <!doctype html>
   2 <html lang="en">
   3 <head>
   4     <meta charset="utf8">
   5     {% if title %}
   6         <title>{{ title }}</title>
   7     {% else %}
   8         <title>Witch of Light</title>
   9     {% endif %}
  10     {% if summary %}
  11         <meta name="description" content="{{ summary }}">
  12     {% else %}
  13         <meta name="description" content="A collection of Cassie's harebrained schemes">
  14     {% endif %}
  15     <meta property="og:type" content="website">
  16     <meta property="og:url" content="https://blog.witchoflight.com">
  17     <meta property="og:site_name" content="Witch of Light">
  18     <meta property="og:image" content="https://www.witchoflight.com/assets/light.jpg">
  19     <meta property="og:image:type" content="image/png">
  20     <meta property="og:image:width" content="900">
  21     <meta property="og:image:height" content="900">
  22     <meta property="og:image:alt" content="The Homestuck light aspect icon">
  23     <meta name="twitter:card" content="summary">
  24     <meta name="twitter:site" content="@porglezomp">
  25     <meta name="twitter:image" content="https://www.witchoflight.com/assets/light.png">
  26     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  27     {% set css %}{% include "style.css" %}{% endset %}
  28     <style>{{ css | cssmin | safe }}</style>
  29 </head>
  30 <body class="col">
  31     <header>
  32         <div class="row fwrap baseline">
  33             <h1 class="rigid spacer">
  34                 <a class="c-sun dec-none" href="/">Witch of Light</a>
  35             </h1>
  36             <div class="row" style="margin-top: -0.6em">
  37                 <a class="c-sun" href="/webrings">Webrings</a>
  38                 &nbsp;&nbsp;
  39                 <a class="c-sun" href="/archive">Archive</a>
  40                 &nbsp;&nbsp;
  41                 <a class="c-sun" href="/feed.xml">RSS</a>
  42             </div>
  43         </div>
  44         <i class="dim">A collection of Cassie's harebrained schemes.</i>
  45     </header>
  46     <main>
  47         {{ content | safe }}
  48     </main>
  49     <div class="spacer"></div>
  50     <footer class="col hcenter">
  51         Copyright &copy; 2019 Cassie Jones.
  52         <div class="row hcenter">
  53             <a class="hov-fade" href="https://twitter.com/porglezomp"><img class="im-icon" src="/static/twitter.svg" alt="Twitter"></a>
  54             <div class="block-1"></div>
  55             <a class="hov-fade" href="https://github.com/porglezomp"><img class="im-icon" src="/static/github.svg" alt="GitHub"></a>
  56         </div>
  57     </footer>
  58     <link rel="stylesheet" type="text/css" href="/static/prism.css">
  59 </body>
  60 </html>