A new Riff-radio.org site with a static approach.

base.tmpl 2.7KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293
  1. ## -*- coding: utf-8 -*-
  2. <%namespace name="base" file="base_helper.tmpl" import="*" />
  3. ${set_locale(lang)}
  4. ${base.html_headstart()}
  5. <%block name="extra_head">
  6. ### Leave this block alone.
  7. </%block>
  8. ${template_hooks['extra_head']()}
  9. </head>
  10. <body>
  11. <a href="#content" class="sr-only sr-only-focusable">${messages("Skip to main content")}</a>
  12. <!-- Menubar -->
  13. <div class="blog-masthead">
  14. <div class="container"><!-- This keeps the margins nice -->
  15. <nav class="blog-nav" role="navigation">
  16. ${base.html_navigation_links()}
  17. ${template_hooks['menu']()}
  18. %if search_form:
  19. ${search_form}
  20. %endif
  21. <%block name="belowtitle">
  22. %if len(translations) > 1:
  23. ${base.html_translations()}
  24. %endif
  25. </%block>
  26. % if show_sourcelink:
  27. <%block name="sourcelink"></%block>
  28. %endif
  29. ${template_hooks['menu_alt']()}
  30. </ul>
  31. </nav>
  32. </div><!-- /.container -->
  33. </div>
  34. <!-- End of Menubar -->
  35. <div class="container" id="content" role="main">
  36. <div class="body-content">
  37. <div class="blog-header">
  38. <h1 class="blog-title">
  39. <a href="${abs_link(_link("root", None, lang))}">
  40. %if logo_url:
  41. <img src="${logo_url}" alt="${blog_title}" id="logo">
  42. %endif
  43. % if show_blog_title:
  44. <span id="blog-title">${blog_title}</span>
  45. % endif
  46. </a>
  47. </h1>
  48. <p class="lead blog-description">${blog_description}</p>
  49. ${template_hooks['page_header']()}
  50. </div>
  51. <!--Body content-->
  52. <div class="row">
  53. <div class="col-sm-8 blog-main">
  54. <%block name="content"></%block>
  55. </div>
  56. <div class="col-sm-3 col-sm-offset-1 blog-sidebar">
  57. ${blog_sidebar}
  58. </div>
  59. <!--End of body content-->
  60. </div>
  61. </div>
  62. </div>
  63. <footer class="blog-footer" id="footer">
  64. ${content_footer}
  65. ${template_hooks['page_footer']()}
  66. </footer>
  67. ${base.late_load_js()}
  68. <!-- fancy dates -->
  69. <script>
  70. moment.locale("${momentjs_locales[lang]}");
  71. fancydates(${date_fanciness}, ${js_date_format});
  72. </script>
  73. <!-- end fancy dates -->
  74. <%block name="extra_js"></%block>
  75. <script>
  76. baguetteBox.run('div#content', {
  77. ignoreClass: 'islink',
  78. captions: function(element) {
  79. return element.getElementsByTagName('img')[0].alt;
  80. }});
  81. </script>
  82. ${body_end}
  83. ${template_hooks['body_end']()}
  84. </body>
  85. </html>