base.html 6.8 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 8 9 10 11 12 13 14 15 16 17
	<head>
		<meta http-equiv="content-type" content="application/xhtml+xml; charset=utf-8" />
		<meta http-equiv="content-language" content="en" />
		<meta name="description" content="The Internet bugtracker" />
		<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>
		<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' %}" />
		<meta http-equiv="content-language" content="{{LANGUAGE_CODE}}" />
		{% block rss %}
		{% endblock %}
Okhin's avatar
Okhin committed
18
		<link rel="stylesheet" type="text/css" media="all" href="/static/css/bootstrap.css" />
19
		<link rel="stylesheet" type="text/css" media="all" href="/static/css/style.css" />
Okhin's avatar
Okhin committed
20
		{% bootstrap_messages %}
21 22 23 24
		{% block styles %}
		{% endblock %}
	</head>
	<body>
Okhin's avatar
Okhin committed
25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41
		<div id="header">
			<h1><a href="{% url 'homepage' %}">Respect My Net <span>{% trans "name and shame operators restricting access to the Internet" %}</span></a></h1>
			<div id="user">
				<p>
				{% if user.is_authenticated %}
				{{ user.username }},
				<a href="{%root_url%}/accounts/logout">{% trans "Logout" %}</a>
				<span>or</span>
				<a href="{%root_url%}/admin/">{% trans "Admin" %}</a>
				{% block adminext %}
				{% endblock %}
				{% else %}
				<a href="{%root_url%}/admin/" id="login">{% trans "Login" %}</a>
				{% endif %}
				</p>
			</div>
		</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 60
				<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>
					</ul>
61 62 63 64 65 66 67 68
					<form action="/search/" method="get" class="navbar-form navbar-right">
						<div class="form-group">
							<input type="text" class="form-control" placeholder="Quick Search...">
						</div>
						{% buttons %}
							<button type="submit" class="btn btn-default">Search</button>
						{% endbuttons %}
					</form>
69 70
				</nav>
			</div>
Okhin's avatar
Okhin committed
71
		</div>
Okhin's avatar
Okhin committed
72

73 74 75 76 77 78 79 80
		{% if messages %}
			{% for message in messages %}
				<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>
			{% endfor %}
		{% endif %}
Okhin's avatar
Okhin committed
81
		<div id="wrapper">
82
			<div class="container-fluid">
83 84 85 86 87 88 89 90 91 92 93 94
				<div class="row">
					<div class="col-xs-12 col-md-8 col-md-offset-2">
						{% block content %}
						{% endblock %}
					</div>
				</div>
				<div class="row">
					<div class="col-xs-12 col-md-8 col-md-offset-2">
						{% block other_content %}
						{% endblock %}
					</div>
				</div>
95 96 97 98 99
			</div>
			<div id="push"></div>
		</div>
		<div id='footer'>
			{% block footer %}
Alfa's avatar
Alfa committed
100 101
			<p style="padding:25px 5% 10px 5%;">{% trans "RespectMyNet.eu is an online platform enabling citizens to become the watchmen of the Internet by reporting Net Neutrality violations. Everyone is invited to report undue blocking or throttling of their Internet access, and help  name and shame operators' harmful practices." %}</p>
		<ul style="padding:0; max-width:800px; margin:0 auto;">
piks3l's avatar
piks3l committed
102 103 104 105 106 107
		<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>
Alfa's avatar
Alfa committed
108 109
		<li class="logo-org">
			<a href="https://www.laquadrature.net/">
Okhin's avatar
Okhin committed
110
				<img alt="LQDN logo" src="/static/img/logos/la-quadrature-du-net.png" /><br>
Alfa's avatar
Alfa committed
111 112 113 114 115
				La Quadrature du Net
			</a>
		</li>
		<li class="logo-org">
			<a href="https://www.bof.nl/">
Okhin's avatar
Okhin committed
116
				<img alt="BoF logo" src="/static/img/logos/Bits-of-Freedom.png" /><br>
Alfa's avatar
Alfa committed
117 118 119
				Bits of Freedom
			</a>
		</li>
piks3l's avatar
piks3l committed
120 121 122 123 124 125
		<li class="logo-org">
		    <a href="https://digitalegesellschaft.de">
		        <img alt="Digitale Gesellschaft logo" src="/static/img/logos/digiges.png" /><br>
		        Digitale Gesellschaft
		    </a>
		</li>
Alfa's avatar
Alfa committed
126 127
		<li class="logo-org">
			<a href="https://edri.org/">
Okhin's avatar
Okhin committed
128
				<img alt="EDRI logo" src="/static/img/logos/edri.png" /><br>
Alfa's avatar
Alfa committed
129 130 131 132 133
				European Digital Rights
			</a>
		</li>
		<li class="logo-org">
			<a href="https://netzfreiheit.org/">
Okhin's avatar
Okhin committed
134
				<img alt="Netzfreiheit logo" src="/static/img/logos/netzfreiheit.png" /><br>
Alfa's avatar
Alfa committed
135 136 137
				Initiative für Netzfreiheit
			</a>
		</li>
piks3l's avatar
piks3l committed
138 139 140 141 142 143 144
		<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>
Alfa's avatar
Alfa committed
145 146
		<li class="logo-org">
			<a href="http://nurpa.be/">
Okhin's avatar
Okhin committed
147
				<img alt="NURPA logo" src="/static/img/logos/nurpa.png" /><br>
Alfa's avatar
Alfa committed
148 149 150 151 152
				Nurpa
			</a>
		</li>
		<li class="logo-org">
			<a href="https://www.openrightsgroup.org/">
Okhin's avatar
Okhin committed
153
				<img alt="ORG logo" src="/static/img/logos/org.png" /><br>
Alfa's avatar
Alfa committed
154 155 156 157 158
				Open Rights Group
			</a>
		</li>
		<li class="logo-org">
			<a href="https://xnet-x.net">
Okhin's avatar
Okhin committed
159
				<img alt="Xnet logo" src="/static/img/logos/Xnet.png" /><br>
Alfa's avatar
Alfa committed
160 161 162 163
				Xnet
			</a>
		</li>
		</ul>
164 165 166 167 168 169
			{% endblock %}
		</div>
		<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>
Okhin's avatar
Okhin committed
170
		<script type="text/javascript" src="/static/js/jquery.tablesorter.widgets.js"></script>
171 172 173 174 175
		<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>
Okhin's avatar
Okhin committed
176
		<script type="text/javascript" src="/static/js/bootstrap.js"></script>
177 178 179
		{% block scripts %}
		{% endblock %}
	</body>
Okhin's avatar
Okhin committed
180
</html>