base.html 9.98 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
61
62
63
64
65
66
67
68
69
70
71
72
73
						{% if user.is_authenticated %}
						<p class="navbar-text">{{ user.username }}</p>
						<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
74
					</ul>
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
					<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>
92
					<form action="/search/" method="get" class="navbar-form navbar-right">
93
						<div class="input-group">
94
							<input type="text" class="form-control" placeholder="Quick Search...">
95
96
97
							<span class="input-group-btn">
								<button type="submit" class="btn btn-default">Search</button>
							</span>
98
99
						</div>
					</form>
100

Okhin's avatar
Okhin committed
101
				</div>
102
			</div>
103
		</nav>
Okhin's avatar
Okhin committed
104

Okhin's avatar
Okhin committed
105
			{% if messages %}
106
			{% for message in messages %}
Okhin's avatar
Okhin committed
107
108
109
110
			<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>
111
			{% endfor %}
Okhin's avatar
Okhin committed
112
113
114
115
116
117
118
119
			{% 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>
120
					</div>
Okhin's avatar
Okhin committed
121
122
123
124
125
					<div class="row">
						<div class="col-xs-12 col-md-8 col-md-offset-2">
							{% block other_content %}
							{% endblock %}
						</div>
126
					</div>
Okhin's avatar
Okhin committed
127
128
129
130
131
				</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
132
						<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
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
						<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>
Okhin's avatar
Okhin committed
154

Okhin's avatar
Okhin committed
155
156
157
158
159
160
161
162
163
164
165
							</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>
						</ul>
Okhin's avatar
Okhin committed
166
					</div>
Okhin's avatar
Okhin committed
167
					{% block footer %}
Okhin's avatar
Okhin committed
168
					{% endblock %}
Okhin's avatar
Okhin committed
169
170
					<div class="row">
						<hr/>
171
172
173
174
175
176
					</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
177
					</div>
178
				</div>
Okhin's avatar
Okhin committed
179
180
181
182
183
184
185
186
187
188
189
190
191
				<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 %}
192
	</body>
Okhin's avatar
Okhin committed
193
</html>