base.html 10.3 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
	<head>
		<meta http-equiv="content-type" content="application/xhtml+xml; charset=utf-8" />
		<meta http-equiv="content-language" content="en" />
Okhin's avatar
Okhin committed
8
		<meta name="description" content="The Internet bugtracker to report cases of net neutrality violations." />
9
10
11
12
		<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>
13
		<link rel="shortcut icon" type="image/x-icon" href="/static/img/favicon.ico" />
14
15
		<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' %}" />
16
		<link rel="canonical" href="{{ ROOT_URL }}" />
17
		<meta http-equiv="content-language" content="{{LANGUAGE_CODE}}" />
18
19
20
21
22
23
24
25
26
27
28
29

		<meta property="og:type" content="website" />
		<meta property="og:title" content="[!] Respect My Net" />
		<meta property="og:description" content="The Internet bugtracker to report cases of net neutrality violations." />
		<meta property="og:url" content="https://respectmynet.eu/" />
		<meta property="og:site_name" content="[!] Respect My Net" />
		<meta property="og:image" content="/static/img/header_og.png" />
		<meta name="twitter:card" content="summary_large_image"/>
		<meta name="twitter:description" content="The Internet bugtracker to report cases of net neutrality violations."/>
		<meta name="twitter:title" content="[!] Respect My Net"/>
		<meta name="twitter:site" content="@laquadrature"/>
		<meta name="twitter:image" content="/static/img/header_og.png"/>
30
31
		{% block rss %}
		{% endblock %}
Okhin's avatar
Okhin committed
32
		<link rel="stylesheet" type="text/css" media="all" href="/static/css/bootstrap.css" />
33
		<link rel="stylesheet" type="text/css" media="all" href="/static/css/style.css" />
Okhin's avatar
Okhin committed
34
		{% bootstrap_messages %}
35
36
37
38
		{% block styles %}
		{% endblock %}
	</head>
	<body>
Okhin's avatar
Okhin committed
39
		<div id="header">
piks3l's avatar
piks3l committed
40
			<h1><a href="{% url 'homepage' %}">Respect My Net <span>{% trans "Report cases of Net Neutrality violations" %}</span></a></h1>
Okhin's avatar
Okhin committed
41
		</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
				<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>
60
						{% if user.is_authenticated %}
Okhin's avatar
Okhin committed
61
62
63
						<li>
							<p class="navbar-text">{{ user.username }}</p>
						</li>
64
65
66
67
68
69
70
71
72
73
74
75
						<li role="presentation" class="dropdown">
							<a class="dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" href="#">{% trans "Admin Action" %} <span class="caret"></span></a>
							<ul class="dropdown-menu">
								<li><a href="{%root_url%}/accounts/logout">{% trans "Logout" %}</a></li>
								<li><a href="{%root_url%}/admin/">{% trans "Admin" %}</a></li>
								<li role="separator" class="divder"></li>
								{% block adminext %}
								{% endblock %}
							</ul>
						{% else %}
						<li role="presentation"><a href="{%root_url%}/admin/" id="login">{% trans "Login" %}</a></li>
						{% endif %}
Okhin's avatar
Okhin committed
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
						<li>
							<form action="{% url 'set_language' %}" method="post" class="navbar-form">{% csrf_token %}
								<div class="input-group">
									<select class="form-control" name="language">
									{% get_current_language as LANGUAGE_CODE %}
									{% get_available_languages as LANGUAGES %}
									{% get_language_info_list for LANGUAGES as languages %}
									{% for language in languages %}
										<option value="{{ language.code }}"{% if language.code == LANGUAGE_CODE %} selected="selected"{% endif %}>
											{{ language.name_local }} ({{ language.code }})
										</option>
									{% endfor %}
									</select>
									<span class="input-group-btn">
										<button type="submit" class="btn btn-default">Go</button>
									</span>
								</div>
							</form>
						</li>
						<li>
							<form action="/search/" method="get" class="navbar-form">
								<div class="input-group">
									<input type="text" class="form-control" placeholder="Quick Search...">
									<span class="input-group-btn">
										<button type="submit" class="btn btn-default">Search</button>
									</span>
								</div>
							</form>
						</li>
Okhin's avatar
Okhin committed
105
					</ul>
Okhin's avatar
Okhin committed
106
				</div>
107
			</div>
108
		</nav>
Okhin's avatar
Okhin committed
109

Okhin's avatar
Okhin committed
110
			{% if messages %}
111
			{% for message in messages %}
Okhin's avatar
Okhin committed
112
113
114
115
			<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>
116
			{% endfor %}
Okhin's avatar
Okhin committed
117
118
119
120
121
122
123
124
			{% endif %}
			<div id="wrapper">
				<div class="container-fluid">
					<div class="row">
						<div class="col-xs-12 col-md-8 col-md-offset-2">
							{% block content %}
							{% endblock %}
						</div>
