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
34
35
36
37
		<link rel="stylesheet" type="text/css" media="all" href="/static/css/style.css" />
		{% block styles %}
		{% endblock %}
	</head>
	<body>
Okhin's avatar
Okhin committed
38
		<div id="header">
piks3l's avatar
piks3l committed
39
			<h1><a href="{% url 'homepage' %}">Respect My Net <span>{% trans "Report cases of Net Neutrality violations" %}</span></a></h1>
Okhin's avatar
Okhin committed
40
		</div>
Okhin's avatar
Okhin committed
41

Okhin's avatar
Okhin committed
42
43
44
45
46
47
48
49
50
		<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>
51
					<a class="navbar-brand" href="/">Respect my net</a>
Okhin's avatar
Okhin committed
52
				</div>
Okhin's avatar
Okhin committed
53

Okhin's avatar
Okhin committed
54
55
56
57
58
				<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>
59
						{% if user.is_authenticated %}
Okhin's avatar
Okhin committed
60
61
62
						<li>
							<p class="navbar-text">{{ user.username }}</p>
						</li>
63
64
65
66
67
68
69
70
71
72
73
74
						<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
75
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
						<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
104
					</ul>
Okhin's avatar
Okhin committed
105
				</div>
106
			</div>
107
		</nav>
Okhin's avatar
Okhin committed
108

Okhin's avatar
Okhin committed
109
			{% if messages %}
110
			{% for message in messages %}
Okhin's avatar
Okhin committed
111
112
113
114
			<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>
115
			{% endfor %}
Okhin's avatar
Okhin committed
116
117
118
119
120
121
122
123
			{% 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>
124
					</div>
Okhin's avatar
Okhin committed
125
126
127
128
129
					<div class="row">
						<div class="col-xs-12 col-md-8 col-md-offset-2">
							{% block other_content %}
							{% endblock %}
						</div>
130
					</div>
Okhin's avatar
Okhin committed
131
132
133
134
135
				</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
136
						<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
137
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
						<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>
168
							<li class="logo-org">
169
								<a href="https://www.digitale-gesellschaft.ch"> <img alt="Digitale Gesellschaft logo" src="/static/img/digitale.png" /><br> Digitale Gesellschaft Schweiz</a>
170
							</li>
Okhin's avatar
Okhin committed
171
						</ul>
Okhin's avatar
Okhin committed
172
					</div>
Okhin's avatar
Okhin committed
173
					{% block footer %}
Okhin's avatar
Okhin committed
174
					{% endblock %}
Okhin's avatar
Okhin committed
175
176
					<div class="row">
						<hr/>
177
178
179
180
181
182
					</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
183
					</div>
184
				</div>
Okhin's avatar
Okhin committed
185
186
187
188
189
190
191
192
193
194
195
196
197
				<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 %}
198
	</body>
Okhin's avatar
Okhin committed
199
</html>