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

base.tmpl 3.0KB

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