feat: update homepage ux/ui

lacommunaute/static/stylesheets/itou_communaute.scss

@@ -13,19 +13,9 @@
   border: 0;
 }
 
-.p-homepage {
-  .s-main::before {
-    content: '';
-    position: absolute;
-    z-index: -1;
-    top: 0;
-    left: 0;
-    width: 350px;
-    height: 260px;
-    background-image: url('data:image/svg+xml;utf8,%3csvg xmlns="http://www.w3.org/2000/svg" width="416" height="416"%3e%3cpath fill="%23D1EDE5" fill-rule="evenodd" d="M237.285 413.902C123.557 430.077 18.239 350.982 2.1 237.26-14.08 123.57 64.977 18.245 178.699 2.107c113.734-16.211 219.015 62.877 235.19 176.605 16.18 113.691-62.907 218.972-176.604 235.19z"/%3e%3c/svg%3e');
-    background-repeat: no-repeat;
-    background-size: 554px;
-    background-position: bottom right;
+.p-home {
+  #header_search_form {
+    display: none;
   }
 }
 
@@ -40,7 +30,7 @@
     border-radius: 50%;
     overflow: hidden;
 
-    >img {
+    > img {
       width: 100%;
       height: auto;
       object-fit: cover;
@@ -59,12 +49,11 @@
 .card-header-thumbnail {
   height: 200px;
 
-  >img {
+  > img {
     height: 100%;
   }
 }
 
-
 .card.forumlist .card-body .forum-icon {
   display: inline-block;
   width: 42px;
@@ -110,7 +99,7 @@ span.highlighted {
 .input-group-rounded-pill {
   border-radius: 50rem !important;
 
-  >input {
+  > input {
     border-top-left-radius: 50rem !important;
     border-bottom-left-radius: 50rem !important;
   }
@@ -162,13 +151,13 @@ span.highlighted {
     }
   }
 
-  >div {
+  > div {
     padding: 16px 8px;
     margin: 0;
     margin-bottom: 8px;
     min-height: 140px;
 
-    >span {
+    > span {
       display: block;
     }
 
@@ -188,7 +177,7 @@ span.highlighted {
 }
 
 .definition {
-  >div {
+  > div {
     padding: 16px 8px 0 16px;
     margin-bottom: 8px;
 
@@ -209,7 +198,7 @@ span.highlighted {
       padding-top: 40%;
     }
 
-    >iframe {
+    > iframe {
       position: absolute;
       top: 0;
       left: 0;

lacommunaute/templates/forum_conversation/partials/itou_modal.html

@@ -0,0 +1,40 @@
+<div class="modal modal--mini fade" id="rechercheEmploi" tabindex="-1" aria-labelledby="rechercheEmploiMiniLabel" aria-hidden="true">
+	<div class="modal-dialog modal-dialog-centered">
+			<div class="modal-content">
+					<div class="modal-header">
+							<h3 class="modal-title" id="rechercheEmploiLabel">
+									Vous recherchez un emploi à temps plein, à temps partiel ou en interim&nbsp;?
+							</h3>
+							<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Fermer"></button>
+					</div>
+					<div class="modal-body">
+							<p class="mb-4">
+									Ce ne sera pas long !
+									<br>
+									Inscrivez-vous et accédez à toutes les fonctionnalités du site des emplois de l'inclusion.
+							</p>
+							<ul class="list-unstyled mb-5">
+								<li class="d-flex mb-2">
+									<i class="text-success ri-checkbox-circle-fill"></i>
+									<span class="font-weight-bold ms-2">Créer votre espace candidat</span>
+								</li>
+								<li class="d-flex mb-2">
+									<i class="text-success ri-checkbox-circle-fill"></i>
+									<span class="font-weight-bold ms-2">Rechercher les offres d'emploi à proximité de votre ville</span>
+								</li>
+								<li class="d-flex mb-2">
+									<i class="text-success ri-checkbox-circle-fill"></i>
+									<span class="font-weight-bold ms-2">Candidatez aux offres !</span>
+								</li>
+								<li class="d-flex mb-2">
+									<i class="text-success ri-checkbox-circle-fill"></i>
+									<span class="font-weight-bold ms-2">N'oubliez pas de faire valider votre élégibilité par votre conseiller France Travail.</span>
+								</li>
+							</ul>
+							<p class="text-center">
+									<a href="https://emplois.inclusion.beta.gouv.fr/signup/job_seeker/situation" class="btn btn-sm btn-primary">Je crée mon espace candidat sur le site des emplois</a>
+							</p>
+					</div>
+			</div>
+	</div>
+</div>

lacommunaute/templates/layouts/base.html

@@ -8,7 +8,7 @@
         {% block head %}
             <meta charset="utf-8">
             <title>
-                {% block title %}- {{ MACHINA_FORUM_NAME|default:"Forum" }}{% endblock %}
+                {% block title %} - {{ MACHINA_FORUM_NAME|default:"Forum" }}{% endblock %}
             </title>
             <meta name="created" content="{% now "jS M Y h:i" %}">
             <meta name="description" content="{% block meta_description %}{% endblock meta_description %}">