share

package.json

@@ -19,7 +19,7 @@
   },
   "scripts": {
     "start": "gatsby develop",
-    "build": "gatsby build",
+    "build": "gatsby build --prefix-links",
     "build:serve": "gatsby serve-build",
     "deploy": "gatsby build --prefix-links && gh-pages -d public",
     "pages": "gh-pages -d public"

pages/versus/en-marche.toml

@@ -302,7 +302,7 @@ candidat = "Emmanuel Macron"
     quote = "Nous ouvrirons les droits à l’assurance-chômage aux salariés qui démissionnent. Ce droit ne sera utilisable qu’une fois tous les cinq ans. En contrepartie, l’insuffisance des efforts de recherche d’emploi ou le refus d’offres raisonnables entraîneront la suspension des allocations."
     ref = "Emmanuel Macron président - 02/03/2017"
     link = "https://storage.googleapis.com/en-marche-fr/COMMUNICATION/Programme-Emmanuel-Macron.pdf"
-    tldr = "Droit à l'<p>assurance-chômage</p> pour les salariés qui démissionnent tous les cinq ans. <p>Suspension des allocations</p> en cas de refus d'offres \"raisonnables\"."
+    tldr = "Droit à l'<strong>assurance-chômage</strong> pour les salariés qui démissionnent tous les cinq ans. <strong>Suspension des allocations</strong> en cas de refus d'offres \"raisonnables\"."
 
     [categories.list.us]
     quote = "Refonder le recours à la rupture conventionnelle pour empêcher les licenciements déguisés."
@@ -337,7 +337,7 @@ candidat = "Emmanuel Macron"
     "
     ref = "L'Avenir En Commun - 01/12/2016"
     link = "https://laec.fr/section/2/balayer-l-oligarchie-abolir-les-privileges-de-la-caste"
-    tldr = "Représentativité des <strong>organisation partonales</strong> sur la base d'élections. <strong>Amnistie des syndicalistes et militants</strong> condamnés pour des faits de lutte syndicale."
+    tldr = "Représentativité des <strong>organisation patronales</strong> sur la base d'élections. <strong>Amnistie des syndicalistes et militants</strong> condamnés pour des faits de lutte syndicale."
 
   [[categories.list]]
     title = "Démocratie dans l'entreprise"
@@ -1093,7 +1093,7 @@ candidat = "Emmanuel Macron"
     quote = "Projets de modernisation des exploitations ayant un impact positif sur l’environnement et le bien-être animal."
     ref = "Emmanuel Macron président - 02/03/2017"
     link = "https://en-marche.fr/emmanuel-macron/le-programme/agriculture"
-    tldr = "Projets de <strong>modernisation</strong> des exploitations ayant un impact <strong>positif sur l’environnemen<strong>bien-être animal</strong> bien-être animal."
+    tldr = "Projets de <strong>modernisation</strong> des exploitations ayant un impact positif sur l’environnemen<strong>bien-être animal</strong> bien-être animal."
 
   [[categories.list]]
     title = "Politique agricole commune (PAC)"

pages/versus/front-national.toml

@@ -302,7 +302,7 @@ candidat = "Marine Le Pen"
     "
     ref = "L'Avenir En Commun - 01/12/2016"
     link = "https://laec.fr/section/2/balayer-l-oligarchie-abolir-les-privileges-de-la-caste"
-    tldr = "Représentativité des <strong>organisation partonales</strong> sur la base d'élections. <strong>Amnistie des syndicalistes et militants</strong> condamnés pour des faits de lutte syndicale."
+    tldr = "Représentativité des <strong>organisation patronales</strong> sur la base d'élections. <strong>Amnistie des syndicalistes et militants</strong> condamnés pour des faits de lutte syndicale."
 
   [[categories.list]]
     title = "Démocratie dans l'entreprise"
@@ -1527,13 +1527,13 @@ candidat = "Marine Le Pen"
     quote = "Renforcer la solidarité intergénérationnelle en permettant à chaque parent de transmettre sans taxation 100 000 euros à chaque enfant tous les cinq ans (au lieu de quinze ans actuellement) et en augmentant le plafond des donations sans taxation aux petits-enfants à 50 000 euros, également tous les cinq ans."
     ref = "Marine Présidente - 02/2017"
     link = "https://www.marine2017.fr/programme/"
-    tldr = "Modifier la taxation pour renforcer la solidarité intergénérationnelle."
+    tldr = "<strong>Modifier</strong> la taxation pour renforcer la solidarité intergénérationnelle."
 
     [categories.list.us]
     quote = "Augmenter les droits de succession sur les gros patrimoines et créer un héritage maximum pour les fortunes les plus importantes (égal au patrimoine des 0,01 % les plus riches, soit 33 millions d'euros en 2012)."
     ref = "L'Avenir En Commun - 01/12/2016"
     link = "https://laec.fr/s36m5"
-    tldr = "Augmenter les droits de succession sur les gros patrimoines."
+    tldr = "<strong>Augmenter</strong> les droits de succession sur les <strong>gros patrimoines</strong>."
 
   [[categories.list]]
     title = "Niches fiscales"
@@ -1544,7 +1544,7 @@ candidat = "Marine Le Pen"
     quote = "Remettre à plat l'ensemble des aides publiques et exonérations d'impôt ou de cotisation accordées aux entreprises, évaluer leur efficacité, et revenir sur les aides antisociales et anti-écologiques."
     ref = "L'Avenir En Commun - 01/12/2016"
     link = ""
-    tldr = "Évaluer chacune des niches fiscales et supprimer les niches injustes, inefficaces socialement ou nuisibles écologiquement."
+    tldr = "Évaluer chacune des niches fiscales et <strong>supprimer</strong> les niches <strong>injustes</strong>, inefficaces <strong>socialement</strong> ou nuisibles <strong>écologiquement</strong>."
 
   [[categories.list]]
     title = "Immobilier"
@@ -1555,7 +1555,7 @@ candidat = "Marine Le Pen"
     quote = "Imposer les hautes transactions immobilières par une taxe progressive."
     ref = "L'Avenir En Commun - 01/12/2016"
     link = "https://laec.fr/s34m5"
-    tldr = "Imposer les hautes transactions immobilières par une taxe progressive."
+    tldr = "Imposer les <strong>hautes transactions</strong> immobilières par une <strong>taxe progressive</strong>."
 
   [[categories.list]]
     title = "Outre-mer"
@@ -1566,7 +1566,7 @@ candidat = "Marine Le Pen"
     quote = "Supprimer les exemptions fiscales bénéficiant aux ultra-riches pour les investissements outre-mer (notamment sur l'ISF)."
     ref = "L'Avenir En Commun - 01/12/2016"
     link = "https://laec.fr/s15m3"
-    tldr = "Supprimer les exemptions fiscales bénéficiant aux ultra-riches pour les investissements outre-mer (notamment sur l'ISF)."
+    tldr = "<strong>Supprimer</strong> les exemptions fiscales bénéficiant aux <strong>ultra-riches</strong> pour les investissements <strong>outre-mer</strong>."
 
   [[categories.list]]
     title = "Impôt univesel"
@@ -1577,22 +1577,22 @@ candidat = "Marine Le Pen"
     quote = "Mettre en place la taxation différentielle permettant de soumettre chaque citoyen français aux impôts français quel que soit son pays de résidence"
     ref = "L'Avenir En Commun - 01/12/2016"
     link = "https://laec.fr/s37m1"
-    tldr = "Mettre en place une taxation différentielle quel que soit le pays de résidence."
+    tldr = "Mettre en place une taxation différentielle <strong>quel que soit le pays</strong> de résidence."
 
   [[categories.list]]
     title = "Lutte contre la fraude fiscale"
 
     [categories.list.them]
-    quote = "Remettre de l’ordre dans nos finances publiques ... par la lutte contre la fraude sociale et fiscale."
-    ref = ""
+    quote = "Remettre de l’ordre dans nos finances publiques [...] par la lutte contre la fraude sociale et fiscale."
+    ref = "Marine Présidente - 02/2017"
     link = "https://www.marine2017.fr/programme/"
-    tldr = ""
+    tldr = "<strong>Lutte</strong> contre la fraude sociale et fiscale."
 
     [categories.list.us]
     quote = "Supprimer le monopole du déclenchement de poursuites judiciaires par l'administration fiscale en cas de fraude : la justice doit pouvoir enquêter librement et de sa propre initiative, même contre l'avis du ministre."
     ref = "L'Avenir En Commun - 01/12/2016"
     link = "https://laec.fr/s2m2"
-    tldr = "Donner à la Justice le droit de déclencher des poursuites fiscales de sa propre initiative."
+    tldr = "Donner à la <strong>Justice</strong> le droit de déclencher des poursuites fiscales de sa <strong>propre initiative</strong>."
 
   [[categories.list]]
     title = "Impôt sur les sociétés"
@@ -1603,23 +1603,23 @@ candidat = "Marine Le Pen"
     quote = "Moduler l'impôt sur les sociétés selon l'usage des bénéfices pour encourager l'investissement en France : un taux réduit pour les bénéfices réinvestis en France, un taux plein pour les bénéfices distribués aux actionnaires."
     ref = "L'Avenir En Commun - 01/12/2016"
     link = "https://laec.fr/s20m3"
-    tldr = "Instaurer un taux d'imposition réduit pour les entreprise qui réinvestissent leurs bénéfices en France."
+    tldr = "Instaurer un <strong>taux d'imposition réduit</strong> pour les entreprise qui <strong>réinvestissent</strong> leurs bénéfices en France."
 
   [[categories.list]]
     title = "Impôts TPE et PME"
 
     [categories.list.them]
     quote = "<p>Alléger la complexité administrative et fiscale pesant sur les TPE-PME...</p>
     <p>Maintenir le dispositif à taux réduit à 15 % de l’impôt sur les sociétés pour les TPE-PME et créer un taux intermédiaire à 24 % (au lieu de 33 %) pour les PME. Fluidifier la transmission d’entreprises en accordant l’exonération totale des plus-values de cession des actions et parts sociales des PME-PMI au bout de sept ans.</p>"
-    ref = ""
+    ref = "Marine Présidente - 02/2017"
     link = "https://www.marine2017.fr/programme/"
-    tldr = ""
+    tldr = "Maintenir le taux réduit de l'impôt sur les TPE-PME à <strong>15%</strong>, créer un taux intermédiaire d'imposition à <strong>24%</strong> pour les PME."
 
     [categories.list.us]
     quote = "Refonder l'impôt sur les sociétés pour établir l'égalité devant l'impôt entre PME et grands groupes, instaurer un barème progressif et favoriser l'investissement plutôt que la distribution de dividendes."
     ref = "L'Avenir En Commun - 01/12/2016"
     link = "https://laec.fr/s36m3"
-    tldr = "Établir l'égalité devant l'impôt entre PME et grands groupes."
+    tldr = "Établir <strong>l'égalité devant l'impôt</strong> entre PME et grands groupes."
 
   [[categories.list]]
     title = "Taxe sur les transactions financières"
@@ -1633,7 +1633,7 @@ candidat = "Marine Le Pen"
     "
     ref = "L'Avenir En Commun - 01/12/2016"
     link = "https://laec.fr/section/19/mettre-au-pas-la-finance#mesure-3"
-    tldr = "Taxer les transactions financières. Interdire aux banques toute activité dans les paradis fiscaux."
+    tldr = "<strong>Taxer</strong> les transactions financières. Interdire aux banques toute activité dans les <strong>paradis fiscaux</strong>."
 
 
   [[categories.list]]
@@ -1645,4 +1645,4 @@ candidat = "Marine Le Pen"
     quote = "Transformer les 41 milliards d'euros annuels du pacte de responsabilité et du crédit d'impôt compétitivité (soit 2% du PIB chaque année, 200 milliards d'euros sur un quinquennat) pour financer la transition énergétique et les activités socialement utiles."
     ref = "L'Avenir En Commun - 01/12/2016"
     link = "https://laec.fr/s18m2"
-    tldr = "Supprimer le CICE et le réinvestir dans la transition énergétique et les activités socialement utiles."
+    tldr = "<strong>Supprimer</strong> le CICE et le réinvestir dans la <strong>transition énergétique</strong> et les activités <strong>socialement utiles</strong>."

pages/versus/les-republicains.toml

@@ -349,7 +349,7 @@ candidat = "François Fillon"
     "
     ref = "L'Avenir En Commun - 01/12/2016"
     link = "https://laec.fr/section/2/balayer-l-oligarchie-abolir-les-privileges-de-la-caste"
-    tldr = "Représentativité des <strong>organisation partonales</strong> sur la base d'élections. <strong>Amnistie des syndicalistes et militants</strong> condamnés pour des faits de lutte syndicale."
+    tldr = "Représentativité des <strong>organisation patronales</strong> sur la base d'élections. <strong>Amnistie des syndicalistes et militants</strong> condamnés pour des faits de lutte syndicale."
 
   [[categories.list]]
     title = "Démocratie dans l'entreprise"
@@ -1373,6 +1373,35 @@ candidat = "François Fillon"
     link = "https://avenirencommun.fr/le-livret-transports/"
     tldr = "Développer les transports ferroviaires afin d’assurer un <strong>maillage adapté</strong> aux différentes échelles des territoires."
 
+    [[categories.list]]
+      title = "Transport de marchandises"
+
+      [categories.list.them]
+
+      [categories.list.us]
+      quote = "
+      <p>Nous organiserons, en différents lieux de l’agglomération (gare, nœud autoroutier, sortie d’autoroute, port) des centres de distribution urbaine, bases logistiques de tri, de stockage, éventuellement de vente, où s’opérera cette rupture de charge. À partir de ces centres, nous mettrons en place une logistique « du dernier kilomètre » par toutes sortes de modes non polluants (camions au gaz naturel, camionnettes électriques, tramways de fret, triporteurs à assistance électrique). Pour les produits frais, issus de l’agriculture et de l’élevage, une logistique particulière de proximité sera mise en place, favorisant les circuits courts de distribution, avec des véhicules non-polluants.</p>
+      <p>Nous relancerons le transport de fret par voie ferrée, en particulier grâce au développement du transport combiné rail-route et du ferroutage (camions mis sur les trains), afin de réduire la part du transport routier des marchandises. Nous lancerons ainsi un grand plan ferroutage avec comme objectif que tous les camions traversant notre pays entre la frontière belge et la frontière espagnole passent sur des trains.</p>
+      <p>Le transport fluvial est le moins polluant à la tonne transportée, (...). Nous favoriserons des investissements et des innovations dans ce mode de transports, en rénovant les infrastructures fluviales existantes, et en augmentant leurs capacités. Le transport fluvial devra être systématiquement relié aux ports maritimes.</p>
+      "
+      ref = "Pour des transports écologiques et accessibles - 2017"
+      link = "https://avenirencommun.fr/le-livret-transports/"
+      tldr = "Remplacer le transport par camions par plusieurs alternatives comme <strong>ferroutage</strong>, <strong>transport fluvial</strong>, <strong>triporteurs</strong> à assistance électrique ..."
+
+    [[categories.list]]
+      title = "Autoroutes"
+
+      [categories.list.them]
+
+      [categories.list.us]
+      quote = "
+      <p>Nationaliser les autoroutes.</p>
+      <p>Garantir la responsabilité de l’État dans la gestion et l’entretien des routes nationales. L’enveloppe budgétaire ainsi économisée par les régions sera réattribuée à la création de stations d’alimentation en énergies propres pour les véhicules. Nous mettrons de cette manière en œuvre les conditions de mutation du parc automobile vers les énergies propres (électricité et gaz). </p>
+      "
+      ref = "Pour des transports écologiques et accessibles - 2017"
+      link = "https://avenirencommun.fr/le-livret-transports/"
+      tldr = "<strong>Re-nationaliser</strong> les autoroutes."
+
   [[categories.list]]
     title = "Covoiturage"
 

pages/versus/parti-socialiste.toml

@@ -328,7 +328,7 @@ candidat = "Benoît Hamon"
     "
     ref = "L'Avenir En Commun - 01/12/2016"
     link = "https://laec.fr/section/2/balayer-l-oligarchie-abolir-les-privileges-de-la-caste"
-    tldr = "Représentativité des <strong>organisation partonales</strong> sur la base d'élections. <strong>Amnistie des syndicalistes et militants</strong> condamnés pour des faits de lutte syndicale."
+    tldr = "Représentativité des <strong>organisation patronales</strong> sur la base d'élections. <strong>Amnistie des syndicalistes et militants</strong> condamnés pour des faits de lutte syndicale."
 
   [[categories.list]]
     title = "Démocratie dans l'entreprise"

sample/territory.toml

@@ -162,7 +162,7 @@
     tldr = "Inscrire le droit au logement dans la Constitution. Sortir le logement des mécanismes de marché."
 
   [[categories.list]]
-    title = "Transport ferrovière"
+    title = "Transport ferroviaire"
 
     [categories.list.them]
     quote = ""

templates/Category.scss

@@ -33,6 +33,7 @@
     &##{$name} {
       h3,
       .subtitle,
+      .subtitle a,
       .none,
       .tldr i,
       .more button,

templates/Topic.js

@@ -20,10 +20,52 @@ export default class Topic extends Component {
 
   render() {
     const { candidat, item } = this.props;
+    let url, twitterText;
+    if (typeof document == 'object') {
+      url = encodeURI(`http://comparateur-programme.fr${document.location.pathname}#${getSlug(item.title)}`);
+      twitterText = encodeURIComponent(`Jean-Luc Mélenchon VS ${candidat} : ${item.title} ${url}`);
+    }
+
     return (
       <div className="Topic" id={getSlug(item.title)}>
         <Row>
-          <Col className="subtitle"><span>{item.title}</span></Col>
+          <Col className="subtitle">
+            <span>{item.title}</span>
+            <div className="social">
+              <a
+                href={`https://www.facebook.com/sharer/sharer.php?u=${url}`}
+                onClick={(e) => {
+                  e.preventDefault();
+                  window.open(e.currentTarget, 'Partager sur Facebook', 'width=560,height=430');
+                }}
+              >
+                <i className="fa fa-facebook" aria-hidden="true"></i>
+              </a>
+              <a
+                href={`https://twitter.com/home?status=${twitterText}`}
+                onClick={(e) => {
+                  e.preventDefault();
+                  window.open(e.currentTarget, 'Partager sur Twitter', 'width=430,height=284');
+                }}
+              >
+                <i className="fa fa-twitter" aria-hidden="true"></i>
+              </a>
+              <a
+                href={`https://plus.google.com/share?url=${url}`}
+                onClick={(e) => {
+                  e.preventDefault();
+                  window.open(e.currentTarget, 'Partager sur Google+', 'width=400,height=415');
+                }}
+              >
+                <i className="fa fa-google-plus" aria-hidden="true"></i>
+              </a>
+              <a
+                href={`#${getSlug(item.title)}`}
+              >
+                <i className="fa fa-anchor" aria-hidden="true"></i>
+              </a>
+            </div>
+          </Col>
           <Hidden sm xs>
             <Col className="more" md={12}>
               <button onClick={() => this.setState({

templates/Topic.scss

@@ -28,8 +28,32 @@
       border-radius: 4px;
       box-shadow: 0 2px 8px rgba(0, 0, 0, 0.07);
       display: inline-block;
-      line-height: 35px;
-      padding: 0 20px;
+      max-width: calc(100% - 400px);
+      padding: 8px 20px;
+
+      @media (max-width: 767px) {max-width: none;}
+    }
+  }
+
+  .social {
+    left: 35px;
+    position: absolute;
+    top: 0;
+
+    @media (max-width: 767px) {
+      position: static;
+    }
+
+    a {
+      background: #fff;
+      border-bottom: 1px solid $border;
+      border-radius: 4px;
+      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.07);
+      display: inline-block;
+      font-size: 14px;
+      line-height: 25px;
+      margin: 10px 10px 0 0;
+      width: 25px;
     }
   }
 

templates/Versus.js

@@ -36,14 +36,10 @@ class Versus extends Component {
     });
   }
 
-  componentWillReceiveProps(nextProps) {
+  componentWillUpdate(nextProps) {
     if (nextProps.data != this.props.data) {
-      this.container.style.transition = '0s';
-      this.container.style.opacity = 0;
-      requestAnimationFrame(() => {
-        this.container.style.opacity = 1;
-        this.container.style.transition = '.4s';
-      });
+      this.container.classList.add('animated');
+      setTimeout(() => this.container.classList.remove('animated'), 200);
     }
   }
 

templates/Versus.scss

@@ -22,6 +22,16 @@
     @media (max-width: 767px) {display: none;}
   }
 
+  .container {
+    transition: .7s;
+
+    &.animated {
+      opacity: 0;
+      transform: translateY(-20px);
+      transition: 0s;
+    }
+  }
+
   .stickyHeader {
     left: 0;
     opacity: 0;