Start working on the website

add resources and sections add basic layout with simple yet readable style
cccs · Jan 16, 2015 · 9ca3559 · 9ca3559
1 parent c790a41
commit 9ca3559
Show file tree

Hide file tree

Showing 11 changed files with 184 additions and 0 deletions.
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1 @@
+/_site/
diff --git a/_config.yml b/_config.yml
@@ -0,0 +1 @@
+name: "Je n'ai rien à cacher."
diff --git a/_data/articles.yml b/_data/articles.yml
@@ -0,0 +1,6 @@
+-
+    title: "Rien à cacher"
+    abstract:
+    authors:
+        - L. Chemla
+    url: "http://blogs.mediapart.fr/blog/laurent-chemla/060115/rien-cacher"
diff --git a/_data/books.yml b/_data/books.yml
@@ -0,0 +1,20 @@
+-
+    title: "Matin Brun"
+    authors:
+        - Franck Pavloff
+    abstract:
+        Matin brun est une nouvelle et un apologue français. Vous pouvez la
+        lire en suivant [ce
+        lien](http://www.ifecosse.org.uk/IMG/pdf/Matin_Brun_texte.pdf) (PDF).
+
+-
+    title: "1984"
+    authors:
+        - George Orwell
+    abstract:
+
+-
+    title: "Le Procès"
+    authors:
+        - Franz Kafka
+    abstract:
diff --git a/_data/questions.yml b/_data/questions.yml
@@ -0,0 +1,3 @@
+-
+    question: "Pourquoi est-ce plus compliqué que ce que l'on pense ?"
+    answer: ""
diff --git a/_data/videos.yml b/_data/videos.yml
@@ -0,0 +1,31 @@
+-
+    title: "Je n'ai rien à cacher"
+    url: //www.youtube.com/embed/BRrk5_-kXHw
+    extra_url: http://ldn-fai.net/je-nai-rien-a-cacher/
+    date_fr: 17 avril 2014
+    authors:
+        - Julien Vaubourg
+    abstract:
+        Google pense que « si [nous faisons] quelque chose [que nous souhaitons] que
+        personne ne sache, peut-être [devrions-nous] commencer par ne pas le faire »
+        et que « la vie privée pourrait en réalité être une anomalie ». Pourtant
+        nous utilisons tous plus ou moins ses services et ceux des entreprises qui
+        développent le même mode de pensée sur Internet. Mais au fait, n’avons-nous
+        vraiment rien à cacher ?
+
+-
+    title: "Si, vous avez quelque chose à cacher"
+    url: //numaparis.ubicast.tv/permalink/v124f0685738c740caef/iframe/
+    extra_url: http://www.april.org/si-vous-avez-quelque-chose-cacher-conference-de-numendil-passage-en-seine-en-2013
+    date_fr: 21 juin 2013
+    authors:
+        - Numendil
+    abstract:
+        Des lois censées vous protéger aux entreprises qui rêvent de tout savoir
+        sur vous, il devient de plus en plus compliqué de garder sa vie privée «
+        privée ». Ça l'est encore plus lorsque les principaux concernés vous
+        répondent « Je n'ai rien à cacher. ». Cette affirmation est-elle vraie ?
+        À quels risques nous expose-t-elle ? Pourquoi et comment en sommes-nous
+        arrivés à tout ceci et, plus important encore, comment faire pour
+        prendre pleinement conscience que si... nous avons tous quelque chose à
+        cacher.
diff --git a/_includes/video_item.html b/_includes/video_item.html
@@ -0,0 +1,18 @@
+{% assign video = include.video %}
+<li class="media">
+    <div class="row">
+        <div class="col-md-8">
+            <h4 class="media-heading">{{ video.title }} - <em>{{ video.authors|join:', ' }}</em></h4>
+            <p class="text-justify">
+                {{ video.abstract }}
+            </p>
+            <p class="text-justify small">
+                Cette vidéo a été enregistrée le {{ video.date_fr }}.
+                {% if video.extra_url %}vous trouverez plus d'informations en suivant <a href="{{ video.extra_url }}">ce lien</a>.{% endif %}
+            </p>
+        </div>
+        <div class="col-md-4 text-center">
+            <iframe src="{{ video.url }}" frameborder="0" allowfullscreen></iframe>
+        </div>
+    </div>
+</li>
diff --git a/_layouts/default.html b/_layouts/default.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<html lang="fr">
+    <head>
+        <meta charset="utf-8">
+        <meta http-equiv="X-UA-Compatible" content="IE=edge">
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+        {% if page.title %}
+        <title>{{ page.title }} | {{ site.name }}</title>
+        {% else %}
+        <title>{{ site.name }}</title>
+        {% endif %}
+        <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css">
+        <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap-theme.min.css">
+        <link rel="stylesheet" href="/css/main.css">
+        <link rel="stylesheet" href="//fonts.googleapis.com/css?family=Muli">
+    </head>
+    <body>
+        <div class="container">
+            <div class="row">
+                <div class="col-md-10 col-md-offset-1">
+                    {{ content }}
+                </div>
+            </div>
+            <div class="row">
+                <div class="col-md-10 col-md-offset-1 text-center">
+                    <hr>
+                    <a rel="license" href="http://creativecommons.org/licenses/by-sa/4.0/">
+                        <img alt="Licence Creative Commons" style="border-width:0" src="//i.creativecommons.org/l/by-sa/4.0/88x31.png" />
+                    </a>
+                    <br>
+                    Ce contenu est mis à disposition selon les termes de la
+                    <a rel="license" href="http://creativecommons.org/licenses/by-sa/4.0/">Licence
+                    Creative Commons Attribution <br> Partage dans les Mêmes Conditions 4.0 International</a>.
+                </div>
+            </div>
+        </div>
+    </body>
+</html>
diff --git a/_layouts/index.html b/_layouts/index.html
@@ -0,0 +1,7 @@
+---
+layout: default
+---
+
+<div clas="container">
+    {{ content }}
+</div>
diff --git a/css/main.css b/css/main.css
@@ -0,0 +1,11 @@
+body {
+    font-family: 'Muli', sans-serif;
+}
+
+p {
+    font-size: 1.1em;
+}
+
+h2 {
+    margin-top: 1.2em;
+}
diff --git a/index.md b/index.md
@@ -0,0 +1,48 @@
+---
+layout: index
+---
+
+# Je n'ai rien à cacher. <small>En fait si, et vous également !</small>
+
+---
+
+{% for question in site.data.questions %}
+## <i class="glyphicon glyphicon-hand-right" aria-hidden="true"></i> {{ question.question }}
+
+{{ question.answer|markdownify }}
+{% endfor %}
+
+
+## <i class="glyphicon glyphicon-hand-right" aria-hidden="true"></i> Aller plus loin
+
+Vous trouverez ci-dessous un ensemble de ressources variées sur le sujet pour
+mieux comprendre les enjeux et implications.
+
+### En lisant des articles
+
+{% for article in site.data.articles %}
+#### <a href="{{ article.url }}">{{ article.title }}</a> - <em>{{ article.authors|join:', ' }}</em>
+{% endfor %}
+
+### En écoutant des conférences
+
+<ul class="media-list">
+{% for video in site.data.videos %}
+    {% include video_item.html video=video %}
+{% endfor %}
+</ul>
+
+### En lisant des livres
+
+{% for book in site.data.books %}
+#### {{ book.title }} - <em>{{ book.authors|join:', ' }}</em>
+
+{{ book.abstract }}
+{% endfor %}
+
+
+## <i class="glyphicon glyphicon-hand-right" aria-hidden="true"></i> Se tenir informé
+
+### En suivant les gens qui se battent pour vous
+
+