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 .form-row").formErrors();
  57           $("form .form-row input[type=checkbox]").formCheckBoxes();
  58       })
  59   </script>
  60   <script>
  61     var CLOUDBAR_LOCATION = "{{ CLOUDBAR_LOC }}";
  62     var CLOUDBAR_COOKIE_NAME = "{{ CLOUDBAR_COOKIE_NAME }}";
  63     var CLOUDBAR_ACTIVE_SERVICE = '{{ CLOUDBAR_ACTIVE_SERVICE }}';
  64
  65     $(document).ready(function(){
  66       $.getScript(CLOUDBAR_LOCATION + 'cloudbar.js');
  67     })
  68   </script>
  69 </head>
  70
  71 <body>
  72     <div class='container'>
  73         <div class='header'>
  74             <div class="mainlogo">
  75                 <h1>accounts</h1>
  76             </div>
  77
  78             <ul class="mainnav inline quicknav">
  79                 {% comment %}{% block page.quicknav.items %}
  80                     <li class="{% block signup_class %}{% endblock %}">
  81                         <a href="{% url astakos.im.views.index %}">Login</a>
  82                     </li>
  83                     <li class="{% block signin_class %}{% endblock %}">
  84                         <a href="{% url astakos.im.views.signup %}">Sign up</a>
  85                     </li>
  86                 {% endblock %}{% endcomment %}
  87             </ul>
  88
  89             {% comment %}{% block page.nav %}
  90             <ul class="mainnav inline">
  91                 {% block page.nav.items %}
  92                 {% endblock %}
  93             </ul>
  94             {% endblock %}{% endcomment %}
  95         </div>
  96         <div class="page">
  97             {% if messages %}
  98             <ul class="messages">
  99                 {% for message in messages %}
 100                 <li{% if message.tags %}
 101                     class="{{ message.tags }}"{% endif %}>
 102                     {{ message }}</li>
 103                 {% endfor %}
 104             </ul>
 105             {% endif %}
 106             {% block page.body %}
 107                 <div class="maincol">
 108                     {% block body %}
 109                     {% endblock %}
 110                 </div>
 111             {% endblock %}
 112         </div>
 113     </div>
 114     <div class="footer">
 115     </div>
 116 </body>
 117 </html>