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     <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
  28     <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
  29     <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
  30     <link rel="manifest" href="/site.webmanifest">
  31     <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#f78123">
  32     <meta name="msapplication-TileColor" content="#da532c">
  33     <meta name="theme-color" content="#ffffff">
  34     {% set css %}{% include "style.css" %}{% endset %}
  35     <style>{{ css | cssmin | safe }}</style>
  36 </head>
  37 <body class="col">
  38     <header>
  39         <div class="row fwrap baseline">
  40             <h1 class="rigid spacer">
  41                 <a class="c-sun dec-none" href="/">Witch of Light</a>
  42             </h1>
  43             <div class="row" style="margin-top: -0.6em">
  44                 <a class="c-sun" href="/webrings">Webrings</a>
  45                 &nbsp;&nbsp;
  46                 <a class="c-sun" href="/archive">Archive</a>
  47                 &nbsp;&nbsp;
  48                 <a class="c-sun" href="/feed.xml">RSS</a>
  49             </div>
  50         </div>
  51         <i class="dim">A collection of Cassie's harebrained schemes.</i>
  52     </header>
  53     <main>
  54         {{ content | safe }}
  55     </main>
  56     <div class="spacer"></div>
  57     <footer class="col hcenter">
  58         Copyright &copy; 2019 Cassie Jones.
  59         <div class="row hcenter">
  60             <a class="hov-fade" href="https://twitter.com/porglezomp"><img class="im-icon" src="/static/twitter.svg" alt="Twitter"></a>
  61             <div class="block-1"></div>
  62             <a class="hov-fade" href="https://github.com/porglezomp"><img class="im-icon" src="/static/github.svg" alt="GitHub"></a>
  63         </div>
  64     </footer>
  65     <link rel="stylesheet" type="text/css" href="/static/prism.css">
  66 </body>
  67 </html>