Skip to content

GitLab

C
controle-tes-donnees.net
Commit cc25753b authored by Okhin's avatar Okhin
Browse files
Options

Fixing the header, the contanier parts and related stuff

parent f9cb22f1
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 439 additions and 424 deletions
css/main.css
View file @ cc25753b
......@@ -65,58 +65,8 @@ bleu-vert: #003948
/* Chapeau ------------------------*/
header {
background:url(/img/Illu1.jpg);
background-size:93%;
background-repeat:no-repeat;
background-position: bottom center;
margin:1em auto 0em;
height: 550px;
/* margin-bottom:-20px; */
width:80%;
text-align: justify;
} @media only screen and (min-width:1000px) {header {width: 800px;}}
header h1 {
text-align:left;
float:left;
font-size:2em;
color:#003948;
line-height:1.1em;
margin-bottom:.1em;
}
header h2{
clear:both;
font-size:1em;
color:#497ED5;
font-weight:normal;
}
@media only screen and (max-device-width:980px) {
header {
width:95%;
margin-left: auto;
margin-right: auto;
height:400px;
}
header h1 {
float:none;
font-size: 1.8em;
}
header bouton {
display:none;
}
header h2 {
margin-top:.6em;
}
#header-img {
width:80%
}
.header {
text-align: center;
}
#textIntro, #Act {
......
index.html
View file @ cc25753b
......@@ -18,11 +18,15 @@
[<a href="http://controle-tes-donnees.net">FR</a>] [<a href="http://reclaimyourdata.eu">EN</a>] &nbsp;
</div>
<header>
<h1>REPRENEZ LE CONTRÔLE<br/>DE VOS DONNÉES</h1>
<a href="#Act" class="btn btn-primary">Agissez</a>
<h2>Notre vie privée est en danger&nbsp;: agissons maintenant !</h2>
</header>
<div class="container-fluid header">
<div class="row">
<div class="col-md-8 col-md-offset-2">
<h1>REPRENEZ LE CONTRÔLE DE VOS DONNÉES</h1>
<a href="#Act"><h2>Notre vie privée est en danger&nbsp;: agissons maintenant !</h2></a>
<img src="/img/Illu1.jpg"></img>
</div>
</div>
</div>
<div id="textIntro">
<h1>Agissons maintenant</h1>
......@@ -512,8 +516,8 @@
<p> Nous vous invitions à ne pas avoir de compte sur Facebook ou Twitter, car ils ne vous laissent pas le contrôle total de vos données.</p>
<p>Si vous utilisez quand même ces services, vous pouvez y partager notre site.</p>
<ul>
<li> <a class="btn btn-primary" href="http://www.facebook.com/share.php?src=bm&amp;u=http://controle-tes-donnees.net&amp;v=3" target="_blank" >Partagez sur Facebook</a></li>
<li> <a class="btn btn-primary" href="http://twitter.com/timeline/home?status=Reprenez le contrôle de vos données! http://controle-tes-donnees.net" target="_blank">Partagez sur Twitter</a><br /></li>
<li> <a href="http://www.facebook.com/share.php?src=bm&amp;u=http://controle-tes-donnees.net&amp;v=3" target="_blank" >Partagez sur Facebook</a></li>
<li> <a href="http://twitter.com/timeline/home?status=Reprenez le contrôle de vos données! http://controle-tes-donnees.net" target="_blank">Partagez sur Twitter</a><br /></li>
</ul>
<p> Si vous avez un site ou un blog, vous pouvez y <em>afficher notre bannière</em> et diriger vos visiteurs ici en recopiant ce code dans celui de votre site&nbsp;: <br/>
<textarea cols="30" rows="5" style="resize: none; cursor: pointer; white-space: normal; outline: none; margin:0 -20em 0 0;" >
......
outils/Firefox.html
View file @ cc25753b
......@@ -11,12 +11,19 @@
<meta name="viewport" content="width=device-width" />
</head>
<div id="stripeTop"></div>
<header>
<h1>REPRENEZ LE CONTRÔLE DE VOS DONNÉES</h1>
<a href="/index.html#Act" class="btn btn-default">Contactez vos députés</a>
<h2>Notre vie privée est en danger&nbsp;: agissons maintenant !</h2>
</header>
<div id="stripeTop">
[<a href="http://controle-tes-donnees.net">FR</a>] [<a href="http://reclaimyourdata.eu">EN</a>] &nbsp;
</div>
<div class="container-fluid header">
<div class="row">
<div class="col-md-8 col-md-offset-2">
<h1>REPRENEZ LE CONTRÔLE DE VOS DONNÉES</h1>
<a href="#Act"><h2>Notre vie privée est en danger&nbsp;: agissons maintenant !</h2></a>
<img src="/img/Illu1.jpg"></img>
</div>
</div>
</div>
<div class="container-fluid">
<div class="row">
......
outils/GNU_Linux.html
View file @ cc25753b
......@@ -11,12 +11,20 @@
<meta name="viewport" content="width=device-width" />
</head>
<div id="stripeTop"></div>
<header>
<h1>REPRENEZ LE CONTRÔLE<br/>DE VOS DONNÉES</h1>
<a href="/index.html#Act" class="btn btn-default">Contactez vos députés</a>
<h2>Notre vie privée est en danger&nbsp;: agissons maintenant !</h2>
</header>
<div id="stripeTop">
[<a href="http://controle-tes-donnees.net">FR</a>] [<a href="http://reclaimyourdata.eu">EN</a>] &nbsp;
</div>
<div class="container-fluid header">
<div class="row">
<div class="col-md-8 col-md-offset-2">
<h1>REPRENEZ LE CONTRÔLE DE VOS DONNÉES</h1>
<a href="#Act"><h2>Notre vie privée est en danger&nbsp;: agissons maintenant !</h2></a>
<img src="/img/Illu1.jpg"></img>
</div>
</div>
</div>
<div class="container-fluid">
<div class="row">
......
outils/Ixquick.html
View file @ cc25753b
......@@ -11,14 +11,22 @@
<meta name="viewport" content="width=device-width" />
</head>
<div id="stripeTop"></div>
<header>
<h1>REPRENEZ LE CONTRÔLE<br/>DE VOS DONNÉES</h1>
<a href="/index.html#Act">Contactez vos députés</a>
<h2>Notre vie privée est en danger&nbsp;: agissons maintenant !</h2>
</header>
<div id="contanier-fluid">
<div id="stripeTop">
[<a href="http://controle-tes-donnees.net">FR</a>] [<a href="http://reclaimyourdata.eu">EN</a>] &nbsp;
</div>
<div class="container-fluid header">
<div class="row">
<div class="col-md-8 col-md-offset-2">
<h1>REPRENEZ LE CONTRÔLE DE VOS DONNÉES</h1>
<a href="#Act"><h2>Notre vie privée est en danger&nbsp;: agissons maintenant !</h2></a>
<img src="/img/Illu1.jpg"></img>
</div>
</div>
</div>
<div id="container-fluid">
<div class="row">
<div class="col-md-8 col-md-offset-2" id="tutoriel">
<a class="btn btn-default" href="/index.html">Retour au site</a>
......
outils/Jitsi.html
View file @ cc25753b
......@@ -11,12 +11,20 @@
<meta name="viewport" content="width=device-width" />
</head>
<div id="stripeTop"></div>
<header>
<h1>REPRENEZ LE CONTRÔLE<br/>DE VOS DONNÉES</h1>
<a href="/index.html#Act"><bouton><p>Contactez<br/><span>vos députés</span></p></bouton></a>
<h2>Notre vie privée est en danger&nbsp;: agissons maintenant !</h2>
</header>
<div id="stripeTop">
[<a href="http://controle-tes-donnees.net">FR</a>] [<a href="http://reclaimyourdata.eu">EN</a>] &nbsp;
</div>
<div class="container-fluid header">
<div class="row">
<div class="col-md-8 col-md-offset-2">
<h1>REPRENEZ LE CONTRÔLE DE VOS DONNÉES</h1>
<a href="#Act"><h2>Notre vie privée est en danger&nbsp;: agissons maintenant !</h2></a>
<img src="/img/Illu1.jpg"></img>
</div>
</div>
</div>
<div class="container-fluid">
<div class="row">
<div class="col-md-8 col-md-offset-2" id="tutoriel">
......
outils/Modules.html
View file @ cc25753b
......@@ -10,14 +10,22 @@
<script type="text/javascript" src="/js/bootstrap.min.js"></script>
<meta name="viewport" content="width=device-width" />
</head>
<div id="stripeTop"></div>
<header style="background:none; height:auto">
<h1>REPRENEZ LE CONTRÔLE<br/>DE VOS DONNÉES</h1>
<a href="/index.html#Act">Contactez vos députés</a>
<h2>Notre vie privée est en danger&nbsp;: agissons maintenant !</h2>
</header>
<div class="contanier-fluid">
<div id="stripeTop">
[<a href="http://controle-tes-donnees.net">FR</a>] [<a href="http://reclaimyourdata.eu">EN</a>] &nbsp;
</div>
<div class="container-fluid header">
<div class="row">
<div class="col-md-8 col-md-offset-2">
<h1>REPRENEZ LE CONTRÔLE DE VOS DONNÉES</h1>
<a href="#Act"><h2>Notre vie privée est en danger&nbsp;: agissons maintenant !</h2></a>
<img src="/img/Illu1.jpg"></img>
</div>
</div>
</div>
<div class="container-fluid">
<div class="row">
<div class="col-md-8 col-md-offset-2" id="tutoriel">
<a class="btn btn-default" href="/index.html">Retour au site</a>
......
outils/Nom_de_domaine.html
View file @ cc25753b
......@@ -11,14 +11,22 @@
<meta name="viewport" content="width=device-width" />
</head>
<div id="stripeTop"></div>
<header style="background:none; height:auto">
<h1>REPRENEZ LE CONTRÔLE<br/>DE VOS DONNÉES</h1>
<a href="/index.html#Act" class="btn btn-default">Contactez vos députés</a>
<h2>Notre vie privée est en danger&nbsp;: agissons maintenant !</h2>
</header>
<div class="contanier-fluid">
<div id="stripeTop">
[<a href="http://controle-tes-donnees.net">FR</a>] [<a href="http://reclaimyourdata.eu">EN</a>] &nbsp;
</div>
<div class="container-fluid header">
<div class="row">
<div class="col-md-8 col-md-offset-2">
<h1>REPRENEZ LE CONTRÔLE DE VOS DONNÉES</h1>
<a href="#Act"><h2>Notre vie privée est en danger&nbsp;: agissons maintenant !</h2></a>
<img src="/img/Illu1.jpg"></img>
</div>
</div>
</div>
<div class="container-fluid">
<div class="row">
<div id="tutoriel" class="col-md-8 col-md-offset-2">
<a class="btn btn-default" href="/index.html">Retour au site</a>
......
outils/Synology.html
View file @ cc25753b
This diff is collapsed.
outils/Tor.html
View file @ cc25753b
......@@ -11,14 +11,21 @@
<meta name="viewport" content="width=device-width" />
</head>
<div id="stripeTop"></div>
<header>
<h1>REPRENEZ LE CONTRÔLE<br/>DE VOS DONNÉES</h1>
<a href="/index.html#Act" class="btn btn-default">Contactez vos députés</a>
<h2>Notre vie privée est en danger&nbsp;: agissons maintenant !</h2>
</header>
<div id="stripeTop">
[<a href="http://controle-tes-donnees.net">FR</a>] [<a href="http://reclaimyourdata.eu">EN</a>] &nbsp;
</div>
<div class="container-fluid header">
<div class="row">
<div class="col-md-8 col-md-offset-2">
<h1>REPRENEZ LE CONTRÔLE DE VOS DONNÉES</h1>
<a href="#Act"><h2>Notre vie privée est en danger&nbsp;: agissons maintenant !</h2></a>
<img src="/img/Illu1.jpg"></img>
</div>
</div>
</div>
<div class="contanier-fluid">
<div class="container-fluid">
<div class="row">
<div class="col-md-8 col-md-offset-2" id="tutoriel">
<a class="btn btn-default" href="/index.html">Retour au site</a><br/><br/>
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment