base.html 4.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687
  1. <!DOCTYPE html>
  2. <!--[if lt IE 7 ]><html class="ie ie6" lang="en"><![endif]-->
  3. <!--[if IE 7 ]><html class="ie ie7" lang="en"><![endif]-->
  4. <!--[if IE 8 ]><html class="ie ie8" lang="en"><![endif]-->
  5. <!--[if (gte IE 9)|!(IE)]><!--><html lang="en"><!--<![endif]-->
  6. <head>
  7. <!-- Website Template designed by www.downloadwebsitetemplates.co.uk -->
  8. <!-- Modified to fit Cryogen.-->
  9. <meta charset="UTF-8">
  10. <title>{{title}}{% block subtitle %}{% endblock %}</title>
  11. <meta name="description" content="">
  12. <meta name="keywords" content="">
  13. <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
  14. <link rel="apple-touch-icon-precomposed" sizes="144x144" href="images/ico/apple-touch-icon-144.png">
  15. <link rel="apple-touch-icon-precomposed" sizes="114x114" href="images/ico/apple-touch-icon-114.png">
  16. <link rel="apple-touch-icon-precomposed" sizes="72x72" href="images/ico/apple-touch-icon-72.png">
  17. <link rel="apple-touch-icon-precomposed" href="images/ico/apple-touch-icon-57.png">
  18. <link rel="shortcut icon" href="images/ico/favicon.png">
  19. <!--[if IE]><![endif]-->
  20. {% style "css/buttons.css" %}
  21. {% style "css/menu.css" %}
  22. {% style "css/reset.css" %}
  23. {% style "css/style.css" %}
  24. {% style "css/typography.css" %}
  25. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
  26. <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.7.0/styles/tomorrow-night-eighties.min.css">
  27. <!--[if lt IE 9]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
  28. </head>
  29. <body>
  30. <div id="left">
  31. <p id="logo">
  32. <a title="{{title}}" href="{{index-uri}}">
  33. <span class="fa fa-rocket"></span>
  34. <span class="text">Nucleus</span>
  35. </a>
  36. </p>
  37. <div id="menucont" class="bodycontainer clearfix">
  38. <div class="menutitle">
  39. <p><span class="fa fa-reorder"></span><strong>Menu</strong></p>
  40. </div>
  41. <ul class="menu">
  42. <li {% if home %} class="active" {% endif %}><a title="Home" href="{{index-uri}}">Home</a></li>
  43. <li {% if archives %} class="active" {% endif %}><a title="Archives" href="{{archives-uri}}">Archives</a></li>
  44. {% if tags|not-empty %}
  45. <li {%ifequal uri tags-uri %} class="active" {% endifequal %}><a title="Tags" href="{{tags-uri}}">Tags</a></li>
  46. {% endif %}
  47. {% for nav-page in navbar-pages %}
  48. <li {%ifequal page.uri nav-page.uri %} class="active" {% endifequal %}>
  49. <a href="{{nav-page.uri}}">{{nav-page.title}}</a>
  50. </li>
  51. {% endfor %}
  52. <li><a title="RSS" href="{{rss-uri}}">RSS</a></li>
  53. </ul>
  54. </div>
  55. <div id="socialmedia" class="clearfix">
  56. <ul>
  57. <li><a title="GitHub" href="./" rel="external"><span class="fa fa-github"></span></a></li>
  58. <li><a title="Stack Overflow" href="./" rel="external"><span class="fa fa-stack-overflow"></span></a></li>
  59. <li><a title="Google+" href="./" rel="external"><span class="fa fa-google-plus"></span></a></li>
  60. <li><a title="LinkedIn" href="./" rel="external"><span class="fa fa-linkedin"></span></a></li>
  61. <li><a title="Last.fm" href="./" rel="external"><span class="fa fa-lastfm"></span></a></li>
  62. </ul>
  63. </div>
  64. </div>
  65. <div id="right" class="clearfix">
  66. {% block content %}
  67. {% endblock %}
  68. <hr/>
  69. <div id="footercont" class="clearfix">Copyright &copy; {{today|date:yyyy}} {{author}}
  70. <p>Powered by <a href="http://cryogenweb.org">Cryogen</a> | Free Website Template by <a title="free website templates" href="http://www.downloadwebsitetemplates.co.uk" rel="external">Download Website Templates</a></p>
  71. </div>
  72. </div>
  73. <script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
  74. {% script "js/highlight.pack.js" %}
  75. <script>hljs.initHighlightingOnLoad();</script>
  76. {% script "js/scripts.js" %}
  77. {% if post.klipse %} {{post.klipse|safe}} {% endif %}
  78. {% if page.klipse %} {{page.klipse|safe}} {% endif %}
  79. </body>
  80. </html>