/hyde/layouts/basic/layout/base.j2

http://github.com/hyde/hyde · Jinja · 101 lines · 88 code · 13 blank · 0 comment · 2 complexity · 7fbcec1a569da3d7819b31e67e62545f MD5 · raw file 

    

  1. <!doctype html>
    2. 

  2. <!-- https://github.com/paulirish/html5-boilerplate/blob/master/index.html -->
    3. 

  3. <!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
    4. 

  4. <!--[if lt IE 7 ]> <html lang="en" class="no-js ie6"> <![endif]-->
    5. 

  5. <!--[if IE 7 ]>    <html lang="en" class="no-js ie7"> <![endif]-->
    6. 

  6. <!--[if IE 8 ]>    <html lang="en" class="no-js ie8"> <![endif]-->
    7. 

  7. <!--[if (gte IE 9)|!(IE)]><!--> <html lang="en" class="no-js"> <!--<![endif]-->
    8. 

  8. <head>
    9. 

  9.   {% block starthead %}{% endblock starthead %}
    10. 

  10.   <meta charset="{{ resource.meta.charset }}">
    11. 

  11. 

  12.   <!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame
    13. 

  13.        Remove this if you use the .htaccess -->
    14. 

  14.   <meta http-equiv="X-UA-Compatible" content="{{ resource.meta.compatibility }}">
    15. 

  15. 

  16.   <!-- encoding must be specified within the first 512 bytes
    17. 

  17.         www.whatwg.org/specs/web-apps/current-work/multipage/semantics.html#charset -->
    18. 

  18. 

  19.   <!-- meta element for compatibility mode needs to be before
    20. 

  20.         all elements except title & meta
    21. 

  21.         msdn.microsoft.com/en-us/library/cc288325(VS.85).aspx -->
    22. 

  22.   <!-- Chrome Frame is only invoked if meta element for
    23. 

  23.         compatibility mode is within the first 1K bytes
    24. 

  24.         code.google.com/p/chromium/issues/detail?id=23003 -->
    25. 

  25. 

  26.   <title>{% block title %}{{ resource.meta.title }}{% endblock %}</title>
    27. 

  27.   <meta name="description" content="{{ resource.meta.description }}">
    28. 

  28.   <meta name="author" content="{{ resource.meta.author }}">
    29. 

  29. 

  30.   <!--  Mobile viewport optimized: j.mp/bplateviewport -->
    31. 

  31.   <meta name="viewport" content="{{ resource.meta.viewport }}">
    32. 

  32. 

  33.   {% block favicons %}
    34. 

  34.   <!-- Place favicon.ico & apple-touch-icon.png
    35. 

  35.         in the root of your domain and delete these references -->
    36. 

  36.   <link rel="shortcut icon" href="{{ media_url('/images/favicon.ico') }}">
    37. 

  37.   <link rel="apple-touch-icon" href="{{ media_url('/images/apple-touch-icon.png') }}">
    38. 

  38.   {% endblock favicons %}
    39. 

  39. 

  40.   {% block css %}
    41. 

  41.   <link rel="stylesheet" href="{{ media_url('css/site.css') }}">
    42. 

  42.   <link rel="stylesheet" href="{{ media_url('css/syntax.css') }}">
    43. 

  43.   {% endblock css %}
    44. 

  44. 

  45.   {% block headjs %}
    46. 

  46.   <!-- All JavaScript at the bottom, except for Modernizr which
    47. 

  47.         enables HTML5 elements & feature detects -->
    48. 

  48.     <script src="{{ media_url('js/libs/modernizr-1.7.min.js') }}"></script>
    49. 

  49.   {% endblock headjs %}
    50. 

  50.   {% block endhead %}{% endblock endhead %}
    51. 

  51. </head>
    52. 

  52. <body id="{{ resource.meta.id if resource.meta.id else resource.slug }}">
    53. 

  53.   {% block content %}
    54. 

  54.   <div id="container">
    55. 

  55.       {% block container %}
    56. 

  56.       <div id="main" role="main">
    57. 

  57.           <header class="banner clearfix">
    58. 

  58.           {% block header -%}
    59. 

  59.             <h1>BASIC</h1>
    60. 

  60.             <h3>A hyde website</h3>
    61. 

  61.           {%- endblock %}
    62. 

  62.           {% block nav %}
    63. 

  63.           {% from "macros.j2" import render_nav with context %}
    64. 

  64.           {{ render_nav(menu, 'main_nav') }}
    65. 

  65.           {% endblock %}
    66. 

  66.           </header>
    67. 

  67.           <section class="content">
    68. 

  68.           {% block main %}
    69. 

  69.           {% endblock main %}
    70. 

  70.           </section>
    71. 

  71.       </div>
    72. 

  72.     {% endblock container %}
    73. 

  73.   </div> <!--! end of #container -->
    74. 

  74.   <footer>
    75. 

  75.       Powered by <a href="http://ringce.com/hyde">hyde</a>.
    76. 

  76.   </footer>
    77. 

  77.   {% endblock content%}
    78. 

  78.   {% block js %}
    79. 

  79.   <!-- Javascript at the bottom for fast page loading -->
    80. 

  80.   {% block jquery %}
    81. 

  81.   <!-- Grab Google CDN's jQuery, with a protocol relative URL; fall back to local if necessary -->
    82. 

  82.   <script src="//ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.js"></script>
    83. 

  83.   <script>window.jQuery || document.write('<script src="js/libs/jquery-1.5.1.min.js">\x3C/script>')</script>
    84. 

  84.   {% endblock jquery %}
    85. 

  85. 

  86.   {% block scripts %}
    87. 

  87.   {% endblock scripts %}
    88. 

  88. 

  89. 

  90.   <!--[if lt IE 7 ]>
    91. 

  91.     <script src="js/libs/dd_belatedpng.js"></script>
    92. 

  92.     <script>DD_belatedPNG.fix('img, .png_bg'); // Fix any <img> or .png_bg bg-images. Also, please read goo.gl/mZiyb </script>
    93. 

  93.   <![endif]-->
    94. 

  94. 

  95.   {% block analytics %}
    96. 

  96.   {% include "analytics.j2" %}
    97. 

  97.   {% endblock analytics %}
    98. 

  98. 

  99.   {% endblock js %}
    100. 

  100. </body>
    101. 

  101. </html>
    102.