root / templates / base.html @ 36f33c88
History | View | Annotate | Download (6.3 kB)
| 1 |
{% load i18n %}
|
|---|---|
| 2 |
<!DOCTYPE html>
|
| 3 |
<html>
|
| 4 |
<head>
|
| 5 |
<title>{% block title %}eduroam | gr{% endblock %}</title> |
| 6 |
<link href="/static/css/bootstrap.min.css" rel="stylesheet"> |
| 7 |
|
| 8 |
<link href="/static/css/style.css" rel="stylesheet"> |
| 9 |
|
| 10 |
|
| 11 |
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| 12 |
<link REL="shortcut icon" HREF="/static/img/favicon.ico"> |
| 13 |
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="/static/img/edu144-icon.png"> |
| 14 |
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="/static/img/edu114-icon.png"> |
| 15 |
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="/static/img/edu72-icon.png"> |
| 16 |
<link rel="apple-touch-icon-precomposed" href="/static/img/edu-icon.png"> |
| 17 |
<style type="text/css"> |
| 18 |
body {
|
| 19 |
padding-top: 90px; |
| 20 |
/*padding-bottom: 60px;*/ |
| 21 |
} |
| 22 |
|
| 23 |
.sidebar-nav {
|
| 24 |
padding: 9px 0; |
| 25 |
} |
| 26 |
|
| 27 |
.headtitle {
|
| 28 |
font-family: "Franklin Gothic Demi", "Franklin Gothic", |
| 29 |
"ITC Franklin Gothic", Arial, sans-serif; |
| 30 |
letter-spacing: -1px; |
| 31 |
} |
| 32 |
|
| 33 |
#logotitle,#logotitle.a {
|
| 34 |
color: #656565; |
| 35 |
font-size: 18px; |
| 36 |
font-weight: bold; |
| 37 |
left: 105px; |
| 38 |
position: relative; |
| 39 |
top: 60px; |
| 40 |
font-family: "Franklin Gothic Demi", "Franklin Gothic", |
| 41 |
"ITC Franklin Gothic", Arial, sans-serif; |
| 42 |
letter-spacing: -1px; |
| 43 |
width: 300px; |
| 44 |
" |
| 45 |
} |
| 46 |
.navbar .brand { max-height: 40px; overflow: visible;padding-top: 0;padding-bottom: 0; }
|
| 47 |
</style>
|
| 48 |
<link href="/static/css/bootstrap-responsive.min.css" rel="stylesheet"> |
| 49 |
<script type="text/javascript" src="/static/js/jquery.min.js"></script> |
| 50 |
<script src="/static/js/bootstrap.min.js"></script> |
| 51 |
<script type="text/javascript"> |
| 52 |
|
| 53 |
function setlang(lang){
|
| 54 |
$("#langsel").val(lang);
|
| 55 |
$("#langform").submit();
|
| 56 |
|
| 57 |
}
|
| 58 |
|
| 59 |
</script>
|
| 60 |
{% block extrahead %}{% endblock %}
|
| 61 |
</head>
|
| 62 |
<body>
|
| 63 |
|
| 64 |
<div class="navbar navbar-fixed-top"> |
| 65 |
|
| 66 |
<div class="navbar-inner"> |
| 67 |
<div class="container-fluid" style="padding-left: 0px; width: auto;"> |
| 68 |
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> |
| 69 |
<span class="icon-bar"></span> |
| 70 |
<span class="icon-bar"></span> |
| 71 |
<span class="icon-bar"></span> |
| 72 |
</a>
|
| 73 |
<a class="brand visible-desktop" href="{% block logourl %}{% url index %}{% endblock %}"><img src="/static/img/logo_holder.png" /></a> |
| 74 |
<a class="brand hidden-desktop" href="{% url index %}"><img src="/static/img/logo_small.png" /></a> |
| 75 |
<div class="nav-collapse collapse"> |
| 76 |
{% block topmenu %}
|
| 77 |
<ul class="nav"> |
| 78 |
<li {% block %}{% endblock %}> |
| 79 |
<a href="{% url index %}">Home</a> |
| 80 |
</li>
|
| 81 |
<li {% block %}{% endblock %}> |
| 82 |
<a href="/faq/{{LANGUAGE_CODE}}/">FAQ</a> |
| 83 |
</li>
|
| 84 |
<li {% block %}{% endblock %}> |
| 85 |
<a href="{% url manage %}" style="padding-top: 3px; padding-bottom: 0px;">{% trans "Manage" %}<img class="hidden-phone" src="/static/img/image_shibboleth_logo_color.png" style="padding: 0px;"></a> |
| 86 |
</li>
|
| 87 |
|
| 88 |
</ul>
|
| 89 |
{% endblock %}
|
| 90 |
<ul class="nav pull-right"> |
| 91 |
<li class="dropdown pull-right"> |
| 92 |
<a href="#" class="dropdown-toggle" data-toggle="dropdown">{% trans "Language" %}: {% for lang in LANGUAGES %}{% ifequal LANGUAGE_CODE lang.0 %}{% trans lang.1 %}{% endifequal %}{% endfor %}<b class="caret"></b></a> |
| 93 |
<ul class="dropdown-menu"> |
| 94 |
<form action="{% url django.views.i18n.set_language %}" method="post" style="display:inline;" id="langform"> |
| 95 |
{% csrf_token %}
|
| 96 |
<input name="next" type="hidden" value="{{ next }}" /> |
| 97 |
<input id="langsel" name="language" type="hidden" value="" /> |
| 98 |
</form>
|
| 99 |
{% for lang in LANGUAGES %}
|
| 100 |
<li>
|
| 101 |
<a class="select_lang" href="#" onclick="setlang('{{ lang.0 }}'); return false;" title="{{lang.1}}">{% trans lang.1 %}{% ifequal LANGUAGE_CODE lang.0 %} <i class="icon-ok"></i>{% endifequal %}</a> |
| 102 |
</li>
|
| 103 |
{% endfor %}
|
| 104 |
</ul>
|
| 105 |
</li>
|
| 106 |
<li class="hidden-phone"> |
| 107 |
<a href="http://www.grnet.gr" style="padding: 0px; margin: 0px;"><img src="/static/img/grnet_small.png"></a> |
| 108 |
</li>
|
| 109 |
</ul>
|
| 110 |
</div>
|
| 111 |
</div>
|
| 112 |
</div>
|
| 113 |
</div>
|
| 114 |
|
| 115 |
{% block content %}
|
| 116 |
<div class="container-fluid"> |
| 117 |
<div class="row-fluid"> |
| 118 |
<div class="span2"> |
| 119 |
<div class="well sidebar-nav"> |
| 120 |
<ul class="nav nav-list"> |
| 121 |
|
| 122 |
<li {% block %}{% endblock %}><a href="{% url index %}">{% trans "Home" %}</a></li> |
| 123 |
<li class="nav-header">{% trans "USERS" %}</li> |
| 124 |
<li {% block %}{% endblock %}><a href="/what/{{LANGUAGE_CODE}}/">{% trans "The service" %}</a></li> |
| 125 |
<li {% block %}{% endblock %}><a href="/faq/{{LANGUAGE_CODE}}/">FAQ</a></li> |
| 126 |
<li class="nav-header">{% trans "INSTITUTIONS" %}</li> |
| 127 |
<li {% block %}{% endblock %}><a href="{% url manage %}">{% trans "Management" %}</a></li> |
| 128 |
<li class="nav-header">{% trans "SERVICE" %}</li> |
| 129 |
<li {% block %}{% endblock %}><a href="{% url geolocate %}" target="about:blank()">{% trans "Closest eduroam" %}</a></li> |
| 130 |
<li {% block %}{% endblock %}><a href="{% url world %}">{% trans "World eduroam" %}</a></li> |
| 131 |
<li {% block %}{% endblock %}><a href="{% url participants %}">{% trans "Participants" %}</a></li> |
| 132 |
|
| 133 |
</ul>
|
| 134 |
</div><!--/.well --> |
| 135 |
<div class="hidden-phone"><img src="/static/img/keep_calm_eduroam_small.png"></div> |
| 136 |
</div><!--/span--> |
| 137 |
|
| 138 |
|
| 139 |
<div class="span10"> |
| 140 |
<div class="row-fluid"> |
| 141 |
<!--/span-->
|
| 142 |
|
| 143 |
{% block subcontent %}
|
| 144 |
{% endblock %}
|
| 145 |
|
| 146 |
<!--/span-->
|
| 147 |
</div><!--/row--> |
| 148 |
</div><!--/span--> |
| 149 |
|
| 150 |
</div><!--/span--> |
| 151 |
</div><!--/row--> |
| 152 |
</div><!--/.fluid-container--> |
| 153 |
{% endblock %}
|
| 154 |
{% block footer %}
|
| 155 |
<hr>
|
| 156 |
<footer class="footer"> |
| 157 |
<div class="container"> |
| 158 |
<p>Designed and developed by <a href="http://noc.grnet.gr/" target="_blank">GRNET NOC</a></p> |
| 159 |
<ul class="footer-links"> |
| 160 |
{% comment %}<li><a href="#">Terms</a></li>{% endcomment %}
|
| 161 |
{% if user.is_authenticated %}
|
| 162 |
<li>If you have any questions or need help, contact GRNET Helpdesk at <a href="mailto: helpdesk@grnet.gr">heldesk.grnet.gr</a> or 800-11-47638</li> |
| 163 |
{% endif %}
|
| 164 |
</ul>
|
| 165 |
</div>
|
| 166 |
</footer>
|
| 167 |
{% endblock %}
|
| 168 |
</body>
|
| 169 |
</html>
|