base.html 6.8 KB
Newer Older
Okhin's avatar
Okhin committed
1
2
{% load i18n %}
{% load bt %}
3
{% load bootstrap3 %}
Okhin's avatar
Okhin committed
4
<html>
5
6
7
8
9
10
11
12
13
14
15
16
17
	<head>
		<meta http-equiv="content-type" content="application/xhtml+xml; charset=utf-8" />
		<meta http-equiv="content-language" content="en" />
		<meta name="description" content="The Internet bugtracker" />
		<meta name="keywords" content="internet network neutrality" />
		<meta name="robots" content="archive,index,follow" />
		<meta name="viewport" content="width=device-width, initial-scale=1" />
		<title>{% block title %}[!] Respect My Net {% endblock %}</title>
		<link rel="alternate" type="application/atom+xml" title="Atom feed" href="{% url 'atom_output' %}" />
		<link rel="alternate" type="application/rss+xml" title="RSS feed" href="{% url 'rss_output' %}" />
		<meta http-equiv="content-language" content="{{LANGUAGE_CODE}}" />
		{% block rss %}
		{% endblock %}
Okhin's avatar
Okhin committed
18
		<link rel="stylesheet" type="text/css" media="all" href="/static/css/bootstrap.css" />
19
		<link rel="stylesheet" type="text/css" media="all" href="/static/css/style.css" />
Okhin's avatar
Okhin committed
20
		{% bootstrap_messages %}
21
22
23
24
		{% block styles %}
		{% endblock %}
	</head>
	<body>
Okhin's avatar
Okhin committed
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
		<div id="header">
			<h1><a href="{% url 'homepage' %}">Respect My Net <span>{% trans "name and shame operators restricting access to the Internet" %}</span></a></h1>
			<div id="user">
				<p>
				{% if user.is_authenticated %}
				{{ user.username }},
				<a href="{%root_url%}/accounts/logout">{% trans "Logout" %}</a>
				<span>or</span>
				<a href="{%root_url%}/admin/">{% trans "Admin" %}</a>
				{% block adminext %}
				{% endblock %}
				{% else %}
				<a href="{%root_url%}/admin/" id="login">{% trans "Login" %}</a>
				{% endif %}
				</p>
			</div>
		</div>
Okhin's avatar
Okhin committed
42

Okhin's avatar
Okhin committed
43
44
45
46
47
48
49
50
51
		<nav class="navbar navbar-default">
			<div class="container-fluid">
				<div class="navbar-header">
					<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#main-nav" aria-expanded="false">
						<span class="sr-only">{% trans "Toggle navgation" %}</span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
					</button>
52
					<a class="navbar-brand" href="/">Respect my net</a>
Okhin's avatar
Okhin committed
53
				</div>
Okhin's avatar
Okhin committed
54

Okhin's avatar
Okhin committed
55
56
57
58
59
60
				<div class="collapse navbar-collapse" id="main-nav">
					<ul class="nav navbar-nav">
						<li role="presentation" {% block active_tab_cases %}{% endblock %}><a href="{% url 'list_violations' %}">{% trans "Cases" %}</a></li>
						<li role="presentation" {% block active_tab_about %}{% endblock %}><a href="{%root_url%}/about">{% trans "What is Net Neutrality?" %}</a></li>
						<li role="presentation" {% block active_tab_start %}{% endblock %}><a href="{%root_url%}/start">{% trans "Start Monitoring" %}</a></li>
					</ul>
61
62
63
64
65
66
67
68
					<form action="/search/" method="get" class="navbar-form navbar-right">
						<div class="form-group">
							<input type="text" class="form-control" placeholder="Quick Search...">
						</div>
						{% buttons %}
							<button type="submit" class="btn btn-default">Search</button>
						{% endbuttons %}
					</form>
69
70
				</nav>
			</div>
Okhin's avatar
Okhin committed
71
		</div>
Okhin's avatar
Okhin committed
72

73
74
75
76
77
78
79
80
		{% if messages %}
			{% for message in messages %}
				<div class="alert alert-{{ message.tags }} alert-dismissible" role="alert">
					<button tye="button" class="close" data-dismiss="alert" aria-lable={% trans "Close" %}><span aria-hidden="true">&times;</span></button>
					{{message|safe}}
				</div>
			{% endfor %}
		{% endif %}
Okhin's avatar
Okhin committed
81
		<div id="wrapper">
82
			<div class="container-fluid">
83
84
85
86
87
88
89
90
91
92
93
94
				<div class="row">
					<div class="col-xs-12 col-md-8 col-md-offset-2">
						{% block content %}
						{% endblock %}
					</div>
				</div>
				<div class="row">
					<div class="col-xs-12 col-md-8 col-md-offset-2">
						{% block other_content %}
						{% endblock %}
					</div>
				</div>
95
96
97
98
99
			</div>
			<div id="push"></div>
		</div>
		<div id='footer'>
			{% block footer %}