125
					</div>
Okhin's avatar
Okhin committed
126
127
128
129
130
					<div class="row">
						<div class="col-xs-12 col-md-8 col-md-offset-2">
							{% block other_content %}
							{% endblock %}
						</div>
131
					</div>
Okhin's avatar
Okhin committed
132
133
134
135
136
				</div>
			</div>
			<div id="footer" class="container-fluid">
				<div class="row">
					<div class="col-md-10 col-md-offset-1">
Okhin's avatar
Okhin committed
137
						<p style="padding:25px 5% 10px 5%;">{% trans "RespectMyNet.eu is an online platform enabling citizens to report net neutrality violations. Everyone is invited to report blocking or throttling of their Internet access or unfair discrimination between online services. This will help to shed light on those harmful practices and provide evidence to the telecom regulators to do their duty to defend the open and innovative Internet in Europe." %}</p>
Okhin's avatar
Okhin committed
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
						<ul>
							<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>
							<li class="logo-org">
								<a href="https://www.laquadrature.net/"> <img alt="LQDN logo" src="/static/img/logos/la-quadrature-du-net.png" /><br> La Quadrature du Net </a>
							</li>
							<li class="logo-org">
								<a href="https://www.bof.nl/"> <img alt="BoF logo" src="/static/img/logos/Bits-of-Freedom.png" /><br> Bits of Freedom </a>
							</li>
							<li class="logo-org">
								<a href="https://digitalegesellschaft.de"> <img alt="Digitale Gesellschaft logo" src="/static/img/logos/digitalegesellschaft.png" /><br> Digitale Gesellschaft </a>
							</li>
							<li class="logo-org">
								<a href="https://edri.org/"> <img alt="EDRI logo" src="/static/img/logos/edri.png" /><br> European Digital Rights </a>
							</li>
							<li class="logo-org">
								<a href="https://netzfreiheit.org/"> <img alt="Netzfreiheit logo" src="/static/img/logos/netzfreiheit.png" /><br> Initiative für Netzfreiheit </a>
							</li>
							<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>
							<li class="logo-org">
								<a href="http://nurpa.be/"> <img alt="NURPA logo" src="/static/img/logos/nurpa.png" /><br> Nurpa </a>
							</li>
							<li class="logo-org">
								<a href="https://www.openrightsgroup.org/"> <img alt="ORG logo" src="/static/img/logos/org.png" /><br> Open Rights Group </a>
							</li>
							<li class="logo-org">
								<a href="https://xnet-x.net"> <img alt="Xnet logo" src="/static/img/logos/Xnet.png" /><br> Xnet </a>
							</li>
169
							<li class="logo-org">
170
								<a href="https://www.digitale-gesellschaft.ch"> <img alt="Digitale Gesellschaft logo" src="/static/img/digitale.png" /><br> Digitale Gesellschaft Schweiz</a>
171
							</li>
Okhin's avatar
Okhin committed
172
						</ul>
Okhin's avatar
Okhin committed
173
					</div>
Okhin's avatar
Okhin committed
174
					{% block footer %}
Okhin's avatar
Okhin committed
175
					{% endblock %}
Okhin's avatar
Okhin committed
176
177
					<div class="row">
						<hr/>
178
179
180
181
182
183
					</div>
					<div class="row">
						<div class="col-xs-10 col-xs-offset-1">
							<p>Respect My Net is licenced under the <a rel="licence" href="https://www.gnu.org/licenses/agpl.html"><img src="https://www.gnu.org/graphics/agplv3-88x31.png">GNU Affero GPL v3.0+</a>, the code is available under the git repository <a href="https://git.laquadrature.net/la-quadrature-du-net/respect-my-net">https://git.laquadrature.net/la-quadrature-du-net/respect-my-net</a></p>
							<p><a rel="license" href="https://creativecommons.org/licenses/by-sa/4.0/"><img alt="Creative Commons License" style="border-width:0" src="https://i.creativecommons.org/l/by-sa/4.0/80x15.png" /></a>User submitted content (comments and cases) is licenced under the term of the <a rel="license" href="https://creativecommons.org/licenses/by-sa/4.0/">Creative Commons Attribution-ShareAlike 4.0 International License</a>, their original author needs to be credited.</p>
						</div>
Okhin's avatar
Okhin committed
184
					</div>
185
				</div>
Okhin's avatar
Okhin committed
186
187
188
189
190
191
192
193
194
195
196
197
198
				<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>
				<script type="text/javascript" src="/static/js/jquery.tablesorter.widgets.js"></script>
				<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>
				<script type="text/javascript" src="/static/js/bootstrap.js"></script>
				{% block scripts %}
				{% endblock %}
199
	</body>
Okhin's avatar
Okhin committed
200
</html>