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="">
  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       <!--[if lte IE 7]>
  33             <link rel="stylesheet" type="text/css" href="{{ IM_STATIC_URL }}css/ie7.css">
  34       <![endif]-->
  35       <link rel="stylesheet" media="screen and (max-width: 960px)" href="{{ IM_STATIC_URL }}css/max960.css"/>
  36       <link rel="stylesheet" media="screen and (max-width: 768px)" href="{{ IM_STATIC_URL }}css/max768.css"/>
  37       <link rel="stylesheet" media="screen and (max-width: 480px)" href="{{ IM_STATIC_URL }}css/max480.css"/>
  38   {% endblock page.css %}
  39
  40   {% block headjs %}
  41           <script src="{{ IM_STATIC_URL }}js/jquery-1.7.1.min.js"></script>
  42           <script src="{{ IM_STATIC_URL }}js/jquery.dropkick-1.0.0.js"></script>
  43           <script src="{{ IM_STATIC_URL }}js/os.js"></script>
  44       <script src="{{ IM_STATIC_URL }}js/modernizr-2.0.6.js"></script>
  45       <script src="{{ IM_STATIC_URL }}js/jquery.js"></script>
  46       <script src="{{ IM_STATIC_URL }}js/jquery.infieldlabel.js"></script>
  47       <script src="{{ IM_STATIC_URL }}js/forms.js"></script>
  48       <script src="{{ IM_STATIC_URL }}js/common.js"></script>
  49   {% endblock headjs %}
  50   {% block endhead %}{% endblock endhead %}
  51
  52   <script type="text/javascript">
  53       $(document).ready(function() {
  54           $("form.innerlabels label").inFieldLabels();
  55           $("form").each(function(){
  56             if ($(this).hasClass("login")) { return }
  57             $(this).find("input").attr("autocomplete","off");
  58           })
  59           $("form .form-row").formErrors();
  60           $("form .form-row input[type=checkbox]").formCheckBoxes();
  61
  62           // hide label for captcha field
  63           $("label[for=id_recaptcha_challenge_field]").closest('.form-row').hide();
  64     })
  65   </script>
  66
  67     {% if CLOUDBAR_ACTIVE %}
  68         {{ CLOUDBAR_CODE }}
  69     {% endif %}
  70 </head>
  71
  72 <body>
  73     <div class="container">
  74             <div class="wrapper">
  75                 {% if messages or LOGIN_MESSAGES %}
  76                 <div class="top-msg active">
  77                     {% block extra_messages %}{% endblock %}
  78                     {% for message in messages %}
  79                     <div{% if message.tags %}
  80                         class="msg {{ message.tags }}"{% endif %}>
  81                         {{ message|safe }}</div>
  82                     {% endfor %}
  83                     <a href="#" title="close" class="close">X</a>
  84                 </div>
  85                 {% endif %}
  86                 <div class="mainlogo">
  87                         <a href="/im/">
  88                                 <img src="{{ IM_STATIC_URL }}images/accounts-logo.png" alt="accounts" />
  89                         </a>
  90                 </div>
  91             {% block page.nav %}
  92             <div class="navigation">
  93                     <ul>
  94                         {% block page.nav.items %}
  95                         {% endblock %}
  96                     </ul>
  97                     <ul>
  98                         {% block page.subnav %}{%endblock %}
  99                     </ul>
 100             </div>
 101             {% endblock %}
 102
 103
 104                 <div class="content">
 105                     {% block page.body %}
 106                         <div class="full">
 107                             {% block body %}
 108                             {% endblock %}
 109                         </div>
 110                     {% endblock %}
 111                 </div>
 112            </div>
 113     </div>
 114     <div class="footer">
 115         <div class="wrapper">
 116                 {% include "im/footer.html" %}
 117         </div>
 118     </div>
 119
 120 </body>
 121 </html>