Alfa's avatar
Alfa committed
100
101
			<p style="padding:25px 5% 10px 5%;">{% trans "RespectMyNet.eu is an online platform enabling citizens to become the watchmen of the Internet by reporting Net Neutrality violations. Everyone is invited to report undue blocking or throttling of their Internet access, and help  name and shame operators' harmful practices." %}</p>
		<ul style="padding:0; max-width:800px; margin:0 auto;">
piks3l's avatar
piks3l committed
102
103
104
105
106
107
		<li class="logo-org">
		    <a href="https://www.accessnow.org/">
		        <img alt="Access Now logo" src="/static/img/logos/accessnow.png" /><br>
		        Access Now
		    </a>
		</li>
Alfa's avatar
Alfa committed
108
109
		<li class="logo-org">
			<a href="https://www.laquadrature.net/">
Okhin's avatar
Okhin committed
110
				<img alt="LQDN logo" src="/static/img/logos/la-quadrature-du-net.png" /><br>
Alfa's avatar
Alfa committed
111
112
113
114
115
				La Quadrature du Net
			</a>
		</li>
		<li class="logo-org">
			<a href="https://www.bof.nl/">
Okhin's avatar
Okhin committed
116
				<img alt="BoF logo" src="/static/img/logos/Bits-of-Freedom.png" /><br>
Alfa's avatar
Alfa committed
117
118
119
				Bits of Freedom
			</a>
		</li>
piks3l's avatar
piks3l committed
120
121
122
123
124
125
		<li class="logo-org">
		    <a href="https://digitalegesellschaft.de">
		        <img alt="Digitale Gesellschaft logo" src="/static/img/logos/digiges.png" /><br>
		        Digitale Gesellschaft
		    </a>
		</li>
Alfa's avatar
Alfa committed
126
127
		<li class="logo-org">
			<a href="https://edri.org/">
Okhin's avatar
Okhin committed
128
				<img alt="EDRI logo" src="/static/img/logos/edri.png" /><br>
Alfa's avatar
Alfa committed
129
130
131
132
133
				European Digital Rights
			</a>
		</li>
		<li class="logo-org">
			<a href="https://netzfreiheit.org/">
Okhin's avatar
Okhin committed
134
				<img alt="Netzfreiheit logo" src="/static/img/logos/netzfreiheit.png" /><br>
Alfa's avatar
Alfa committed
135
136
137
				Initiative für Netzfreiheit
			</a>
		</li>
piks3l's avatar
piks3l committed
138
139
140
141
142
143
144
		<li class="logo-org">
		    <a href="https://itpol.dk/">
		        <img alt="IT-Politisk Forening logo" src="/static/img/logos/ITpollogo.png" /><br>
		        IT-Politisk Forening
		    </a>
		    
		</li>
Alfa's avatar
Alfa committed
145
146
		<li class="logo-org">
			<a href="http://nurpa.be/">
Okhin's avatar
Okhin committed
147
				<img alt="NURPA logo" src="/static/img/logos/nurpa.png" /><br>
Alfa's avatar
Alfa committed
148
149
150
151
152
				Nurpa
			</a>
		</li>
		<li class="logo-org">
			<a href="https://www.openrightsgroup.org/">
Okhin's avatar
Okhin committed
153
				<img alt="ORG logo" src="/static/img/logos/org.png" /><br>
Alfa's avatar
Alfa committed
154
155
156
157
158
				Open Rights Group
			</a>
		</li>
		<li class="logo-org">
			<a href="https://xnet-x.net">
Okhin's avatar
Okhin committed
159
				<img alt="Xnet logo" src="/static/img/logos/Xnet.png" /><br>
Alfa's avatar
Alfa committed
160
161
162
163
				Xnet
			</a>
		</li>
		</ul>
164
165
166
167
168
169
			{% endblock %}
		</div>
		<script type="text/javascript" src="/static/js/tinymce/tinyMCE/tinymce.min.js"></script>
		<script type="text/javascript" src="/static/js/jquery.min.js"></script>
		<script type="text/javascript" src="/static/js/jquery-ui.min.js"></script>
		<script type="text/javascript" src="/static/js/jquery.tablesorter.js"> </script>
Okhin's avatar
Okhin committed
170
		<script type="text/javascript" src="/static/js/jquery.tablesorter.widgets.js"></script>
171
172
173
174
175
		<script type="text/javascript" src="/static/js/picnet.table.filter.min.js"></script>
		<script type="text/javascript" src='/static/js/d3.min.js'></script>
		<script type="text/javascript" src='/static/js/topojson.min.js'></script>
		<script type="text/javascript" src='/static/js/datamaps.js'></script>
		<script type="text/javascript" src="/static/js/nnmon.js"></script>
Okhin's avatar
Okhin committed
176
		<script type="text/javascript" src="/static/js/bootstrap.js"></script>
177
178
179
		{% block scripts %}
		{% endblock %}
	</body>
Okhin's avatar
Okhin committed
180
</html>