src/templates/base.html

   1 <!DOCTYPE html>
   2 <html class="no-js" lang="en">
   3         <head>
   4                 <meta charset="utf-8">
   5                 <meta http-equiv="X-UA-Compatible" content="IE=edge">
   6                 <meta name="viewport" content="width=device-width, initial-scale=1">
   7                 <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
   8
   9                 <link rel="icon" href="/favicon.ico">
  10
  11                 <title>
  12                         {{ hostname() }}
  13                         {% if menu  and menu.title %}
  14                                 - {{ menu.title }}
  15                         {% end %}
  16                         - {{ _(handler.title) }}
  17                 </title>
  18
  19                 <link href="{{ static_url("css/westferry.css") }}" rel="stylesheet">
  20         </head>
  21
  22         <body>
  23                 <div class="grid-container">
  24                         <div class="top-bar">
  25                                 <div class="top-bar-left">
  26                                         <ul class="dropdown menu" data-dropdown-menu>
  27                                                 <li class="menu-text">{{ hostname() }}</li>
  28                                                 <li>
  29                                                         <a href="#">One</a>
  30                                                         <ul class="menu vertical">
  31                                                                 <li><a href="#">One</a></li>
  32                                                                 <li><a href="#">Two</a></li>
  33                                                                 <li><a href="#">Three</a></li>
  34                                                         </ul>
  35                                                 </li>
  36                                                 <li><a href="#">Two</a></li>
  37                                                 <li><a href="#">Three</a></li>
  38                                         </ul>
  39                                 </div>
  40
  41                                 <div class="top-bar-right">
  42                                         <ul class="menu">
  43                                                 <li><input type="search" placeholder="{{ _("Search") }}"></li>
  44                                                 <li><button type="button" class="button">{{ _("Search") }}</button></li>
  45                                         </ul>
  46                                 </div>
  47                         </div>
  48
  49                         <div class="grid-x grid-padding-x">
  50                                 {% if menu %}
  51                                         <div class="cell small-3">
  52                                                 <h5>{{ menu.title }}</h5>
  53
  54                                                 {% module SidebarMenu(menu) %}
  55                                         </div>
  56                                 {% end %}
  57
  58                                 <div class="cell auto">
  59                                         {% block main %}{% end block %}
  60                                 </div>
  61                         </div>
  62                 </div>
  63
  64                 <script src="{{ static_url("scripts/jquery.min.js") }}"></script>
  65                 <script src="{{ static_url("scripts/foundation.min.js") }}"></script>
  66                 <script src="{{ static_url("scripts/westferry.min.js") }}"></script>
  67         </body>
  68 </html>