fix baseURL against old domain name (no longer exists)

README.md

@@ -0,0 +1,19 @@
+
+
+### Run locally
+
+$ npm install
+$ npm run build
+$ mv public comparateur-programme
+$ mkdir public
+$ mv comparateur-programme public/
+$ npm run build:serve
+
+open http://localhost:8000/comparateur-programme
+
+### Deploy
+
+**Warning: build and directly deploy to github pages (push)**
+
+$ npm run deploy
+

config.toml

@@ -1,3 +1,4 @@
 siteTitle="Le comparateur de programmes de la France insoumise"
 siteDescription="Comparez les programmes des candidats à la présidentielle 2017 avec le programme de la France insoumise : l'Avenir en commun."
-linkPrefix = ""
+linkPrefix = "/comparateur-programme"
+siteUrl = "https://insoumis.github.io"

pages/_template.js

@@ -4,13 +4,14 @@ import Outlinks from '../templates/Outlinks';
 import Header from '../templates/Header';
 import Nav from '../templates/Nav';
 import '../styles/main.scss';
+import { config } from 'config';
 
 const Template = ({ children, location }) => (
   <div>
 
     <Outlinks />
-    <Header isHome={location.pathname == '/'} />
-    <Nav isHome={location.pathname == '/'} />
+    <Header isHome={location.pathname == config.linkPrefix + '/'} />
+    <Nav isHome={location.pathname == config.linkPrefix + '/'} />
     <div>
       {children}
     </div>

pages/index.js

@@ -2,6 +2,7 @@ import React from 'react';
 import { Link } from 'react-router';
 import { Container, Row, Col } from 'react-grid-system';
 import Helmet from 'react-helmet';
+import { prefixLink } from 'gatsby-helpers';
 
 import { config } from 'config';
 
@@ -16,7 +17,7 @@ const Index = () => (
       <meta name="description" content={config.siteDescription} />
       <meta property="og:title" content={config.siteTitle} />
       <meta property="og:description" content={config.siteDescription} />
-      <meta property="og:image" content="http://comparateur-programme.fr/assets/preview-home.png" />
+      <meta property="og:image" content={prefixLink("/assets/preview-home.png")} />
       <meta property="og:image:width" content="1200" />
       <meta property="og:image:height" content="635" />
       <meta name="twitter:card" content="summary_large_image" />
@@ -25,7 +26,7 @@ const Index = () => (
       <Col id="home" md={8} offset={{md: 2}}>
         <h2>Bienvenue sur le comparateur de programmes de la France Insoumise !</h2>
         <p>
-          Ce site a été réalisé par des membres du <a href="http://discord.insoumis.online/" target="_blank">Discord Insoumis</a>. C'est une initiative citoyenne qui n'a aucun lien direct avec l'<a href="https://jlm2017.fr/" target="_blank">équipe de campagne officielle de Jean-Luc Mélenchon</a>.
+          Ce site a été réalisé par des membres du <a href="http://discord-insoumis.fr/" target="_blank">Discord Insoumis</a>. C'est une initiative citoyenne qui n'a aucun lien direct avec l'<a href="https://jlm2017.fr/" target="_blank">équipe de campagne officielle de Jean-Luc Mélenchon</a>.
         </p>
         <p>
           Le but de ce comparateur est avant tout d'aider nos concitoyens à s'informer sur le programme de la France Insoumise, <a href="https://laec.fr/" target="_blank">l'Avenir en commun</a>, mais aussi de leur permettre de le comparer à celui d'autres candidats. Nous sommes conscients que tous les candidats à la présidentielle ne sont pas présents et le regrettons sincèrement, mais notre petit effectif ne nous permettait malheureusement pas de traiter les programmes des 11 candidats à la présidentielle dans le peu de temps qui nous était imparti.
@@ -57,7 +58,7 @@ const Index = () => (
         <p>
           Pour chaque thème que nous comparons, nous avons rédigé un résumé qui nous semblait refléter aussi explicitement que possible ce que chaque programme proposait. Chacun de ces résumés est accompagné d'un extrait de la source sur laquelle nous nous sommes basés. Vous pouvez y accéder en cliquant sur le bouton <i className="fa fa-plus" aria-hidden="true"></i>. Vous y trouverez également un lien menant à la source en question.
         </p>
-        <p>Un <Link to="/contact/">formulaire de contact</Link> est à votre disposition si vous avez des remarques (pertinentes, constructives et polies) à nous adresser.</p>
+        <p>Un <Link to={prefixLink("/contact/")}>formulaire de contact</Link> est à votre disposition si vous avez des remarques (pertinentes, constructives et polies) à nous adresser.</p>
       </Col>
     </Row>
   </Container>

templates/Topic.js

@@ -1,6 +1,8 @@
 import React, { Component } from 'react';
 import { Row, Col, Hidden } from 'react-grid-system';
 import getSlug from 'speakingurl';
+import { config } from 'config';
+import { prefixLink } from 'gatsby-helpers';
 
 import './Topic.scss';
 
@@ -22,7 +24,7 @@ export default class Topic extends Component {
     const { candidat, item } = this.props;
     let url, twitterText;
     if (typeof document == 'object') {
-      url = encodeURI(`http://comparateur-programme.fr${document.location.pathname}#${getSlug(item.title)}`);
+      url = encodeURI(`${config.siteUrl}${document.location.pathname}#${getSlug(item.title)}`);
       twitterText = encodeURIComponent(`Jean-Luc Mélenchon VS ${candidat} : ${item.title} ${url}`);
     }
 
@@ -119,7 +121,7 @@ export default class Topic extends Component {
             :
             <div className="tldr">
               <i className="fa fa-envelope-o" aria-hidden="true"></i>
-              <span className="empty">Le programme de ce candidat ne semble pas aborder ce thème. Auriez-vous une suggestion ? <a href="/contact/" target="_blank">Contactez-nous</a>.</span>
+              <span className="empty">Le programme de ce candidat ne semble pas aborder ce thème. Auriez-vous une suggestion ? <a href={prefixLink("/contact/")} target="_blank">Contactez-nous</a>.</span>
             </div>
           }
           </Col>
@@ -133,7 +135,7 @@ export default class Topic extends Component {
             :
             <div className="tldr">
               <i className="fa fa-envelope-o" aria-hidden="true"></i>
-              <span className="empty">Le programme de ce candidat ne semble pas aborder ce thème. Auriez-vous une suggestion ? <a href="/contact/" target="_blank">Contactez-nous</a>.</span>
+              <span className="empty">Le programme de ce candidat ne semble pas aborder ce thème. Auriez-vous une suggestion ? <a href={prefixLink("/contact/")} target="_blank">Contactez-nous</a>.</span>
             </div>
             }
           </Col>

templates/Versus.js

@@ -1,6 +1,7 @@
 import React, { Component } from 'react';
 import { Container, Row, Col, Hidden } from 'react-grid-system';
 import Helmet from 'react-helmet';
+import { prefixLink } from 'gatsby-helpers';
 
 import Menu from './Menu';
 import VersusStickyHeader from './VersusStickyHeader';
@@ -57,7 +58,7 @@ class Versus extends Component {
             <meta name="description" content={`Comparez le programme de la France Insoumise avec celui de ${data.title}.`} />
             <meta property="og:title" content={`La France insoumise VS ${data.title}`} />
             <meta property="og:description" content={`Comparez le programme de la France Insoumise avec celui de ${data.title}.`} />
-            <meta property="og:image" content={`http://comparateur-programme.fr/assets/preview-${data.alias}.png`} />
+            <meta property="og:image" content={prefixLink(`/assets/preview-${data.alias}.png`)} />
             <meta property="og:image:width" content="1200" />
             <meta property="og:image:height" content="635" />
             <meta name="twitter:card" content="summary_large_image" />