base.html 3.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465
  1. <!doctype html>
  2. <html lang="{% block html_lang %}{{ DEFAULT_LANG }}{% endblock html_lang %}">
  3. <head>
  4. <title>{% block title %}{{ SITENAME }}{%endblock%} || HackIT 2020</title>
  5. <meta charset="utf-8">
  6. <meta name="viewport" content="width=device-width, initial-scale=1">
  7. <link rel="stylesheet" href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/fonts/fonts.css" />
  8. <link rel="stylesheet" href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/skeleton/css/normalize.css" />
  9. <link rel="stylesheet" href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/skeleton/css/skeleton.css" />
  10. <link rel="stylesheet" href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/theme.css" />
  11. <link rel="stylesheet" href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/effects.css" />
  12. {% if FAVICON %}
  13. <link href="{{ SITEURL }}/{{ FAVICON }}" rel="icon">
  14. {% endif %}
  15. {% if FEED_ALL_ATOM %}
  16. <link href="{{ FEED_DOMAIN }}/{% if FEED_ALL_ATOM_URL %}{{ FEED_ALL_ATOM_URL }}{% else %}{{ FEED_ALL_ATOM }}{% endif %}" type="application/atom+xml" rel="alternate" title="{{ SITENAME }} Atom Feed" />
  17. {% endif %}
  18. {% if FEED_ALL_RSS %}
  19. <link href="{{ FEED_DOMAIN }}/{% if FEED_ALL_RSS_URL %}{{ FEED_ALL_RSS_URL }}{% else %}{{ FEED_ALL_RSS }}{% endif %}" type="application/rss+xml" rel="alternate" title="{{ SITENAME }} RSS Feed" />
  20. {% endif %}
  21. {% block extra_head %}{%endblock%}
  22. </head>
  23. <body class="{% block body_classes %} {%endblock%}">
  24. <div id="logo-div">
  25. <img id="logo-img" class="pulse" src="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/images/logo.png" style="width: 15vw" />
  26. </div>
  27. <div id="all-wrapper">
  28. <div class="row" id="header-row">
  29. <div class="u-full-width column">
  30. <header>
  31. <h1><a href="{{ SITEURL }}/">{{ SITENAME }} {% if SITESUBTITLE %}<strong>{{ SITESUBTITLE }}</strong>{% endif %}</a></h1>
  32. </header>
  33. </div>
  34. </div>
  35. <div class="row" id="menu-row">
  36. <div class="four columns">&nbsp;</div>
  37. <div class="four columns">
  38. <nav><ul>
  39. {% for title, link in MENUITEMS %}
  40. <li><a href="{{ link }}">{{ title }}</a></li>
  41. {% endfor %}
  42. {% if DISPLAY_PAGES_ON_MENU -%}
  43. {% for pg in pages %}
  44. <li{% if pg == page %} class="active"{% endif %}><a href="{{ SITEURL }}/{{ pg.url }}">{{ pg.title }}</a></li>
  45. {% endfor %}
  46. {% endif %}
  47. {% if DISPLAY_CATEGORIES_ON_MENU -%}
  48. {% for cat, null in categories %}
  49. <li{% if cat == category %} class="active"{% endif %}><a href="{{ SITEURL }}/{{ cat.url }}">{{ cat }}</a></li>
  50. {% endfor %}
  51. {% endif %}
  52. </ul></nav>
  53. </div>
  54. <div class="four columns">&nbsp;</div> <!-- column -->
  55. </div><!-- menu-row -->
  56. <div class="row" id="content-row">
  57. <div class="u-full-width column">
  58. {% block content %} {% endblock content %}
  59. </div><!-- content column -->
  60. </div>
  61. </div>
  62. <script src="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/ruotalogo.js"></script>
  63. </body>
  64. </html>