root / templates / base.html @ ee184d58
History | View | Annotate | Download (5.2 kB)
1 |
{% load i18n %} |
---|---|
2 |
<!DOCTYPE html>
|
3 |
<html>
|
4 |
<head>
|
5 |
<title>{% block title %}eduroam@Greece{% endblock %}</title> |
6 |
<link href="/static/css/bootstrap.min.css" rel="stylesheet"> |
7 |
<link href="/static/css/style.css" rel="stylesheet"> |
8 |
<style type="text/css"> |
9 |
body { |
10 |
padding-top: 100px; |
11 |
padding-bottom: 60px; |
12 |
} |
13 |
|
14 |
.sidebar-nav { |
15 |
padding: 9px 0; |
16 |
} |
17 |
|
18 |
.headtitle { |
19 |
font-family: "Franklin Gothic Demi", "Franklin Gothic", |
20 |
"ITC Franklin Gothic", Arial, sans-serif; |
21 |
letter-spacing: -1px; |
22 |
} |
23 |
|
24 |
#logotitle,#logotitle.a { |
25 |
color: #656565; |
26 |
font-size: 18px; |
27 |
font-weight: bold; |
28 |
left: 105px; |
29 |
position: relative; |
30 |
top: 60px; |
31 |
font-family: "Franklin Gothic Demi", "Franklin Gothic", |
32 |
"ITC Franklin Gothic", Arial, sans-serif; |
33 |
letter-spacing: -1px; |
34 |
width: 300px; |
35 |
" |
36 |
} |
37 |
.navbar .brand { max-height: 40px; overflow: visible;padding-top: 0;padding-bottom: 0; } |
38 |
</style>
|
39 |
<script type="text/javascript" src="/static/js/jquery.min.js"></script> |
40 |
<script src="/static/js/bootstrap.min.js"></script> |
41 |
<script type="text/javascript"> |
42 |
|
43 |
function setlang(lang){
|
44 |
$("#langsel").val(lang);
|
45 |
$("#langform").submit();
|
46 |
|
47 |
}
|
48 |
|
49 |
</script>
|
50 |
{% block extrahead %}{% endblock %} |
51 |
</head>
|
52 |
<body>
|
53 |
{% comment %} |
54 |
<div class="navbar navbar-fixed-top"> |
55 |
<p class="navbar-text pull-left"> |
56 |
<a class="brand2" href="#" |
57 |
style="position: absolute; top: 0px; left: 15px;"> <img |
58 |
src="/static/img/grnet_logo3.png" |
59 |
style="position: absolute; top: 10px; left: 10px; max-width: none;"> |
60 |
</a>
|
61 |
</p>
|
62 |
<div class="navbar-inner"> |
63 |
<div class="container-fluid"> |
64 |
<div class="nav-collapse collapse"> |
65 |
<p class="navbar-text pull-left"> |
66 |
<a class="brand" href="#"> <img src="/static/img/pixelrow.png"> |
67 |
</a>
|
68 |
</p>
|
69 |
<div
|
70 |
style="text-align: center; margin: auto; top: 3px; float: none;" |
71 |
class="nav"> |
72 |
<a href="{% url index %}" style="height: 200px;"><img |
73 |
src="/static/img/eduroam_trans_248pix.png"></a> |
74 |
</div>
|
75 |
</div>
|
76 |
</div>
|
77 |
</div>
|
78 |
</div>
|
79 |
{% endcomment %} |
80 |
<div class="navbar navbar-fixed-top"> |
81 |
|
82 |
<div class="navbar-inner"> |
83 |
<div class="container" style="padding-left: 0px; width: auto;"> |
84 |
<a class="brand" href="#"><img src="/static/img/logo_holder.png" /></a> |
85 |
{% block topmenu %} |
86 |
<ul class="nav"> |
87 |
<li {% block %}{% endblock %}> |
88 |
<a href="{% url index %}">Home</a> |
89 |
</li>
|
90 |
<li {% block %}{% endblock %}> |
91 |
<a href="/faq/{{LANGUAGE_CODE}}/">FAQ</a> |
92 |
</li>
|
93 |
<li {% block %}{% endblock %}> |
94 |
<a href="{% url login %}" style="padding-top: 3px; padding-bottom: 0px;">{% trans "Manage" %}<img src="/static/img/image_shibboleth_logo_color.png" style="padding: 0px;"></a> |
95 |
</li>
|
96 |
|
97 |
</ul>
|
98 |
{% endblock %} |
99 |
<ul class="nav pull-right"> |
100 |
<li class="dropdown pull-right"> |
101 |
<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> |
102 |
<ul class="dropdown-menu"> |
103 |
<form action="{% url django.views.i18n.set_language %}" method="post" style="display:inline;" id="langform"> |
104 |
{% csrf_token %} |
105 |
<input name="next" type="hidden" value="{{ next }}" /> |
106 |
<input id="langsel" name="language" type="hidden" value="" /> |
107 |
</form>
|
108 |
{% for lang in LANGUAGES %} |
109 |
<li>
|
110 |
<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> |
111 |
</li>
|
112 |
{% endfor %} |
113 |
</ul>
|
114 |
</li>
|
115 |
<li>
|
116 |
<a href="http://www.grnet.gr" style="padding: 0px; margin: 0px;"><img src="/static/img/grnet_small.png"></a> |
117 |
</li>
|
118 |
</ul>
|
119 |
|
120 |
</div>
|
121 |
</div>
|
122 |
</div>
|
123 |
|
124 |
{% block content %} |
125 |
<div class="container-fluid"> |
126 |
<div class="row-fluid"> |
127 |
<div class="span2"> |
128 |
<div class="well sidebar-nav"> |
129 |
<ul class="nav nav-list"> |
130 |
|
131 |
<li {% block %}{% endblock %}><a href="{% url index %}">{% trans "Home" %}</a></li> |
132 |
<li {% block %}{% endblock %}><a href="{% url geolocate %}" target="about:blank()">Closest</a></li> |
133 |
<li {% block %}{% endblock %}><a href="/faq/{{LANGUAGE_CODE}}/">FAQ</a></li> |
134 |
<li {% block %}{% endblock %}><a href="/what/{{LANGUAGE_CODE}}/">{% trans "What" %}?</a></li> |
135 |
<li {% block %}{% endblock %}><a href="#">{% trans "What" %}?</a></li> |
136 |
<li class="nav-header">Institutions</li> |
137 |
<li {% block %}{% endblock %}><a href="{% url manage %}">{% trans "Management" %}</a></li> |
138 |
</ul>
|
139 |
</div><!--/.well --> |
140 |
<div><img src="/static/img/keep_calm_eduroam_small.png"></div> |
141 |
</div><!--/span--> |
142 |
|
143 |
|
144 |
<div class="span10"> |
145 |
<div class="row-fluid"> |
146 |
<!--/span-->
|
147 |
|
148 |
{% block subcontent %} |
149 |
{% endblock %} |
150 |
|
151 |
<!--/span-->
|
152 |
</div><!--/row--> |
153 |
</div><!--/span--> |
154 |
|
155 |
</div><!--/span--> |
156 |
</div><!--/row--> |
157 |
|
158 |
<hr>
|
159 |
|
160 |
<footer>
|
161 |
<p>© @ GRNET NOC 2012</p> |
162 |
</footer>
|
163 |
|
164 |
</div><!--/.fluid-container--> |
165 |
{% endblock %} |
166 |
</body>
|
167 |
</html>
|