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