Skip to content

GitLab

M
memopol
Commit f38ec595 authored by Nicolas Joyard's avatar Nicolas Joyard
Browse files
Options

Store reference design in dedicated directory

parent 7d1af5bf
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 115 additions and 3775 deletions
static/Memopol-v3/MEP-mandates.html deleted 100755 → 0
View file @ 7d1af5bf
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<link rel="icon" href="../../favicon.ico">
<title>Memopol</title>
<!-- Bootstrap core CSS -->
<link href="./css/bootstrap.min.css" rel="stylesheet">
<!-- Custom CSS -->
<link href="./css/custom.css" rel="stylesheet">
<style>
</style>
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div class="container-fluid">
<!--div class="row custom-header">
<div class="col-sm-5">
<h1>[LOGO] Memopol</h1>
</div>
<div class="col-sm-7">
<p class="lead">What is Memopol ?</p>
<p>Political Memory is a tool designed by La Quadrature du Net to help European citizens to reach members of European Parliament (MEPs) and track their voting records on issues related to fundamental freedoms online. </p>
<p class="text-right custom-plus"><a class="btn btn-sm btn-default"><span class="glyphicon glyphicon-plus"></span></a></p>
</div>
</div-->
<div class="row">
<div class="col-xs-12">
<!---------------------------------------------------------
NAV TAB
---------------------------------------------------------->
<ul class="nav nav-tabs nav-justified">
<li role="presentation"><a href="MEP-votes.html"><h3>Votes</h3></a></li>
<li role="presentation" class="active"><a href="MEP-mandates.html"><h3>Mandates</h3></a></li>
<li role="presentation"><a href="MEP-positions.html"><h3>Public positions</h3></a></li>
</ul>
<!---------------------------------------------------------
FIN DE LA NAV TAB
---------------------------------------------------------->
<!---------------------------------------------------------
1er MANDAT
---------------------------------------------------------->
<br/>
<div class="row">
<div class="col-sm-6 col-md-4">
<div class="thumbnail">
<div class="caption">
<h3 class="text-center">Committee on Civil Liberties, Justice and Home Affairs</h3>
<hr>
<p><span class="lead">Vice-Chair</span> from July 7, 2014 to Dec. 31, 9999</p>
</div>
</div>
</div>
</div>
<!---------------------------------------------------------
FIN DU 1er MANDAT
---------------------------------------------------------->
</div>
</div>
</div>
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script src="./js/bootstrap.min.js"></script>
<script src="./js/docs.min.js"></script>
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
<script src="./js/ie10-viewport-bug-workaround.js"></script>
<script>
$(function () {
$('[data-toggle="tooltip"]').tooltip()
})
</script>
</body>
</html>
static/Memopol-v3/MEP-positions.html deleted 100755 → 0
View file @ 7d1af5bf
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<link rel="icon" href="../../favicon.ico">
<title>Memopol</title>
<!-- Bootstrap core CSS -->
<link href="./css/bootstrap.min.css" rel="stylesheet">
<!-- Custom CSS -->
<link href="./css/custom.css" rel="stylesheet">
<style>
</style>
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div class="container-fluid">
<!--div class="row custom-header">
<div class="col-sm-5">
<h1>[LOGO] Memopol</h1>
</div>
<div class="col-sm-7">
<p class="lead">What is Memopol ?</p>
<p>Political Memory is a tool designed by La Quadrature du Net to help European citizens to reach members of European Parliament (MEPs) and track their voting records on issues related to fundamental freedoms online. </p>
<p class="text-right custom-plus"><a class="btn btn-sm btn-default"><span class="glyphicon glyphicon-plus"></span></a></p>
</div>
</div-->
<div class="row">
<div class="col-xs-12">
<!---------------------------------------------------------
NAV TAB
---------------------------------------------------------->
<ul class="nav nav-tabs nav-justified">
<li role="presentation"><a href="MEP-votes.html"><h3>Votes</h3></a></li>
<li role="presentation"><a href="MEP-mandates.html"><h3>Mandates</h3></a></li>
<li role="presentation" class="active"><a href="MEP-positions.html"><h3>Public positions</h3></a></li>
</ul>
<!---------------------------------------------------------
FIN DE LA NAV TAB
---------------------------------------------------------->
</div>
</div>
</div>
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script src="./js/bootstrap.min.js"></script>
<script src="./js/docs.min.js"></script>
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
<script src="./js/ie10-viewport-bug-workaround.js"></script>
<script>
$(function () {
$('[data-toggle="tooltip"]').tooltip()
})
</script>
</body>
</html>
static/Memopol-v3/MEP-vide.html deleted 100755 → 0
View file @ 7d1af5bf
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<link rel="icon" href="../../favicon.ico">
<title>Memopol</title>
<!-- Bootstrap core CSS -->
<link href="./css/bootstrap.min.css" rel="stylesheet">
<!-- Custom CSS -->
<link href="./css/custom.css" rel="stylesheet">
<style>
</style>
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div class="container-fluid">
<div class="row">
<div class="col-xs-12">
<!---------------------------------------------------------
NAV TAB
---------------------------------------------------------->
<ul class="nav nav-tabs nav-justified">
<li role="presentation"><a href="MEP-votes.html"><h3>Votes</h3></a></li>
<li role="presentation"><a href="MEP-mandates.html"><h3>Mandates</h3></a></li>
<li role="presentation"><a href="MEP-positions.html"><h3>Public positions</h3></a></li>
</ul>
<!---------------------------------------------------------
FIN DE LA NAV TAB
---------------------------------------------------------->
</div>
</div>
</div>
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script src="./js/bootstrap.min.js"></script>
<script src="./js/docs.min.js"></script>
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
<script src="./js/ie10-viewport-bug-workaround.js"></script>
<script>
$(function () {
$('[data-toggle="tooltip"]').tooltip()
})
</script>
</body>
</html>
static/Memopol-v3/MEP-votes.html deleted 100755 → 0
View file @ 7d1af5bf
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<link rel="icon" href="../../favicon.ico">
<title>Memopol</title>
<!-- Bootstrap core CSS -->
<link href="./css/bootstrap.min.css" rel="stylesheet">
<!-- Custom CSS -->
<link href="./css/custom.css" rel="stylesheet">
<style>
</style>
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div class="container-fluid">
<!--div class="row custom-header">
<div class="col-sm-5">
<h1>[LOGO] Memopol</h1>
</div>
<div class="col-sm-7">
<p class="lead">What is Memopol ?</p>
<p>Political Memory is a tool designed by La Quadrature du Net to help European citizens to reach members of European Parliament (MEPs) and track their voting records on issues related to fundamental freedoms online. </p>
<p class="text-right custom-plus"><a class="btn btn-sm btn-default"><span class="glyphicon glyphicon-plus"></span></a></p>
</div>
</div-->
<div class="row">
<div class="col-xs-12">
<!---------------------------------------------------------
NAV TAB
---------------------------------------------------------->
<ul class="nav nav-tabs nav-justified">
<li role="presentation" class="active"><a href="MEP-votes.html"><h3>Votes</h3></a></li>
<li role="presentation"><a href="MEP-mandates.html"><h3>Mandates</h3></a></li>
<li role="presentation"><a href="MEP-positions.html"><h3>Public positions</h3></a></li>
</ul>
<!---------------------------------------------------------
FIN DE LA NAV TAB
---------------------------------------------------------->
<!---------------------------------------------------------
DOSSIERS
---------------------------------------------------------->
<p>Un peu de blabla ? Lorem ipsum...</p>
<div class="panel-group" id="accordion-Dossiers" role="tablist" aria-multiselectable="true">
<div class="panel panel-default">
<div class="panel-heading" role="tab" id="Dossiers-headingOne">
<h4 class="panel-title">
<a role="button" data-toggle="collapse" data-parent="#accordion-Dossiers" href="#Dossiers-detailsOne" aria-expanded="false" aria-controls="Dossiers-detailsOne">
ACTA - Anti-Counterfeiting Trade Agreement
</a>
</h4>
</div>
<div id="Dossiers-detailsOne" class="panel-collapse collapse" role="tabpanel" aria-labelledby="Dossiers-headingOne">
<div class="panel-body">
<p>Lorem ipsum, un peu ce contexte...</p>
<a class="btn btn-default">En savoir plus &raquo;</a>
<br/><br/>
<table class="table table-striped table-hover text-center">
<thead>
<tr>
<th class="text-center">Vote name</th>
<th class="text-center">MEP's vote</th>
<th class="text-center">Party's vote</th>
<th class="text-center">Lqdn's recommendation</th>
<th class="text-center">Points <a data-toggle="tooltip" data-placement="top" title="Le score est une somme de points attribués suivant si le MEP vote dans notre sens (positif) ou non (négatif) multiplié par le poids (importance) de ce vote."><span class="glyphicon glyphicon-info-sign"></span></a></th>
</tr>
</thead>
<tbody>
<tr>
<th>Vote machin</th>
<td><span class="glyphicon glyphicon-ok text-success" title="recommendation: for"></span></td>
<td><span class="glyphicon glyphicon-ok text-success" title="recommendation: for"></span></td>
<td><span class="glyphicon glyphicon-ok" title="recommendation: for"></span></td>
<td>20</td>
</tr>
<tr>
<th>Vote truc</th>
<td><span class="glyphicon glyphicon-remove text-danger"></td>
<td><span class="glyphicon glyphicon-remove text-danger"></td>
<td><span class="glyphicon glyphicon-ok" title="recommendation: for"></span></td>
<td>10</td>
</tr>
<tr>
<th>Vote chose</th>
<td><span class="glyphicon glyphicon-remove text-success"></span></td>
<td><span class="glyphicon glyphicon-ok text-danger"></span></td>
<td><span class="glyphicon glyphicon-remove" title="recommendation: against"></span></td>
<td>15</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading" role="tab" id="Dossiers-headingTwo">
<h4 class="panel-title">
<a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion-Dossiers" href="#Dossiers-detailsTwo" aria-expanded="false" aria-controls="Dossiers-detailsTwo">
Personnal Data Protection
</a>
</h4>
</div>
<div id="Dossiers-detailsTwo" class="panel-collapse collapse" role="tabpanel" aria-labelledby="Dossiers-headingTwo">
<div class="panel-body">
<p>Lorem ipsum, un peu ce contexte...</p>
<a class="btn btn-default">En savoir plus &raquo;</a>
<br/><br/>
<table class="table table-striped table-hover text-center">
<thead>
<tr>
<th class="text-center">Vote name</th>
<th class="text-center">MEP's vote</th>
<th class="text-center">Party's vote</th>
<th class="text-center">Lqdn's recommendation</th>
<th class="text-center">Points <a data-toggle="tooltip" data-placement="top" title="Le score est une somme de points attribués suivant si le MEP vote dans notre sens (positif) ou non (négatif) multiplié par le poids (importance) de ce vote."><span class="glyphicon glyphicon-info-sign"></span></a></th>
</tr>
</thead>
<tbody>
<tr>
<th>Vote machin</th>
<td><span class="glyphicon glyphicon-ok text-success" title="recommendation: for"></span></td>
<td><span class="glyphicon glyphicon-ok text-success" title="recommendation: for"></span></td>
<td><span class="glyphicon glyphicon-ok" title="recommendation: for"></span></td>
<td>20</td>
</tr>
<tr>
<th>Vote truc</th>
<td><span class="glyphicon glyphicon-remove text-danger"></td>
<td><span class="glyphicon glyphicon-remove text-danger"></td>
<td><span class="glyphicon glyphicon-ok" title="recommendation: for"></span></td>
<td>10</td>
</tr>
<tr>
<th>Vote chose</th>
<td><span class="glyphicon glyphicon-remove text-success"></span></td>
<td><span class="glyphicon glyphicon-ok text-danger"></span></td>
<td><span class="glyphicon glyphicon-remove" title="recommendation: against"></span></td>
<td>15</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
<!---------------------------------------------------------
FIN DES DOSSIERS
---------------------------------------------------------->
</div>
</div>
</div>
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script src="./js/bootstrap.min.js"></script>
<script src="./js/docs.min.js"></script>
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
<script src="./js/ie10-viewport-bug-workaround.js"></script>
<script>
$(function () {
$('[data-toggle="tooltip"]').tooltip()
})
</script>
</body>
</html>
static/Memopol-v3/MEP.html deleted 100755 → 0
View file @ 7d1af5bf
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<link rel="icon" href="../../favicon.ico">
<title>Memopol</title>
<!-- Bootstrap core CSS -->
<link href="./css/bootstrap.min.css" rel="stylesheet">
<!-- Custom CSS -->
<link href="./css/custom.css" rel="stylesheet">
<style>
</style>
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div class="container-fluid">
<!--div class="row custom-header">
<div class="col-sm-5">
<h1>[LOGO] Memopol</h1>
</div>
<div class="col-sm-7">
<p class="lead">What is Memopol ?</p>
<p>Political Memory is a tool designed by La Quadrature du Net to help European citizens to reach members of European Parliament (MEPs) and track their voting records on issues related to fundamental freedoms online. </p>
<p class="text-right custom-plus"><a class="btn btn-sm btn-default"><span class="glyphicon glyphicon-plus"></span></a></p>
</div>
</div-->
<div class="row">
<!---------------------------------------------------------
VOLET DE NAVIGATION
---------------------------------------------------------->
<div class="col-sm-3 custom-nav">
<!----------------
INTRO
----------------->
<h1 class="text-center"><span class="glyphicon glyphicon-eye-open"></span><br/>Political memory</h1>
<p class="lead text-center">What is Memopol ?</p>
<p class="text-justify">Political Memory is a tool designed by La Quadrature du Net to help European citizens to reach members of European Parliament (MEPs) and track their voting records on issues related to fundamental freedoms online. </p>
<div class="container-fluid">
<div class="row">
<div class="pull-right">
<a class="btn btn-default">More on our blog</a>
</div>
</div>
</div>
<hr/>
<!----------------
SEARCH
----------------->
<form class="form-horizontal">
<div class="input-group">
<label class="sr-only" for="rechercher">Search</label>
<input type="text" class="form-control" placeholder="Search" id="rechercher">
<span class="input-group-btn">
<button class="btn btn-primary" type="button">
<span class="glyphicon glyphicon-search"></span>
</button>
</span>
</div>
</form>
<button class="btn btn-default" type="button" data-toggle="collapse" data-target="#moresearch" aria-expanded="false" aria-controls="moresearch">
More search options
</button>
<div class="collapse" id="moresearch">
<button class="btn btn-primary" type="button" data-toggle="collapse" data-target="#formMEP" aria-expanded="false" aria-controls="formMEP">
Find a MEP
</button>
<div class="collapse" id="formMEP">
<form class="form-horizontal">
<div class="form-group">
<label class="col-sm-2" for="name">Name</label>
<div class="col-sm-10">
<input type="email" class="form-control" id="name" placeholder="Leave empty for all">
</div>
</div>
<div class="form-group">
<label class="col-sm-3" for="country">Country</label>
<div class="col-sm-9">
<select class="form-control" id="country">
<option>All</option>
<option>AT . Austria </option>
<option>BE . Belgium </option>
<option>BG . Bulgaria </option>
<option>HR . Croatia </option>
<option>CY . Cyprus </option>