Merge pull request #428 from MTES-MCT/feature/evaluation-request-home

Améliorer le contenu de la page de demande d'AR

envergo/static/sass/project.scss

@@ -1853,6 +1853,32 @@ main.demonstrateur_2150 {
   }
 }
 
+#evaluation-eligibility {
+  background-color: var(--grey-975-100);
+
+  > div {
+    display: flex;
+    margin-top: 1rem;
+
+    div {
+      margin-right: 1rem;
+    }
+  }
+
+  .items-list {
+    line-height: 1.25rem;
+    margin-bottom: 0;
+
+    li:last-child {
+      padding-bottom: 0;
+    }
+  }
+}
+
+.green-check {
+  color: var(--success-425-625);
+}
+
 #moulinette-title {
   max-width: 700px;
   margin: 1.5rem auto;

envergo/templates/evaluations/eval_request_wizard_home.html

@@ -12,10 +12,9 @@
         <h1>Demander un avis réglementaire sur un projet</h1>
 
         <p class="fr-text--lead fr-mb-3w">
-          Vous êtes instructeur dans un service d'urbanisme ?
-          L'avis réglementaire EnvErgo vous permet de déterminer si un projet de
-          construction ou d'aménagement est soumis à une réglementation
-          environnementale.
+          Vous travaillez en service instruction urbanisme ?
+          L'avis EnvErgo vous permet de déterminer si un projet de construction ou d'aménagement est soumis à une
+          réglementation environnementale.
         </p>
 
         <ul class="fr-badge-group fr-mb-3w">
@@ -34,15 +33,55 @@ <h1>Demander un avis réglementaire sur un projet</h1>
           </li>
         </ul>
 
+        <section class="fr-mb-5w alt">
+          <div id="evaluation-eligibility" class="fr-container fr-py-3w">
+            <h2 class="fr-h4">Quand demander un avis réglementaire ?</h2>
+            <hr>
+            <div>
+              <div>
+                <span class="green-check">✔</span>
+              </div>
+              <div>
+                Tout projet qui aménage <strong>plus de 1 000 m²</strong>
+              </div>
+            </div>
+            <div>
+              <div>
+                <span class="green-check">✔</span>
+              </div>
+              <div>Un lotissement, un bâtiment agricole, l'extension d'un bâtiment de bureaux...</div>
+            </div>
+            <div>
+              <div>
+                <span class="green-check">✔</span>
+              </div>
+              <div>
+                Tout projet qui vous <strong>pose question</strong>
+              </div>
+            </div>
+            <div>
+              <div>❌</div>
+              <div>
+                <strong>À l’exception</strong> des projets qui concernent uniquement :
+              </div>
+            </div>
+            <ul class="items-list fr-ml-4w fr-my-O">
+              <li>une mare ou un plan d’eau</li>
+              <li>une déchetterie</li>
+              <li>une station d’épuration</li>
+              <li>une route, une piste cyclable</li>
+            </ul>
+          </div>
+        </section>
         <p>
           <a class=" fr-btn fr-fi-arrow-right-line fr-btn--icon-left"
              href="{% url 'request_eval_wizard_reset' %}">Commencer la demande</a>
           <br />
           <small><i>Durée : 1 min 30</i></small>
         </p>
 
-        <div class="alt hero-alt fr-py-3w fr-mb-5w">
-          <h2 class="fr-h3">Pourquoi demander un avis réglementaire ?</h2>
+        <div class="alt fr-p-3w fr-mb-5w">
+          <h2 class="fr-h4">Pourquoi demander un avis réglementaire ?</h2>
           <ul class="roomy">
             <li>
               <strong>Le projet est examiné par un chargé d’études EnvErgo</strong>, au sein du Ministère de la Transition Écologique

envergo/templates/haie/pages/home.html

@@ -79,7 +79,7 @@ <h2 class="fr-h6">Quels types de projets ce simulateur couvre-t-il actuellement
           <p>
             <strong>Végétation concernée</strong>
             <br />
-            ✔ Une haie
+            <span class="green-check">✔</span> Une haie
             <br />
             ❌ Un bosquet
             <br />
@@ -89,7 +89,7 @@ <h2 class="fr-h6">Quels types de projets ce simulateur couvre-t-il actuellement
           <p>
             <strong>Nature du projet</strong>
             <br />
-            ✔ Un arrachage
+            <span class="green-check">✔</span> Un arrachage
             <br />
             ❌ Un entretien
             <br />