Skip to content

GitLab

Respect My Net
Respect My Net
Switch branch/tag
Find file Normal viewHistoryPermalink
base.html 10.3 KB
Newer Older
Okhin's avatar
Simplyfying the nav bar  
Okhin committed
1 2 
{% load i18n %}
{% load bt %}
Okhin's avatar
First step for bootstrap (nav bar, table) #11  
Okhin committed
3 
{% load bootstrap3 %}
Okhin's avatar
Simplyfying the nav bar  
Okhin committed
4 
<html>
Okhin's avatar
First step for bootstrap (nav bar, table) #11  
Okhin committed
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
Adding the last alfa modifications  
Okhin committed
8 
		<meta name="description" content="The Internet bugtracker to report cases of net neutrality violations." />
Okhin's avatar
First step for bootstrap (nav bar, table) #11  
Okhin committed
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>
Okhin's avatar
Adding favicon and opengraph variabales  
Okhin committed
13 
		<link rel="shortcut icon" type="image/x-icon" href="/static/img/favicon.ico" />
Okhin's avatar
First step for bootstrap (nav bar, table) #11  
Okhin committed
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' %}" />
Okhin's avatar
Adding favicon and opengraph variabales  
Okhin committed
16 
		<link rel="canonical" href="{{ ROOT_URL }}" />
Okhin's avatar
First step for bootstrap (nav bar, table) #11  
Okhin committed
17 
		<meta http-equiv="content-language" content="{{LANGUAGE_CODE}}" />
Okhin's avatar
Adding favicon and opengraph variabales  
Okhin committed
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"/>
Okhin's avatar
First step for bootstrap (nav bar, table) #11  
Okhin committed
30 31 
		{% block rss %}
		{% endblock %}
Okhin's avatar
Chosing a non-CDN version of bootstrap  
Okhin committed
32 
		<link rel="stylesheet" type="text/css" media="all" href="/static/css/bootstrap.css" />
Okhin's avatar
First step for bootstrap (nav bar, table) #11  
Okhin committed
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
Fix the navbar style #11  
Okhin committed
38 
		<div id="header">
piks3l's avatar
Changed the title  
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
Fix the navbar style #11  
Okhin committed
40 
		</div>
Okhin's avatar
Adding the nnmon folder  
Okhin committed
41
Okhin's avatar
Fix the navbar style #11  
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>
Okhin's avatar
Using the grid system for the main page #11  
Okhin committed
51 
					<a class="navbar-brand" href="/">Respect my net</a>
Okhin's avatar
Fix the navbar style #11  
Okhin committed
52 
				</div>
Okhin's avatar
Adding the nnmon folder  
Okhin committed
53
Okhin's avatar
Fix the navbar style #11  
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>
Okhin's avatar
Adding the langauge switch, and some aesthetics on the main bar  
Okhin committed
59 
						{% if user.is_authenticated %}
Okhin's avatar
Patching the navbar  
Okhin committed
60 61 62 
						<li>
							<p class="navbar-text">{{ user.username }}</p>
						</li>
Okhin's avatar
Adding the langauge switch, and some aesthetics on the main bar  
Okhin committed
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
Patching the navbar  
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
Make the search field translatable  
Porkepix committed
97 
									<input type="text" class="form-control" placeholder="{% trans "Quick Search…" %}">
Okhin's avatar
Patching the navbar  
Okhin committed
98 
									<span class="input-group-btn">
Porkepix's avatar
Make the search field translatable  
Porkepix committed
99 
										<button type="submit" class="btn btn-default">{% trans "Search" %}</button>
Okhin's avatar
Patching the navbar  
Okhin committed
100 101 102 103 
									</span>
								</div>
							</form>
						</li>
Okhin's avatar
Fix the navbar style #11  
Okhin committed
104 
					</ul>
Okhin's avatar
A bit of styles  
Okhin committed
105 
				</div>
Okhin's avatar
First step for bootstrap (nav bar, table) #11  
Okhin committed
106 
			</div>
Okhin's avatar
Adding the langauge switch, and some aesthetics on the main bar  
Okhin committed
107 
		</nav>
Okhin's avatar
Adding the nnmon folder  
Okhin committed
108
Okhin's avatar
A bit of styles  
Okhin committed
109 
			{% if messages %}
Okhin's avatar
Using the bootstrap alerts for messages  
Okhin committed
110 
			{% for message in messages %}
Okhin's avatar
A bit of styles  
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>
Okhin's avatar
Using the bootstrap alerts for messages  
Okhin committed
115 
			{% endfor %}
Okhin's avatar
A bit of styles  
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>
Okhin's avatar
Using the grid system for the main page #11  
Okhin committed
124 
					</div>
Okhin's avatar
A bit of styles  
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>
Okhin's avatar
Using the grid system for the main page #11  
Okhin committed
130 
					</div>
Okhin's avatar
Fixing the responsive footer  
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
Footer text  
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
Fixing the responsive footer  
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
add epiccenter logo  
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
Fixing the responsive footer  
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>
Okhin's avatar
Adding Digitale Gesellschaft to the campaign  
Okhin committed
168 
							<li class="logo-org">
Okhin's avatar
Fix #43 Changing the name of Digitale Gesellschaft Schweiz  
Okhin committed
169 
								<a href="https://www.digitale-gesellschaft.ch"> <img alt="Digitale Gesellschaft logo" src="/static/img/digitale.png" /><br> Digitale Gesellschaft Schweiz</a>
Okhin's avatar
Adding Digitale Gesellschaft to the campaign  
Okhin committed
170 
							</li>
Okhin's avatar
Fixing the responsive footer  
Okhin committed
171 
						</ul>
Okhin's avatar
A bit of styles  
Okhin committed
172 
					</div>
Okhin's avatar
Adding licencing where needed  
Okhin committed
173 
					{% block footer %}
Okhin's avatar
A bit of styles  
Okhin committed
174 
					{% endblock %}
Okhin's avatar
Adding licencing where needed  
Okhin committed
175 176 
					<div class="row">
						<hr/>
Okhin's avatar
Some pagination for the licencing block  
Okhin committed
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
Adding licencing where needed  
Okhin committed
183 
					</div>
Okhin's avatar
Using the grid system for the main page #11  
Okhin committed
184 
				</div>
Okhin's avatar
A bit of styles  
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 %}
Okhin's avatar
First step for bootstrap (nav bar, table) #11  
Okhin committed
198 
	</body>
Okhin's avatar
Fixing the static files  
Okhin committed
199 
</html>