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
						<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">
Porkepix's avatar
Porkepix committed
97
									<input type="text" class="form-control" placeholder="{% trans "Quick Search…" %}">
Okhin's avatar
Okhin committed
98
									<span class="input-group-btn">
Porkepix's avatar
Porkepix committed
99
										<button type="submit" class="btn btn-default">{% trans "Search" %}</button>
Okhin's avatar
Okhin committed
100 101 102 103
									</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
						<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">
piks3l's avatar
piks3l committed
154
								<a href="https://epicenter.works/"> <img alt="epicenter.works logo" src="/static/img/logos/epicenterworks.png" /><br> epicenter.works </a>
Okhin's avatar
Okhin committed
155 156 157 158 159 160 161 162 163 164 165 166 167
							</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>