code.grnet.gr Git - astakos/blob - snf-astakos-app/astakos/im/templates/im/base.html

   1 <!doctype html>
   2 <head>
   3   {% block starthead %}{% endblock starthead %}
   4   <meta charset="UTF-8">
   5
   6   <meta http-equiv="X-UA-Compatible" content="{{ resource.meta.compatibility }}">
   7
   8   <title>
   9      {% block page.title %}{% endblock %} / GRNET Cloud Accounts
  10   </title>
  11
  12   <meta name="description" content="">
  13   <meta name="author" content="">
  14   <meta name="viewport" content="width=device-width, initial-scale=1.0,minimum-scale=1.0, maximum-scale=1.0">
  15
  16   {% block page.js %}
  17   <!-- Le HTML5 shim, for IE6-8 support of HTML elements -->
  18   <!--[if lt IE 9]>
  19       <script src="{{ IM_STATIC_URL }}js/html5.js"></script>
  20   <![endif]-->
  21   {% endblock %}
  22
  23   {% block page.favicons %}
  24   <link rel="shortcut icon" href="">
  25   <link rel="apple-touch-icon" href="">
  26   {% endblock page.favicons %}
  27
  28   {% block page.css %}
  29
  30       <link href="https://fonts.googleapis.com/css?family=Antic" rel="stylesheet" type="text/css">
  31       <link rel="stylesheet" type="text/css" href="{{ IM_STATIC_URL }}css/global.css">
  32       <link rel="stylesheet" type="text/css" href="{{ IM_STATIC_URL }}css/print.css" media="print">
  33       <!--[if lte IE 7]>
  34             <link rel="stylesheet" type="text/css" href="{{ IM_STATIC_URL }}css/ie7.css">
  35       <![endif]-->
  36       <link rel="stylesheet" media="screen and (max-width: 960px)" href="{{ IM_STATIC_URL }}css/max960.css"/>
  37       <link rel="stylesheet" media="screen and (max-width: 768px)" href="{{ IM_STATIC_URL }}css/max768.css"/>
  38       <link rel="stylesheet" media="screen and (max-width: 480px)" href="{{ IM_STATIC_URL }}css/max480.css"/>
  39   {% endblock page.css %}
  40
  41   {% block headjs %}
  42           <script src="{{ IM_STATIC_URL }}js/jquery-1.7.1.min.js"></script>
  43           <script src="{{ IM_STATIC_URL }}js/jquery.dropkick-1.0.0.js"></script>
  44           <script src="{{ IM_STATIC_URL }}js/os.js"></script>
  45       <script src="{{ IM_STATIC_URL }}js/modernizr-2.0.6.js"></script>
  46       <script src="{{ IM_STATIC_URL }}js/jquery.js"></script>
  47       <script src="{{ IM_STATIC_URL }}js/jquery.infieldlabel.js"></script>
  48       <script src="{{ IM_STATIC_URL }}js/forms.js"></script>
  49       <script src="{{ IM_STATIC_URL }}js/common.js"></script>
  50   {% endblock headjs %}
  51   {% block endhead %}{% endblock endhead %}
  52
  53   <script type="text/javascript">
  54       $(document).ready(function() {
  55           $("form.innerlabels label").inFieldLabels();
  56           $("form").each(function(){
  57             if ($(this).hasClass("login")) { return }
  58             $(this).find("input").attr("autocomplete","off");
  59           })
  60           $("form .form-row").formErrors();
  61           $("form .form-row input[type=checkbox]").formCheckBoxes();
  62
  63           // hide label for captcha field
  64           $("label[for=id_recaptcha_challenge_field]").closest('.form-row').hide();
  65     })
  66   </script>
  67
  68     {% if CLOUDBAR_ACTIVE %}
  69         {{ CLOUDBAR_CODE }}
  70     {% endif %}
  71 </head>
  72
  73 <body>
  74     <div class="container">
  75             <div class="wrapper">
  76                 {% if messages or EXTRA_MESSAGES_SET %}
  77                 <div class="top-msg active">
  78                     {% block extra_messages %}{% endblock %}
  79                     {% for message in messages %}
  80                     <div{% if message.tags %}
  81                         class="msg {{ message.tags }}"{% endif %}>
  82                         {{ message|safe }}</div>
  83                     {% endfor %}
  84                     <a href="#" title="close" class="close">X</a>
  85                 </div>
  86                 {% endif %}
  87                 <div class="mainlogo">
  88                         <a href="/im/">
  89                                 <img src="{{ IM_STATIC_URL }}images/accounts-logo.png" alt="accounts" />
  90                         </a>
  91                 </div>
  92             {% block page.nav %}
  93             <div class="navigation">
  94                     <ul>
  95                         {% block page.nav.items %}
  96                         {% endblock %}
  97                     </ul>
  98                     <ul>
  99                         {% block page.subnav %}{%endblock %}
 100                     </ul>
 101             </div>
 102             {% endblock %}
 103                 <div class="content">
 104                     {% block page.body %}
 105                         <div class="full">
 106                             {% block body %}
 107                             {% endblock %}
 108                         </div>
 109                     {% endblock %}
 110                 </div>
 111            </div>
 112     </div>
 113     <div class="footer">
 114         <div class="wrapper">
 115                 {% include "im/footer.html" %}
 116         </div>
 117     </div>
 118
 119 </body>
 120 </html>