Add first shot of a press release

source/assets/stylesheets/_coc.scss

@@ -1,6 +1,4 @@
 .coc {
-  padding: $base-spacing 0;
-
   aside {
     font-size: modular-scale(-1);
   }

source/assets/stylesheets/_landing.scss

@@ -31,10 +31,6 @@
   }
 }
 
-.container {
-  @include outer-container;
-}
-
 .section {
   padding: $base-spacing * 2 0;
 

source/assets/stylesheets/_layout.scss

@@ -0,0 +1,8 @@
+.coc,
+.press {
+  padding: $base-spacing 0;
+}
+
+.container {
+  @include outer-container;
+}

source/assets/stylesheets/_press.scss

@@ -0,0 +1,29 @@
+.press-release {
+  @include span-columns(7);
+
+  .learn-to-code {
+    margin-top: $base-spacing;
+  }
+}
+
+.pr-event-details {
+  @include span-columns(4);
+  @include shift(1);
+
+  .section-header {
+    color: $action-color;
+    margin-top: $base-spacing;
+
+    &:first-child {
+      margin-top: 0;
+    }
+  }
+
+  h5 {
+    margin-top: $base-spacing;
+  }
+
+  p {
+    font-size: modular-scale(-1);
+  }
+}

source/assets/stylesheets/application.scss

@@ -5,5 +5,7 @@
 @import "base/grid-settings";
 @import "neat";
 
+@import "layout";
 @import "landing";
 @import "coc";
+@import "press";

source/views/press.html.erb

@@ -0,0 +1,89 @@
+---
+title: Rails Girls Saint-Etienne
+---
+
+<div class="container">
+  <h1>Communiqué de presse</h1>
+
+  <main class="press-release">
+
+    <h2>Rails Girls : une application Web en un jour, c'est possible !</h2>
+
+    <p>Saint-Etienne le 23 septembre 2015.</p>
+
+    <p>
+      Ce 23-24 octobre se déroule le premier Rails Girls stéphanois, un événement gratuit d'une soirée et une journée,
+      destiné prioritairement à des femmes de tous les âges et horizons, durant lequel elles crééent une application Web complète,
+      aidées par nos fantastiques mentos.
+    </p>
+
+    <p>
+      Nous souhaitons étendre à la ville de Saint-Etienne l’initiative de l’association Rails Girls : doter les femmes (mais pas que)
+      d’outils leur permettant de (mieux) comprendre les nouvelles technologies et de mettre celles-ci à profit
+      pour développer et porter leurs idées.
+    </p>
+
+    <p>
+      En d’autres termes rendre la technologie plus accessible à celles qui aimeraient maîtriser un peu plus
+      le développement web mais qui n’arrivent pas à trouver un moyen facile, communautaire et gratuit
+      pour apprendre et promouvoir la diversité dans ce domaine.
+    </p>
+
+    <p>Depuis la première édition finlandaise, plus de 220 manifestations Rails Girls ont déjà vu le jour dans une cinquantaine de pays.</p>
+
+    <p>
+      Pour cette édition, une trentaine de débutantes auront la chance de pouvoir réaliser leur projet
+      et concrétiser leurs premiers pas dans la création d'applications web.
+    </p>
+
+    <p>
+      Leurs mentors ont une journée pour démystifier le monde du Web et du développement d'applications
+      à leurs élèves de tous horizons : étudiantes à seniors, avec ou sans emploi, voire en reconversion ou création d'entreprise,
+      chacune a une bonne raison d'apprendre les clés de ce nouveau monde pour se l'approprier.
+    </p>
+
+
+    <h2 class="learn-to-code">Pourquoi apprendre à coder ?</h2>
+
+    <p>
+      Nous sommes tous entourés de lignes de code : au travail, à l'école, à la maison, durant vos loisirs...<br>
+      Votre banque, votre smartphone, votre voiture, non seulement fonctionnent avec des millions de lignes de code, mais discutent avec des systèmes qui en ont tout autant.<br>
+      Réseaux sociaux, infrastructures, gouvernement... tous utilisent les capacités de l'informatique. Aujourd'hui un peu, beaucoup, parfois déjà à la folie ! Et demain ? Encore davantage.
+    </p>
+
+    <p>
+      Comprendre ce qui se passe derrière un écran n'est pas réservé aux curieux, c'est déjà nécessaire à toute vie professionnelle et citoyenne.<br>
+      Au-delà du code, les enjeux sont parfois plus simples mais plus graves : ce site est-il sécurisé ? Cet email est-il légitime ? Que puis-je mettre sur les réseaux sociaux et que dois-je éviter ?<br>
+      Si je vote sur une machine électronique, pourra-t-elle être piratée ? (oui, probablement) Pourra-t-on vérifier les résultats avec fiabilité ? (non, certainement pas)
+    </p>
+
+    <p>
+      Pour comparer : la voiture c'était complexe mais c'était la liberté. Sans être un mécanicien, tout le monde devait savoir au moins entretenir sa voiture.<br>
+      Maintenant c'est un peu magique, et même les bricoleurs n'ont plus le droit de triturer leur propre véhicule. Ne laissez pas cela vous arriver avec le code,
+      ne restez pas sur le bord de la route !
+    </p>
+  </main>
+
+  <div class="pr-event-details">
+    <h3 class="section-header">Programme</h3>
+    <h5>Vendredi 23 oct. à partir de 19h : Install Party</h5>
+    <p>Pour présenter l'événement, faire connaissance entre débutants et mentors, et repartir avec tout ce qu'il faut installé sur son ordinateur !</p>
+
+    <h5>Samedi 24 oct. : Une application en un jour</h5>
+    <p>Pour tout apprendre de l'informatique et du développement, et (re)prendre le contrôle sur cet univers indispensable qui nous entoure à chaque seconde.</p>
+
+    <h3 class="section-header">Lieu</h3>
+    <p>Chez <%= link_to 'Craftsmen', 'http://craftsmen.io' %>, 20 rue Benoît Lauras</p>
+
+    <h3 class="section-header">Tarif</h3>
+    <p>Gratuit, grâce à nos généreux sponsors !</p>
+
+    <h3 class="section-header">Infos pratiques</h3>
+    <p><strong>Site officiel et inscriptions</strong><br><%= link_to 'http://craftmsen.github.io/railsgirls-saintetienne', '/' %></p>
+    <p><strong>Contact presse</strong><br>Mehdi Lahmam <a href="mailto:mehdi@craftsmen.io">mehdi@craftsmen.io</a></p>
+    <p><strong>Twitter</strong><br><%= link_to '@RailsGirlsStE', 'http://twitter.com/railsgirlsste' %></p>
+
+    <h3 class="section-header">Organisateur</h3>
+    <p><strong>Web en Vert</strong><br><%= link_to 'http://webenvert.fr', 'http://webenvert.fr' %></strong>
+  </div>
+</div>