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

   1 <!doctype html>
   2 <!--[if lt IE 7 ]> <html lang="en" class="no-js ie6"> <![endif]-->
   3 <!--[if IE 7 ]>    <html lang="en" class="no-js ie7"> <![endif]-->
   4 <!--[if IE 8 ]>    <html lang="en" class="no-js ie8"> <![endif]-->
   5 <!--[if (gte IE 9)|!(IE)]><!--> <html lang="en" class="no-js"> <!--<![endif]-->
   6 <head>
   7   {% block starthead %}{% endblock starthead %}
   8   <meta charset="UTF-8">
   9
  10   <meta http-equiv="X-UA-Compatible" content="{{ resource.meta.compatibility }}">
  11
  12   <title>
  13      {% block page.title %}{% endblock %} / GRNET Cloud Accounts
  14   </title>
  15
  16   <meta name="description" content="">
  17   <meta name="author" content="">
  18   <meta name="viewport" content="">
  19
  20   {% block page.js %}
  21   <!-- Le HTML5 shim, for IE6-8 support of HTML elements -->
  22   <!--[if lt IE 9]>
  23       <script src="{{ IM_STATIC_URL }}js/html5.js"></script>
  24   <![endif]-->
  25   {% endblock %}
  26
  27   {% block page.favicons %}
  28   <link rel="shortcut icon" href="">
  29   <link rel="apple-touch-icon" href="">
  30   {% endblock page.favicons %}
  31
  32   {% block page.css %}
  33       <link href='https://fonts.googleapis.com/css?family=Antic'
  34         rel='stylesheet' type='text/css'>
  35       <link rel="stylesheet" href="{{ IM_STATIC_URL }}css/styles.css"
  36         type='text/css'>
  37       <link rel="stylesheet" href="{{ IM_STATIC_URL }}css/custom.css"
  38         type='text/css'>
  39   {% endblock page.css %}
  40
  41   {% block headjs %}
  42       <script src="{{ IM_STATIC_URL }}js/modernizr-2.0.6.js"
  43           type="text/javascript"></script>
  44       <script src="{{ IM_STATIC_URL }}js/jquery.js"
  45           type="text/javascript"></script>
  46       <script src="{{ IM_STATIC_URL }}js/jquery.infieldlabel.js"
  47           type="text/javascript"></script>
  48       <script src="{{ IM_STATIC_URL }}js/forms.js"
  49           type="text/javascript"></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='header'>
  76             <div class="mainlogo">
  77                 <h1>accounts</h1>
  78             </div>
  79
  80             {% block page.nav %}
  81             <div class="navigation">
  82             <ul class="mainnav inline">
  83                 {% block page.nav.items %}
  84                 {% endblock %}
  85             </ul>
  86             <ul class="mainnav inline subnav">
  87                 {% block page.subnav %}{%endblock %}
  88             </ul>
  89             </div>
  90             {% endblock %}
  91         </div>
  92         {% if messages or LOGIN_MESSAGES %}
  93         <ul class="messages">
  94             {% block extra_messages %}{% endblock %}
  95             {% for message in messages %}
  96             <li{% if message.tags %}
  97                 class="{{ message.tags }}"{% endif %}>
  98                 {{ message }}</li>
  99             {% endfor %}
 100         </ul>
 101         {% endif %}
 102         <div class="page">
 103             {% block page.body %}
 104                 <div class="maincol">
 105                     {% block body %}
 106                     {% endblock %}
 107                 </div>
 108             {% endblock %}
 109         </div>
 110     </div>
 111     <div class="footer">
 112     </div>
 113 </body>
 114 </html>