root / templates / base.html @ 4f6197de
History | View | Annotate | Download (7.4 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 |
</script>
|
49 |
{% block extrahead %}{% endblock %} |
50 |
</head>
|
51 |
<body>
|
52 |
{% comment %} |
53 |
<div class="navbar navbar-fixed-top"> |
54 |
<p class="navbar-text pull-left"> |
55 |
<a class="brand2" href="#" |
56 |
style="position: absolute; top: 0px; left: 15px;"> <img |
57 |
src="/static/img/grnet_logo3.png" |
58 |
style="position: absolute; top: 10px; left: 10px; max-width: none;"> |
59 |
</a>
|
60 |
</p>
|
61 |
<div class="navbar-inner"> |
62 |
<div class="container-fluid"> |
63 |
<div class="nav-collapse collapse"> |
64 |
<p class="navbar-text pull-left"> |
65 |
<a class="brand" href="#"> <img src="/static/img/pixelrow.png"> |
66 |
</a>
|
67 |
</p>
|
68 |
<div
|
69 |
style="text-align: center; margin: auto; top: 3px; float: none;" |
70 |
class="nav"> |
71 |
<a href="{% url index %}" style="height: 200px;"><img |
72 |
src="/static/img/eduroam_trans_248pix.png"></a> |
73 |
</div>
|
74 |
</div>
|
75 |
</div>
|
76 |
</div>
|
77 |
</div>
|
78 |
{% endcomment %} |
79 |
<div class="navbar navbar-fixed-top"> |
80 |
|
81 |
<div class="navbar-inner"> |
82 |
<div class="container" style="padding-left: 0px; width: auto;"> |
83 |
<a class="brand" href="#"><img src="/static/img/logo_holder.png" /></a> |
84 |
|
85 |
<ul class="nav"> |
86 |
<li class="active"> |
87 |
<a href="#">Home</a> |
88 |
</li>
|
89 |
<li>
|
90 |
<a href="#">Link</a> |
91 |
</li>
|
92 |
<li>
|
93 |
<a href="#">Link</a> |
94 |
</li>
|
95 |
|
96 |
</ul>
|
97 |
<ul class="nav pull-right"> |
98 |
<li class="dropdown pull-right"> |
99 |
<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> |
100 |
<ul class="dropdown-menu"> |
101 |
<form action="{% url django.views.i18n.set_language %}" method="post" style="display:inline;" id="langform"> |
102 |
{% csrf_token %} |
103 |
<input name="next" type="hidden" value="{{ next }}" /> |
104 |
<input id="langsel" name="language" type="hidden" value="" /> |
105 |
</form>
|
106 |
{% for lang in LANGUAGES %} |
107 |
<li>
|
108 |
<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> |
109 |
</li>
|
110 |
{% endfor %} |
111 |
</ul>
|
112 |
</li>
|
113 |
<li>
|
114 |
<a href="http://www.grnet.gr" style="padding: 0px; margin: 0px;"><img src="/static/img/grnet_small.png"></a> |
115 |
</li>
|
116 |
</ul>
|
117 |
|
118 |
</div>
|
119 |
</div>
|
120 |
</div>
|
121 |
|
122 |
{% block content %} |
123 |
<div class="container-fluid"> |
124 |
<div class="row-fluid"> |
125 |
<div class="span3"> |
126 |
<div class="well sidebar-nav"> |
127 |
<ul class="nav nav-list"> |
128 |
<li class="nav-header">Sidebar</li> |
129 |
<li class="active"><a href="#">Link</a></li> |
130 |
<li><a href="#">Link</a></li> |
131 |
<li><a href="#">Link</a></li> |
132 |
<li><a href="#">Link</a></li> |
133 |
<li class="nav-header">Sidebar</li> |
134 |
<li><a href="#">Link</a></li> |
135 |
<li><a href="#">Link</a></li> |
136 |
<li><a href="#">Link</a></li> |
137 |
<li><a href="#">Link</a></li> |
138 |
<li><a href="#">Link</a></li> |
139 |
<li><a href="#">Link</a></li> |
140 |
<li class="nav-header">Admin Area</li> |
141 |
<li><a href="{% url manage %}">Login</a></li> |
142 |
|
143 |
</ul>
|
144 |
</div><!--/.well --> |
145 |
</div><!--/span--> |
146 |
<div class="span9"> |
147 |
|
148 |
|
149 |
<div class="span6"> |
150 |
<h4>EduroamGR Tweets</h4> |
151 |
<p><a class="twitter-timeline" href="https://twitter.com/eduroamGR" data-widget-id="247968968848056320" width="300" height="400">Tweets by @eduroamGR</a> |
152 |
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script> |
153 |
|
154 |
</p>
|
155 |
|
156 |
|
157 |
</div>
|
158 |
<div class="row-fluid"> |
159 |
<!--/span-->
|
160 |
<div class="span4"> |
161 |
<h4>Heading</h4> |
162 |
<p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p> |
163 |
<p><a class="btn" href="#">View details »</a></p> |
164 |
</div><!--/span--> |
165 |
<div class="span4"> |
166 |
<h4>Heading</h4> |
167 |
<p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p> |
168 |
<p><a class="btn" href="#">View details »</a></p> |
169 |
</div><!--/span--> |
170 |
</div><!--/row--> |
171 |
<div class="row-fluid"> |
172 |
<div class="span4"> |
173 |
<h4>Heading</h4> |
174 |
<p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p> |
175 |
<p><a class="btn" href="#">View details »</a></p> |
176 |
</div><!--/span--> |
177 |
<div class="span4"> |
178 |
<h2>Heading</h2> |
179 |
<p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p> |
180 |
<p><a class="btn" href="#">View details »</a></p> |
181 |
</div><!--/span--> |
182 |
<div class="span4"> |
183 |
<h2>Heading</h2> |
184 |
<p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p> |
185 |
<p><a class="btn" href="#">View details »</a></p> |
186 |
</div><!--/span--> |
187 |
</div><!--/row--> |
188 |
</div><!--/span--> |
189 |
</div><!--/row--> |
190 |
|
191 |
<hr>
|
192 |
|
193 |
<footer>
|
194 |
<p>© Company 2012</p> |
195 |
</footer>
|
196 |
|
197 |
</div><!--/.fluid-container--> |
198 |
{% endblock %} |
199 |
</body>
|
200 |
</html>
|