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

   1 {% load astakos_tags %}<!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=Didact+Gothic&subset=latin' 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       <link rel="stylesheet" type="text/css" href="{{ IM_STATIC_URL }}css/jquery-ui-1.8.21.custom.css"/>
  40
  41   {% endblock page.css %}
  42
  43   {% block headjs %}
  44           <script src="{{ IM_STATIC_URL }}js/jquery-1.7.1.min.js"></script>
  45
  46           <script src="{{ IM_STATIC_URL }}js/os.js"></script>
  47       <script src="{{ IM_STATIC_URL }}js/modernizr-2.0.6.js"></script>
  48       <script src="{{ IM_STATIC_URL }}js/jquery.js"></script>
  49       <script src="{{ IM_STATIC_URL }}js/jquery.infieldlabel.js"></script>
  50       <script src="{{ IM_STATIC_URL }}js/forms.js"></script>
  51       <script src="{{ IM_STATIC_URL }}js/common.js"></script>
  52   {% endblock headjs %}
  53   {% block endhead %}{% endblock endhead %}
  54
  55   <script type="text/javascript">
  56       $(document).ready(function() {
  57           $("form.innerlabels label").inFieldLabels();
  58           $("form").each(function(){
  59             if ($(this).hasClass("login")) { return }
  60             $(this).find("input").attr("autocomplete","off");
  61           })
  62           $("form .form-row").formErrors();
  63           $("form .form-row input[type=checkbox]").formCheckBoxes();
  64
  65           // hide label for captcha field
  66           $("label[for=id_recaptcha_challenge_field]").closest('.form-row').hide();
  67     })
  68   </script>
  69
  70     {% if CLOUDBAR_ACTIVE %}
  71         {{ CLOUDBAR_CODE }}
  72     {% endif %}
  73 </head>
  74
  75 <body>
  76     <div class="container">
  77         <div class="wrapper">
  78
  79             {% display_messages %}
  80
  81                 <div class="mainlogo">
  82                 <a href="{% url astakos.im.views.index %}">
  83                                 <img src="{{ IM_STATIC_URL }}images/accounts-logo.png" alt="accounts" />
  84                         </a>
  85                 </div>
  86             {% block page.nav %}
  87             <div class="navigation">
  88                     <ul>
  89                         {% block page.nav.items %}
  90                         {% endblock %}
  91                     </ul>
  92                     <ul>
  93                         {% block page.subnav %}{%endblock %}
  94                     </ul>
  95             </div>
  96             {% endblock %}
  97                 <div class="content">
  98                     {% block page.body %}
  99                         <div class="full">
 100                             {% block body %}
 101                             {% endblock %}
 102                         </div>
 103                     {% endblock %}
 104                 </div>
 105            </div>
 106     </div>
 107     <div class="footer">
 108         <div class="wrapper">
 109                 {% include "im/footer.html" %}
 110         </div>
 111     </div>
 112
 113 </body>
 114 </html>