Revision 2788460f djnro/templates/base.html
b/djnro/templates/base.html | ||
---|---|---|
3 | 3 |
<!DOCTYPE html> |
4 | 4 |
<html> |
5 | 5 |
<head> |
6 |
<title>{% block title %}eduroam | {{COUNTRY_CODE}}{% endblock %} : {% block currentpagetitle %}{% endblock %}</title> |
|
7 |
<link href="{% static 'css/bootstrap.min.css' %}" rel="stylesheet"> |
|
8 |
|
|
9 |
<link href="{% static 'css/style.css' %}" rel="stylesheet"> |
|
10 |
|
|
6 |
<title>{% block title %}EDUROAM | {{COUNTRY_CODE}}{% endblock %} : {% block currentpagetitle %}{% endblock %}</title> |
|
11 | 7 |
|
12 | 8 |
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
13 | 9 |
<link REL="shortcut icon" HREF="{% static 'img/favicon.ico' %}"> |
... | ... | |
15 | 11 |
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="{% static 'img/edu114-icon.png' %}"> |
16 | 12 |
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="{% static 'img/edu72-icon.png' %}"> |
17 | 13 |
<link rel="apple-touch-icon-precomposed" href="{% static 'img/edu-icon.png' %}"> |
18 |
<style type="text/css"> |
|
19 |
body { |
|
20 |
padding-top: 90px; |
|
21 |
/*padding-bottom: 60px;*/ |
|
22 |
} |
|
23 |
|
|
24 |
.sidebar-nav { |
|
25 |
padding: 9px 0; |
|
26 |
} |
|
27 |
|
|
28 |
.headtitle { |
|
29 |
font-family: "Franklin Gothic Demi", "Franklin Gothic", |
|
30 |
"ITC Franklin Gothic", Arial, sans-serif; |
|
31 |
letter-spacing: -1px; |
|
32 |
} |
|
33 |
|
|
34 |
#logotitle,#logotitle.a { |
|
35 |
color: #656565; |
|
36 |
font-size: 18px; |
|
37 |
font-weight: bold; |
|
38 |
left: 105px; |
|
39 |
position: relative; |
|
40 |
top: 60px; |
|
41 |
font-family: "Franklin Gothic Demi", "Franklin Gothic", |
|
42 |
"ITC Franklin Gothic", Arial, sans-serif; |
|
43 |
letter-spacing: -1px; |
|
44 |
width: 300px; |
|
45 |
} |
|
46 |
.navbar .brand { max-height: 40px; overflow: visible;padding-top: 0;padding-bottom: 0; } |
|
47 |
.dropdown-menu.loginoptions a { |
|
48 |
width: 80px; |
|
49 |
display: inline-table; |
|
50 |
} |
|
51 |
</style> |
|
52 |
<link href="{% static 'css/bootstrap-responsive.min.css' %}" rel="stylesheet"> |
|
53 |
<script type="text/javascript" src="{% static 'js/jquery.min.js' %}"></script> |
|
54 |
<script src="{% static 'js/bootstrap.min.js' %}"></script> |
|
55 |
<script type="text/javascript"> |
|
56 |
|
|
57 |
function setlang(lang){ |
|
58 |
$("#langsel").val(lang); |
|
59 |
$("#langform").submit(); |
|
60 |
} |
|
61 |
|
|
62 |
</script> |
|
14 |
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css"> |
|
15 |
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet"> |
|
16 |
<link href="{% static 'css/style.css' %}" rel="stylesheet"> |
|
63 | 17 |
{% block extrahead %}{% endblock %} |
64 | 18 |
</head> |
65 |
<body> |
|
66 |
|
|
67 |
<div class="navbar navbar-fixed-top"> |
|
68 |
|
|
69 |
<div class="navbar-inner"> |
|
70 |
<div class="container-fluid" style="padding-left: 0px; width: auto;"> |
|
71 |
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> |
|
72 |
<span class="icon-bar"></span> |
|
73 |
<span class="icon-bar"></span> |
|
74 |
<span class="icon-bar"></span> |
|
75 |
</a> |
|
76 |
<a class="brand visible-desktop" href="{% block logourl %}{% url index %}{% endblock %}"><img src="{% static 'img/logo_holder.png' %}" /></a> |
|
77 |
<a class="brand hidden-desktop" href="{% url index %}"><img src="{% static 'img/logo_small.png' %}" /></a> |
|
78 |
<div class="nav-collapse collapse"> |
|
79 |
{% block topmenu %} |
|
80 |
<ul class="nav"> |
|
81 |
<li {% block hometop %}{% endblock %}> |
|
82 |
<a href="{% url index %}">{% trans "Home" %}</a> |
|
83 |
</li> |
|
84 |
<li {% block faqtop %}{% endblock %}> |
|
85 |
<a href="/faq/{{LANGUAGE_CODE}}/">FAQ</a> |
|
86 |
</li> |
|
87 |
|
|
88 |
|
|
89 |
{% include "front/management_dropdown.html" %} |
|
90 |
|
|
91 |
</ul> |
|
92 |
{% endblock %} |
|
93 |
<ul class="nav pull-right"> |
|
94 |
<li class="dropdown pull-right"> |
|
95 |
<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> |
|
96 |
<ul class="dropdown-menu"> |
|
97 |
<form action="{% url django.views.i18n.set_language %}" method="post" style="display:inline;" id="langform"> |
|
98 |
{% csrf_token %} |
|
99 |
<input name="next" type="hidden" value="{{ next }}" /> |
|
100 |
<input id="langsel" name="language" type="hidden" value="" /> |
|
101 |
</form> |
|
102 |
{% for lang in LANGUAGES %} |
|
103 |
<li> |
|
104 |
<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> |
|
19 |
<body class="{% block bodyclass %}{% endblock%}"> |
|
20 |
<div id="wrap"> |
|
21 |
{% block header %} |
|
22 |
<div class="push-top"></div> |
|
23 |
<nav class="navbar navbar-default navbar-fixed-top"> |
|
24 |
<div class="container"> |
|
25 |
<div class="navbar-header"> |
|
26 |
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"> |
|
27 |
<span class="sr-only">Toggle navigation</span> |
|
28 |
<span class="icon-bar"></span> |
|
29 |
<span class="icon-bar"></span> |
|
30 |
<span class="icon-bar"></span> |
|
31 |
</button> |
|
32 |
<a class="navbar-brand" href="/"><img src="{% static 'img/eduroam_logo.png' %}" /></a> |
|
33 |
</div> |
|
34 |
<div id="navbar" class="navbar-collapse collapse"> |
|
35 |
<ul class="nav navbar-nav"> |
|
36 |
<li class="{% block hometop %}{% endblock %}"><a href="{% url index %}">{% trans "Home" %}</a></li> |
|
37 |
<li class="{% block faqtop %}{% endblock %}"><a href="/faq/{{LANGUAGE_CODE}}/">FAQ</a></li> |
|
38 |
<li><a href="{% url manage %}"> {% trans "Manage" %}</a></li> |
|
39 |
</ul> |
|
40 |
<ul class="nav navbar-nav navbar-right"> |
|
41 |
<li class="dropdown"> |
|
42 |
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">{% trans "Language" %}: {% for lang in LANGUAGES %}{% ifequal LANGUAGE_CODE lang.0 %}{% trans lang.1 %}{% endifequal %}{% endfor %} <span class="caret"></span></a> |
|
43 |
<ul class="dropdown-menu"> |
|
44 |
<form action="{% url django.views.i18n.set_language %}" method="post" id="langform"> |
|
45 |
{% csrf_token %} |
|
46 |
<input name="next" type="hidden" value="{{ next }}" /> |
|
47 |
<input id="langsel" name="language" type="hidden" value="" /> |
|
48 |
</form> |
|
49 |
{% for lang in LANGUAGES %} |
|
50 |
<li class="language {% ifequal LANGUAGE_CODE lang.0 %}active{% endifequal %}" data-lang="{{ lang.0 }}" > |
|
51 |
<a href="#" title="{{lang.1}}">{% trans lang.1 %}</a> |
|
52 |
</li> |
|
53 |
{% endfor %} |
|
54 |
</ul> |
|
55 |
</li> |
|
56 |
<li class="dropdown"> |
|
57 |
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">{% trans "Institutions" %}<span class="caret"></span></a> |
|
58 |
<ul class="dropdown-menu"> |
|
59 |
<li class="{% block mgmt %}{% endblock %}"><a href="{% url managementPage %}">{% trans "Management" %}</a></li> |
|
60 |
</ul> |
|
105 | 61 |
</li> |
106 |
{% endfor %} |
|
107 |
</ul> |
|
108 |
</li> |
|
109 |
<li class="hidden-phone"> |
|
110 |
<a href="{{DOMAIN_MAIN_URL}}" style="padding: 0px; margin: 0px;"><img src="{% static 'img/right_logo_small.png' %}"></a> |
|
111 |
</li> |
|
112 |
</ul> |
|
113 |
</div> |
|
62 |
<li class="dropdown"> |
|
63 |
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">{% trans "Service" %}<span class="caret"></span></a> |
|
64 |
<ul class="dropdown-menu"> |
|
65 |
<li class="{% block closest %}{% endblock %}"><a href="{% url geolocate %}" target="_blank">{% trans "Closest eduroam" %}</a></li> |
|
66 |
<li class="{% block world %}{% endblock %}"><a href="{% url world %}">{% trans "World eduroam" %}</a></li> |
|
67 |
<li class="{% block participants %}{% endblock %}"><a href="{% url participants %}">{% trans "Participants" %}</a></li> |
|
68 |
<li><a href="https://apps.getpebble.com/applications/5384b2119c84af48350000c7">{% trans "pebduroam" %}</a></li> |
|
69 |
</ul> |
|
70 |
</li> |
|
71 |
<li > |
|
72 |
<li class="{% block api %}{% endblock %}"><a href="{% url api %}">{% trans "Closest point api" %}</a> |
|
73 |
</li> |
|
74 |
</ul> |
|
75 |
</div><!--/.nav-collapse --> |
|
76 |
</div> |
|
77 |
</nav> |
|
78 |
{% endblock %} |
|
79 |
|
|
80 |
{% block content %} |
|
81 |
<div class="container"> |
|
82 |
{% block subcontent %} |
|
83 |
{% endblock %} |
|
84 |
</div> |
|
85 |
{% endblock %} |
|
86 |
<div class="push"></div> |
|
114 | 87 |
</div> |
115 |
</div> |
|
116 |
</div> |
|
117 |
|
|
118 |
{% block content %} |
|
119 |
<div class="container-fluid"> |
|
120 |
<div class="row-fluid"> |
|
121 |
<div class="span2"> |
|
122 |
<div class="well sidebar-nav"> |
|
123 |
<ul class="nav nav-list"> |
|
124 |
|
|
125 |
<li {% block homepage %}{% endblock %}><a href="{% url index %}">{% trans "Home" %}</a></li> |
|
126 |
<li class="nav-header">{% trans "USERS" %}</li> |
|
127 |
<li {% block whatis %}{% endblock %}><a href="/what/{{LANGUAGE_CODE}}/">{% trans "The service" %}</a></li> |
|
128 |
<li {% block faq %}{% endblock %}><a href="/faq/{{LANGUAGE_CODE}}/">FAQ</a></li> |
|
129 |
<li class="nav-header">{% trans "INSTITUTIONS" %}</li> |
|
130 |
<li {% block mgmt %}{% endblock %}><a href="{% url managementPage %}">{% trans "Management" %}</a></li> |
|
131 |
<li class="nav-header">{% trans "SERVICE" %}</li> |
|
132 |
<li {% block closest %}{% endblock %}><a href="{% url geolocate %}" target="_blank">{% trans "Closest eduroam" %}</a></li> |
|
133 |
<li {% block world %}{% endblock %}><a href="{% url world %}">{% trans "World eduroam" %}</a></li> |
|
134 |
<li {% block participants %}{% endblock %}><a href="{% url participants %}">{% trans "Participants" %}</a></li> |
|
135 |
<li><a href="https://apps.getpebble.com/applications/5384b2119c84af48350000c7">{% trans "pebduroam" %}</a></li> |
|
136 |
<li class="nav-header">{% trans "API" %}</li> |
|
137 |
<li {% block api %}{% endblock %}><a href="{% url api %}">{% trans "Closest point" %}</a></li> |
|
138 |
|
|
139 |
</ul> |
|
140 |
</div><!--/.well --> |
|
141 |
<div class="hidden-phone"><img src="{% static 'img/keep_calm_eduroam_small.png' %}"></div> |
|
142 |
</div><!--/span--> |
|
143 |
|
|
144 |
|
|
145 |
<div class="span10"> |
|
146 |
<div class="row-fluid"> |
|
147 |
<!--/span--> |
|
148 |
|
|
149 |
{% block subcontent %} |
|
150 |
{% endblock %} |
|
151 |
|
|
152 |
<!--/span--> |
|
153 |
</div><!--/row--> |
|
154 |
</div><!--/span--> |
|
155 |
</div><!--/row--> |
|
156 |
</div><!--/.fluid-container--> |
|
157 |
{% endblock %} |
|
158 |
{% include "footer.html" %} |
|
159 |
</body> |
|
88 |
{% include "partial/footer.html" %} |
|
89 |
<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.4.min.js"></script> |
|
90 |
<script type="text/javascript" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script> |
|
91 |
<script type="text/javascript" src="{% static 'js/script.js' %}"></script> |
|
92 |
{% block extrajs %}{% endblock %} |
|
93 |
</body> |
|
160 | 94 |
</html> |
Also available in: Unified diff