betagouv · MattiSG · Dec 1, 2016 · Dec 1, 2016 · Dec 1, 2016 · Dec 1, 2016
diff --git a/Gruntfile.js b/Gruntfile.js
@@ -222,7 +222,7 @@ module.exports = function (grunt) {
         files: [{
           expand: true,
           cwd: '<%= yeoman.app %>/views',
-          src: ['*.html', 'partials/**/*.html'],
+          src: ['**/*.html'],
           dest: '<%= yeoman.dist %>/views'
         }]
       }

diff --git a/app/js/app.js b/app/js/app.js
@@ -34,40 +34,39 @@ ddsApp.config(function($locationProvider, $stateProvider, $urlRouterProvider, $u
             controller: 'HomepageCtrl',
             preventFocus: true
         })
-        .state('a_propos', {
+        .state('a-propos', {
             url: '/a-propos',
-            templateUrl: '/partials/a-propos.html',
+            templateUrl: '/content-pages/a-propos.html',
             data: {
-                pageTitle: 'A propos - '
+                pageTitle: 'À propos - '
             }
         })
         .state('cgu', {
             url: '/cgu',
-            templateUrl: '/partials/cgu.html',
+            templateUrl: '/content-pages/cgu.html',
             data: {
                 pageTitle: "Conditions générales d'utilisation - "
             }
         })
-        .state('contribuez', {
-            url: '/contribuez',
-            templateUrl: '/partials/contribuez.html',
-            controller: 'ContribuezCtrl',
+        .state('sos', {
+            url: '/sos',
+            templateUrl: '/content-pages/sos.html',
             data: {
-                pageTitle: 'Contribuez ! - '
+                pageTitle: 'SOS - '
             }
         })
-        .state('faq', {
-            url: '/faq',
-            templateUrl: '/partials/faq.html',
+        .state('ameliorer', {
+            url: '/ameliorer',
+            templateUrl: '/content-pages/ameliorer.html',
             data: {
-                pageTitle: 'FAQ - '
+                pageTitle: "Améliorer - "
             }
         })
         .state('communication', {
             url: '/communication',
-            templateUrl: '/partials/communication.html',
+            templateUrl: '/content-pages/communication.html',
             data: {
-                pageTitle: 'Communication - '
+                pageTitle: 'Supports de communication - '
             }
         })
         .state('tests', {

diff --git a/app/js/controllers/contribuez.js b/app/js/controllers/contribuez.js
diff --git a/app/styles/resultat.css b/app/styles/resultat.css
@@ -0,0 +1,12 @@
+#feedback {
+    border-top: 1px solid #DDD;
+    margin-top: 2em;
+    padding-top: 2em;
+    margin-bottom: 4em;
+}
+
+#feedback ul {
+    margin-left: 0;
+    padding-left: 0;
+    list-style-type: circle;
+}
diff --git a/app/styles/text-container.css b/app/styles/text-container.css
@@ -2,6 +2,7 @@
 	font-size: 140%;
 	line-height: 1.6;
 	max-width: 40em;
+	padding-bottom: 3em;
 
 	text-rendering: optimizeLegibility;
 }

diff --git a/app/views/content-pages/a-propos.html b/app/views/content-pages/a-propos.html
@@ -0,0 +1,37 @@
+<div class="text container">
+  <h1>À propos de Mes Aides</h1>
+
+
+  <h2 id="presentation">Nous luttons contre le non-recours</h2>
+
+  <p>Nous croyons qu'il est possible d'absorber une partie de la complexité administrative dans des logiciels offrant une expérience utilisateur de qualité.</p>
+  <p>En novembre 2016, plus de 1 300 usagers évaluent leurs droits à 22 prestations sociales chaque jour. Plus de la moitié passent de la découverte du site à ses résultats en moins de 7 minutes, et 97 % en moins de 30 minutes.</p>
+  <small>Explorez les <a href="http://stats.data.gouv.fr/index.php?module=CoreHome&action=index&idSite=9&period=day&date=yesterday#?module=Dashboard&action=embeddedIndex&idSite=9&period=day&date=yesterday&idDashboard=1">statistiques d'usage</a> et comprenez comment nous évaluons la <a href="https://beta.gouv.fr/2016/11/04/mes-aides-metriques-pirates-tunnel-conversion-public">performance</a>.</small>
+
+
+  <h2 id="mediateurs">Nous équipons les médiateurs</h2>
+
+  <p>Nous concevons nos outils pour qu'ils puissent être utilisés par le grand public, mais aussi par les assistant·e·s de service social.</p>
+  <p>En les déchargeant de la veille législative et de la connaissance fine des règles administratives, nous leur permettons de se concentrer sur le plus important : l'humain qui leur fait face.</p>
+  <small>Approfondissez notre vision de l'<a href="https://github.com/sgmap/mes-aides-ui/wiki/documents/Conditions_adoption_numerique_service_social.pdf">adoption du numérique dans le service social</a>.</small>
+
+
+  <h2 id="logiciel-libre">Nous créons un bien commun</h2>
+
+  <p>Nous enrichissons un moteur de calcul libre et ouvert utilisé par des chercheurs en économie et d'autres services publics, <a href="http://www.openfisca.fr">OpenFisca</a>. L'<a href="https://github.com/sgmap/mes-aides-ui">interface graphique de Mes Aides</a> est elle aussi un <a href="https://fr.wikipedia.org/wiki/Logiciel_libre" title="Sous licence AGPL" uib-popover="Sous licence AGPL" popover-trigger="mouseenter">logiciel libre</a>.</p>
+  <p>Cela signifie que toute entité peut librement vérifier, s'inspirer de, copier, et modifier ce service. La seule contrepartie est la mise à disposition à la communauté des améliorations effectuées.</p>
+  <small>Accédez à tout le <a href="https://github.com/sgmap">code de l'Incubateur de services numériques</a>.</small>
+
+
+  <h2 id="transparent">Nous construisons avec la société civile</h2>
+
+  <p>Toutes les <a href="https://waffle.io/sgmap/mes-aides-api">évolutions de Mes Aides</a>, espérées, planifiées ou réalisées, peuvent être suivies en permanence en ligne.</p>
+  <p>Vous pouvez participer aux discussions sur ces évolutions et en proposer de nouvelles sur <a href="https://github.com/sgmap/mes-aides-ui">GitHub</a>, par <a href="mailto:feedback@mes-aides.gouv.fr?subject=Suggestion%20%28depuis%20la%20page%20%C3%A0%20propos%29">courriel</a> ou en organisant une <a href="https://github.com/sgmap/mes-aides-ui/wiki/Formation">formation</a> dans votre structure.</p>
+  <small>Rencontrez tous nos <a href="https://github.com/sgmap/mes-aides-ui/wiki/Partenaires">partenaires</a>.</small>
+
+
+  <h2 id="startup-etat">Nous sommes une Startup d'État</h2>
+
+  <p>Mes Aides est un service public numérique produit par une <a href="http://beta.gouv.fr/2016/11/28/equipes-autonomes">petite équipe autonome</a> qui applique les pratiques des startups du numérique au service de l'action publique.</p>
+  <small>Découvrez le programme <a href="https://beta.gouv.fr">beta.gouv.fr</a>.</p>
+</div>
diff --git a/app/views/content-pages/ameliorer.html b/app/views/content-pages/ameliorer.html
@@ -0,0 +1,39 @@
+<article class="text container">
+  <h1>Améliorer Mes Aides</h1>
+
+  <p>Vous pensez pouvoir contribuer à améliorer ce service public ? Merci ! Selon vos compétences et votre disponibilité, plusieurs types de contributions sont possibles.</p>
+
+
+  <h2>Utilisatrices et utilisateurs</h2>
+
+  <h3>Communiquer</h3>
+
+  <p>Devenez ambassadeurs de Mes Aides ! En faisant connaître ce produit, vous soutiendrez son développement.</p>
+  <p>Parlez-en autour de vous et sur les réseaux sociaux, suivez <a href="https://twitter.com/MesAides">@MesAides sur Twitter</a>, présentez l'outil aux professionnel·le·s de l'action sociale que vous connaissez, utilisez nos <a ui-sref="communication">supports de communication</a>.</p>
+
+
+  <h3>Améliorer l'expérience</h3>
+
+  <p>Vous avez repéré un bug, ou vous pensez que votre expérience de Mes Aides pourrait être meilleure ? Décrivez-nous comment sur <a href="https://github.com/sgmap/mes-aides-ui">GitHub</a> ou par <a href="mailto:feedback@mes-aides.gouv.fr?subject=Suggestion%20%28depuis%20la%20page%20contribuer%29">courriel</a> !</p>
+
+
+  <h3>Améliorer la fiabilité</h3>
+
+  <p>Les résultats de votre simulation sont différents d'un autre simulateur ? <a href="mailto:feedback@mes-aides.gouv.fr?subject=%C3%89cart%20de%20r%C3%A9sultats&body=Bonjour%2C%0A%0AEn%20effectuant%20une%20simulation%20sur%20mes-aides.gouv.fr%2C%20j%27ai%20obtenu%20le%20r%C3%A9sultat%20suivant%20%3A%0A%0A-%20XXX%20%E2%82%AC%20%2F%20mois%20pour%20la%20prestation%20%C2%AB%20%20%C2%BB.%0A%0AMais%20en%20effectuant%20la%20m%C3%AAme%20simulation%20sur%20le%20site%20XXX%2C%20j%27ai%20obtenu%20le%20r%C3%A9sultat%20suivant%20%3A%0A%0A-%20XXX%20%E2%82%AC%20%2F%20mois%20pour%20la%20prestation%20%C2%AB%20%20%C2%BB.%0A%0AVous%20pouvez%20me%20joindre%20par%20t%C3%A9l%C3%A9phone%20au%20XX%20XX%20XX%20XX%20XX%20%28de%20pr%C3%A9f%C3%A9rence%20en%20semaine%29%20pour%20une%20dizaine%20de%20minutes%20d%27%C3%A9change%20afin%20de%20comprendre%20d%27o%C3%B9%20provient%20cet%20%C3%A9cart.%0A%0ABonne%20journ%C3%A9e%2C">Contactez-nous</a>. Nous vous proposerons un court entretien téléphonique pour comprendre d'où provient cet écart.</p>
+  <p>Les résultats de votre simulation sont différents de ce que l'administration vous a attribué ? Les organismes responsables des prestations sont <a ui-sref="cgu">seuls décisionnaires</a>. Néanmoins, <a href="mailto:feedback@mes-aides.gouv.fr?subject=%C3%89cart%20de%20r%C3%A9sultats&body=Bonjour%2C%0A%0AEn%20effectuant%20une%20simulation%20sur%20mes-aides.gouv.fr%2C%20j%27ai%20obtenu%20le%20r%C3%A9sultat%20suivant%20%3A%0A%0A-%20XXX%20%E2%82%AC%20%2F%20mois%20pour%20la%20prestation%20%C2%AB%20%20%C2%BB.%0A%0AMais%20XXX%20a%20fini%20par%20m%27attribuer%20le%20montant%20suivant%20%3A%0A%0A-%20XXX%20%E2%82%AC%20%2F%20mois%20pour%20la%20prestation%20%C2%AB%20%20%C2%BB.%0A%0AJ%27ai%20bien%20compris%20que%20vous%20n%27%C3%A9tiez%20pas%20d%C3%A9cisionnaires%20et%20ne%20pourrez%20pas%20intervenir%20en%20ma%20faveur.%0A%0AVous%20pouvez%20me%20joindre%20par%20t%C3%A9l%C3%A9phone%20au%20XX%20XX%20XX%20XX%20XX%20%28de%20pr%C3%A9f%C3%A9rence%20en%20semaine%29%20pour%20une%20dizaine%20de%20minutes%20d%27%C3%A9change%20afin%20de%20comprendre%20d%27o%C3%B9%20provient%20cet%20%C3%A9cart%20et%20am%C3%A9liorer%20le%20simulateur%20pour%20d%27autres%20utilisateurs.">contactez-nous</a>. Nous vous proposerons un court entretien téléphonique pour comprendre d'où provient cet écart.</p>
+
+  <h3>Ajouter de nouvelles aides</h3>
+
+  <p>Nous cherchons toujours à élargir le nombre d'aides simulées en une seule fois. Néanmoins, nous ne pouvons pas coder seuls l'intégralité des règles de gestion. Si vous voulez qu'une aide soit ajoutée dans Mes Aides, <a href="https://github.com/sgmap/mes-aides-ui/labels/nouvelle%20aide">vérifiez</a> que nous n'y travaillons pas déjà, puis parlez de cette application à l'organisme qui l'attribue, et <a href="mailto:contribuer@mes-aides.gouv.fr">indiquez-nous</a> que vous avez fait ce signalement.</p>
+
+
+  <h2>Assistantes et assistants de service social</h2>
+
+  <p>Utilisez nos <a ui-sref="communication">supports de communication</a> pour faire connaître Mes Aides autour de vous.</p>
+  <p>Organisez une <a href="https://github.com/sgmap/mes-aides-ui/wiki/Formation">formation</a> dans votre structure.</p>
+
+
+  <h2>Développeuses et développeurs</h2>
+
+  <p>Nous enrichissons un moteur de calcul libre et ouvert utilisé par des chercheurs en économie et d'autres services publics, <a href="http://www.openfisca.fr">OpenFisca</a>. L'<a href="https://github.com/sgmap/mes-aides-ui">interface graphique de Mes Aides</a> est elle aussi un <a href="https://fr.wikipedia.org/wiki/Logiciel_libre" title="Sous licence AGPL" uib-popover="Sous licence AGPL" popover-trigger="mouseenter">logiciel libre</a>. Toutes vos contributions seront bienvenues !</p>
+</article>
diff --git a/app/views/partials/cgu.html → app/views/content-pages/cgu.html b/app/views/partials/cgu.html → app/views/content-pages/cgu.html
@@ -1,5 +1,5 @@
 <article class="text container">
-  <h1>Conditions générales d'utilisation de Mes Aides</h1>
+  <h1>Conditions générales d'utilisation (lisibles, promis !)</h1>
 
   <h2 id="presentation">Présentation</h2>
 
@@ -23,7 +23,7 @@ <h2 id="absence-de-garantie">Absence de garantie</h2>
 
   <p>
     Les résultats calculés par ce simulateur ont une valeur informative et ne représentent en aucun cas une décision d'ouverture de droits.
-    <small>Nos partenaires sont les seuls décisionnaires sur l'attribution d'un droit.</small>
+    <small>Nos partenaires sont les seuls décisionnaires sur l'attribution d'un droit. Les résultats d'une simulation ne sont pas opposables en guichet.</small>
   </p>
   <p>
     Nous ne garantissons pas l'exactitude du contenu des sites externes vers lesquels nous faisons des liens.
@@ -100,7 +100,7 @@ <h2 id="utilisation">Utilisation</h2>
   </p>
   <p>
     L’utilisation de Mes Aides requiert une connexion internet et un navigateur récent. L'application affichera un message si le navigateur utilisé est trop ancien pour être compatible.
-    <small>En particulier, les versions d'Internet Explorer antérieures à la 10 ne sont pas compatibles.</small>
+    <small>En particulier, les versions d'Internet Explorer antérieures à la 10 ne sont pas compatibles. Vous pouvez installer en autonomie <a href="https://support.google.com/chrome/answer/95346?hl=fr&ref_topic=14660">Chrome</a> ou <a href="http://portableapps.com/apps/internet/firefox_portable/localization">Firefox</a>, sans droits d'administration sur votre poste.</small>
   </p>
   <p>
     Nous nous réservons le droit de bloquer, sans information préalable ni compensation financière, les usages mettant en péril l'utilisation du logiciel par d'autres usagers.

diff --git a/app/views/content-pages/communication.html b/app/views/content-pages/communication.html
@@ -0,0 +1,30 @@
+<div class="text container">
+  <h1>Supports de communication</h1>
+
+  <p>Vous souhaitez être ambassadeurs de Mes Aides&nbsp;? Merci&nbsp;! Ces supports pourront vous être utiles.</p>
+
+
+  <h2 id="affiche">Affiche</h2>
+
+  <p><a href="https://github.com/sgmap/mes-aides-ui/wiki/communication/Affiche_Mes_Aides.pdf">Affiche couleur</a> à imprimer.</p>
+  <small>De préférence en A3.</small>
+
+
+  <h2 id="marque-page">Marques-pages</h2>
+
+  <p><a href="https://github.com/sgmap/mes-aides-ui/wiki/communication/Marque_page_Mes_Aides.pdf">Marque-page / flyer</a> à imprimer.</p>
+
+
+  <h2 id="videos">Vidéos</h2>
+
+  <ul>
+    <li><a href="https://www.dailymotion.com/video/x2u6612_mes-aides-simulez-toutes-vos-aides-en-ligne_tech">Présentation de Mes Aides</a> (SGMAP, 1 minute 18).</li>
+    <li><a href="http://www.lcp.fr/la-politique-en-video/aides-sociales-reunies-dans-un-meme-logiciel-quen-disent-les-interesses">Ce que disent les usagers</a> (LCP, 2 minutes).</li>
+    <li><a href="http://www.dailymotion.com/video/x547av8">L'ouverture du système socio-fiscal</a> (OGP, 1 minute).</li>
+  </ul>
+
+
+  <h2 id="presentation">Support de présentation</h2>
+
+  <p><a href="https://github.com/sgmap/mes-aides-ui/wiki/communication/Presentation_Mes_Aides.pdf">Présentation</a> annotée au format PDF.</p>
+</div>
diff --git a/app/views/content-pages/sos.html b/app/views/content-pages/sos.html
@@ -0,0 +1,33 @@
+<article class="text container">
+  <h1>Vous avez besoin d'aide</h1>
+
+
+  <h2 id="urgence">Vous êtes en risque d'expulsion de votre logement, de ne pas faire face à des dépenses de santé vitales ou des besoins alimentaires basiques</h2>
+
+  <p>Prenez immédiatement contact avec le centre communal d’action sociale (CCAS) le plus proche de chez vous. Vous trouverez les <a href="http://www.sanitaire-social.com/annuaire/centre-communal-d-action-sociale-ccas/62">coordonnées de votre <abbr title="Centre Communal d’Action Sociale">CCAS</abbr> en ligne</a> ou en appelant votre mairie.</p>
+  <p>Vous pouvez également prendre contact avec la Croix-Rouge, la Banque Alimentaire… Le plus important est que vous vous signaliez à l'un de ces organismes. Vous serez pris·e en charge et accompagné·e.</p>
+
+
+  <h2 id="assistance">Vous êtes en grande difficulté mais la simulation ne vous fait pas découvrir de nouveau droit</h2>
+
+  <p>Prenez contact avec le centre communal d’action sociale (CCAS) le plus proche de chez vous. Vous trouverez les <a href="http://www.sanitaire-social.com/annuaire/centre-communal-d-action-sociale-ccas/62">coordonnées de votre <abbr title="Centre Communal d’Action Sociale">CCAS</abbr> en ligne</a> ou en appelant votre mairie.</p>
+  <p>Il existe d'autres aides, nationales ou locales, qui ne sont pas calculées par ce simulateur. Des professionnel·le·s évalueront votre situation de manière plus fine que ce qu’un logiciel peut faire.</p>
+
+
+  <h2 id="conflit">Vous estimez n'être pas traité·e correctement par l'administration</h2>
+
+  <p>Si l'administration ne vous répond pas après que vous l'ayez relancée, ou que vous estimez que vos droits ne sont pas respectés, vous pouvez <a href="http://www.defenseurdesdroits.fr/fr/saisir-le-defenseur-des-droits">saisir le Défenseur des Droits</a> ou simplement l'appeler pour un conseil.</p>
+  <p>Cette institution indépendante est joignable par des guichets physiques, par téléphone, par email, et peut être saisie en ligne.</p>
+
+
+  <h2 id="dettes">Vous êtes très endetté·e</h2>
+
+  <p>Faites un point avec l'<a href="http://www.cresus-iledefrance.org/?page_id=468">association Crésus</a>.
+  <p>Vous pouvez également <a href="https://www.service-public.fr/particuliers/vosdroits/F134">saisir la commission de surendettement</a>.</p>
+
+
+  <h2 id="rapatriement">Vous résidez à l'étranger et souhaitez rentrer en France</h2>
+  <p>Effectuez une ou plusieurs <a ui-sref="foyer.demandeur">simulations</a> en vous projetant dans les situations qui pourraient être les vôtres à votre retour en France, et renseignez-vous sur <a href="https://www.service-public.fr/particuliers/vosdroits/F32823">les démarches et les possibilités</a> qui s’offrent à vous.</p>
+  <p>Si vous rencontrez de grandes difficultés, prenez contact avec <a href="http://www.france-horizon.fr/article/que_faire_pour_rentrer_en_france">France Horizon</a>.</p>
+
+</article>
diff --git a/app/views/front.html b/app/views/front.html
@@ -31,6 +31,7 @@
     <link rel="stylesheet" href="/styles/individu-form.css">
     <link rel="stylesheet" href="/styles/resources.css">
     <link rel="stylesheet" href="/styles/logement.css">
+    <link rel="stylesheet" href="/styles/resultat.css">
     <link rel="stylesheet" href="/styles/text-container.css">
 
     <base href="/">
@@ -60,7 +61,7 @@
               Ici l'État innove avec la société civile pour offrir aux usagers le service public de demain.
             </span>
             <span>
-              <a ui-sref="a_propos" title="En savoir plus sur ce service expérimental"><strong>En savoir plus…</strong></a>
+              <a ui-sref="a-propos" title="En savoir plus sur ce service expérimental"><strong>En savoir plus…</strong></a>
             </span>
             <span class="fa fa-close" ng-click="hideIntro()" tabindex="0" role="button" aria-label="Supprimer ce message"></span>
           </div>
@@ -86,11 +87,11 @@
         <div class="col-md-3">
           <h4>Mes aides</h4>
           <ul class="list-unstyled">
-            <li><a ui-sref="a_propos">À propos</a></li>
+            <li><a ui-sref="a-propos">À propos</a></li>
             <li><a ui-sref="cgu">Conditions d'utilisation</a></li>
-            <li><a ui-sref="contribuez">Contribuez !</a></li>
-            <li><a ui-sref="faq">FAQ</a></li>
-            <li><a ui-sref="communication">Communication</a></li>
+            <li><a ui-sref="sos">SOS</a></li>
+            <li><a ui-sref="communication">Supports de communication</a></li>
+            <li><a ui-sref="ameliorer">Améliorer ce site</a></li>
             <li><a href="mailto:contact@mes-aides.gouv.fr ">Contact</a></li>
           </ul>
         </div>
@@ -141,7 +142,6 @@ <h4>Partenaires</h4>
 
     <script src="js/controllers/body.js"></script>
     <script src="js/controllers/homepage.js"></script>
-    <script src="js/controllers/contribuez.js"></script>
     <script src="js/controllers/foyer.js"></script>
     <script src="js/controllers/foyer/individuForm.js"></script>
     <script src="js/controllers/foyer/conjoint.js"></script>