base.html 4.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <title>{{title}}{% block subtitle %}{% endblock %}</title>
  6. <meta name="description" content="">
  7. <meta name="keywords" content="">
  8. <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
  9. <link rel="apple-touch-icon-precomposed" sizes="144x144" href="images/ico/apple-touch-icon-144.png">
  10. <link rel="apple-touch-icon-precomposed" sizes="114x114" href="images/ico/apple-touch-icon-114.png">
  11. <link rel="apple-touch-icon-precomposed" sizes="72x72" href="images/ico/apple-touch-icon-72.png">
  12. <link rel="apple-touch-icon-precomposed" href="images/ico/apple-touch-icon-57.png">
  13. <link href="https://fonts.googleapis.com/css?family=Montserrat:400,700|Oxygen:300,400,700|Inconsolata" rel="stylesheet">
  14. {% style "css/normalize.css" %}
  15. {% style "css/blog.css" %}
  16. {% style "css/lotus-highlightjs.min.css" %}
  17. </head>
  18. <body>
  19. <aside id="sidebar">
  20. <div id="logo">
  21. <a title="{{title}}" href="{{index-uri}}">
  22. <img class="icon" src="{{blog-prefix}}/img/white-lotus.svg">
  23. <div class="text desktop-and-tablet-only">{{title}}</div>
  24. <div class="text mobile-only">{{title}}</div>
  25. </a>
  26. </div>
  27. <nav id="sidebar-links">
  28. <nav id="menucont">
  29. <input type="checkbox" id="menu-checkbox" class="menu-checkbox">
  30. <label for="menu-checkbox" class="menutitle">
  31. <svg class="icon icon-menu" aria-hidden="true"><use xlink:href="{{blog-prefix}}/img/icons.svg#icon-menu"></use></svg><span class="menu-text">Menu</span>
  32. </label>
  33. <ul class="menu">
  34. <li {% if home %} class="active" {% endif %}><a title="Home" href="{{index-uri}}"><div class="menu-item-text">Home</div></a></li>
  35. <li {% if archives %} class="active" {% endif %}><a title="Archives" href="{{archives-uri}}"><div class="menu-item-text">Archives</div></a></li>
  36. {% if tags|not-empty %}
  37. <li {%ifequal uri tags-uri %} class="active" {% endifequal %}><a title="Tags" href="{{tags-uri}}"><div class="menu-item-text">Tags</div></a></li>
  38. {% endif %}
  39. {% for nav-page in navbar-pages %}
  40. <li {%ifequal page.uri nav-page.uri %} class="active" {% endifequal %}>
  41. <a href="{{nav-page.uri}}"><div class="menu-item-text">{{nav-page.title}}</div></a>
  42. </li>
  43. {% endfor %}
  44. <!-- <li><a title="RSS" href="{{rss-uri}}"><div class="menu-item-text">RSS</div></a></li> -->
  45. </ul>
  46. </nav>
  47. <nav id="socialmedia">
  48. <ul>
  49. <li><a title="LinkedIn" href="https://www.linkedin.com/in/matthewdavidson1" rel="external"><svg class="icon icon-linkedin"><use xlink:href="{{blog-prefix}}/img/icons.svg#icon-linkedin"></use></svg></a></li>
  50. <li><a title="GitHub" href="https://github.com/KingMob" rel="external"><svg class="icon icon-github-circled"><use xlink:href="{{blog-prefix}}/img/icons.svg#icon-github-circled"></use></svg></a></li>
  51. <li><a title="RSS Feed" href="{{rss-uri}}"><svg class="icon icon-rss-squared"><use xlink:href="{{blog-prefix}}/img/icons.svg#icon-rss-squared"></use></svg></a></li>
  52. </ul>
  53. </nav>
  54. </nav>
  55. </aside>
  56. <article id="main">
  57. {% block content %}
  58. {% endblock %}
  59. <hr/>
  60. <div id="footercont">
  61. Copyright &copy; {{today|date:yyyy}} {{author}}
  62. <br>Powered by <a href="http://cryogenweb.org">Cryogen</a>
  63. <br>Theme by <a href="http://github.com/KingMob">KingMob</a>
  64. </div>
  65. </article>
  66. {% script "js/highlight.pack.js" %}
  67. <script>hljs.initHighlightingOnLoad();</script>
  68. {% if post.klipse %} {{post.klipse|safe}} {% endif %}
  69. {% if page.klipse %} {{page.klipse|safe}} {% endif %}
  70. </body>
  71. </html>