transporte/src/views/About.vue

<template>
  <div class="container">
    <p>
      <strong>Transporte</strong>, mot-valise entre <em>Transpole</em> et <em>porte</em>,
      est une application simple répondant à un besoin simple :
      gagner du temps dans le métro de Lille.
      Elle permet, en indiquant sa station de destination, de savoir à quelle porte
      se placer dans le métro pour accéder directement en sortant à la sortie ou
      correspondance souhaitée.
      De plus, elle peut afficher des informations pratiques sur les stations de métro.
    </p>
    <h2>Foire aux questions</h2>
    <div id="accordion" role="tablist" data-children=".question">
      <div class="question mb-1">
        <button class="btn collapsed" data-toggle="collapse" id="headingOne"
         href="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
          Est-ce vraiment utile ?
        </button>
        <div id="collapseOne" class="collapse" role="tabpanel"
         aria-labelledby="headingOne" data-parent="#accordion">
          <div class="card card-body">
              Pas pour tout le monde. En sortant à la porte du métro qui vous fera gagner
              quelques secondes, ça ne changera probablement pas votre vie, mais si ces
              quelques secondes sont souvent les quelques secondes près auxquelles on rate
              toujours un train, une correspondance, etc., alors oui, ça peut être utile.
          </div>
        </div>
      </div>
      <div class="question mb-1">
        <button class="btn collapsed" id="headingTwo" data-toggle="collapse"
         href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
          Comment ça fonctionne ?
        </button>
        <div id="collapseTwo" class="collapse" role="tabpanel"
         aria-labelledby="headingTwo" data-parent="#accordion">
          <div class="card card-body">
            En indiquant votre ligne, votre direction et votre station d'arrivée,
            l'application affiche les données de portes qui ont été saisies manuellement
            par le développeur lors d'après-midis passées dans le métro lillois à s'arrêter
            à chaque station et à cataloguer les sorties sur son téléphone.
          </div>
        </div>
      </div>
      <div class="question mb-1">
        <button class="btn collapsed" id="headingThree" data-toggle="collapse"
         href="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
          Comment je m'en sers ?
        </button>
        <div id="collapseThree" class="collapse" role="tabpanel"
         aria-labelledby="headingThree" data-parent="#accordion">
          <div class="card card-body">
            <p>
              Une fois que vous avez indiqué votre ligne, votre destination et votre
              station d'arrivée, Transporte vous affiche un schéma du métro lillois ainsi
              que des symboles de sorties (escaliers, escalators, ascenseurs) et de
              correspondances en dessous des portes. En montant dans le métro, prenez la
              porte sur laquelle est indiqué la sortie ou la correspondance que vous
              souhaitez emprunter. A l'arrivée, vous serez très proche de votre destination.
            </p>
            <p>
              <strong>Attention !</strong>
              Dans certaines stations, le métro s'ouvre avec les portes à gauche.
              Le sens d'affichage des portes sur l'application peut alors être inversé !
            </p>
            <p>
              Vous pouvez également consulter la liste des stations et obtenir des informations
              pratiques sur celles-ci à l'aide du menu <em>Stations</em>.
            </p>
          </div>
        </div>
      </div>
      <div class="question mb-1">
        <button class="btn collapsed" id="headingFour" data-toggle="collapse"
         href="#collapseFour" aria-expanded="false" aria-controls="collapseFour">
          Les indications sont fausses ! &mdash; Il y a un bug ! &mdash;
          Comment puis-je contribuer ?
        </button>
        <div id="collapseFour" class="collapse" role="tabpanel"
         aria-labelledby="headingFour" data-parent="#accordion">
          <div class="card card-body">
            <p class="card-text">
              Cette application est open-source et est disponible sur
              <a href="https://gitlab.com/Lucidiot/transporte">GitLab</a>.
              Vous pouvez signaler des problèmes ou proposer des améliorations directement
              sur le projet. Sinon, vous pouvez également contacter le développeur en tête du
              projet sur <a href="https://tiny.tilde.website/@lucidiot">Mastodon</a>
              ou par e-mail à l'adresse indiquée sur
              <a href="https://gitlab.com/Lucidiot">le profil GitLab</a>.
            </p>
          </div>
        </div>
      </div>
    </div>
    <h2>Auteur</h2>
    <p>
      Cette application a été développée par <a href="https://gitlab.com/Lucidiot">Lucidiot</a>.
      L'ensemble des données utilisées a été collecté manuellement, à l'exception des données
      GPS des stations de métro, extraites d'un
      <a href="https://opendata.lillemetropole.fr/explore/dataset/stations-metro/">
        jeu de données
      </a>
      proposé sous
      <a href="https://www.etalab.gouv.fr/wp-content/uploads/2014/05/Licence_Ouverte.pdf">
        licence Etalab
      </a> par la métropole lilloise. Les icônes de numéros de lignes proviennent de
      <a href="https://commons.wikimedia.org">Wikimedia Commons</a>.
    </p>
    <h2>Licence</h2>
    <p>
      Transporte est distribuée selon les termes de
      <a href="https://tldrlegal.com/license/gnu-general-public-license-v3-(gpl-3)">
        la licence publique générale GNU 3.0
      </a>.
    </p>
    <p>
      Transpole, SNCF, et tous les noms d'entreprise ou de produits ou services utilisés
      appartiennent à leurs propriétaires respectifs. Leur utilisation n'implique aucune
      affilitation ou approbation de leur part de l'application.
    </p>
  </div>
</template>

<script>
export default {
  name: 'About',
};
</script>