Skip to content

Commit

Permalink
feat(home): MVP zone editoriale sur la page d'accueil (#703)
Browse files Browse the repository at this point in the history 
## Description

🎸 Tester la mise en avant d'une zone éditoriale sur la page d'accueil et
suivre le traffic via matomo

## Type de changement

🎨 changement d'UI

### Points d'attention

🦺 code static, projet d'xp avec wagtail si test concluant

### Captures d'écran (optionnel)


![image](https://github.com/gip-inclusion/itou-communaute-django/assets/11419273/acc687c6-e909-474a-ac8e-171f70d60282)
  • Loading branch information
@vincentporte
vincentporte authored Jul 3, 2024
1 parent df66524 commit 5e3f759
Showing 1 changed file with 42 additions and 18 deletions.
60 changes: 42 additions & 18 deletions lacommunaute/templates/pages/home.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -58,28 +58,24 @@ <h2 class="h1 mb-3 mb-lg-5">
<div class="s-section__row row mt-3 mt-md-5">
<div class="s-section__col col-12 col-md-6 mb-3 mb-md-5">
<div class="c-box p-0 h-100">
<div class="p-3 p-lg-4 bg-light">
<div class="p-3 p-lg-4 bg-communaute-light">
<h3 class="m-0">
<i class="ri-user-line ri-lg font-weight-normal" aria-hidden="true"></i>
Les dernières questions posées
<i class="ri-dashboard-2-fill ri-lg font-weight-normal" aria-hidden="true"></i>
La boîte à outils des CIP
</h3>
</div>
<div class="px-3 px-lg-4 pt-3 pt-lg-4">
<ul class="list-unstyled mb-lg-5">
{% for topic in topics_public %}
<li class="mb-3 position-relative">
<a href="{% url 'forum_conversation:topic' topic.forum.slug topic.forum.pk topic.slug topic.pk %}"
class="matomo-event btn-link stretched-link"
data-matomo-category="engagement"
data-matomo-action="view"
data-matomo-option="topic">{{ topic.subject }}</a>
{% include "forum_conversation/partials/poster_light.html" with poster=topic.first_post.poster_display_name dated=topic.created only %}
</li>
{% endfor %}
</ul>
La boîte à outils des CIP est espace dédié rassemblant des outils, des guides pour accompagner les acteurs de l'inclusion dans leur soutien aux personnes éloignées du marché du travail, confrontées à des obstacles multiples et complexes.
</div>
<div class="p-3 p-lg-4">
<a href="{{ publicforum_url }}" class="btn btn-outline-primary btn-block matomo-event" data-matomo-category="engagement" data-matomo-action="view" data-matomo-option="topics">{% trans "See all questions" %}</a>
<a href="{% url 'forum_extension:forum' "la-boîte-à-outils-des-cip" 149 %}"
class="btn btn-outline-primary matomo-event"
data-matomo-category="engagement"
data-matomo-action="view"
data-matomo-option="highlight">
<span>Consulter les fiches de la boîte à outils</span>
<i class="ri-arrow-right-up-line ri-lg"></i>
</a>
</div>
</div>
</div>
Expand All @@ -96,8 +92,9 @@ <h3 class="m-0">
{% for forum in forums_category %}
<li class="mb-3 position-relative">
<a href="{% url 'forum_extension:forum' forum.slug forum.pk %}" class="matomo-event btn-link stretched-link" data-matomo-category="engagement" data-matomo-action="view" data-matomo-option="forum">
[{{ forum.parent.name }}] {{ forum.name }}
{{ forum.name }}
</a>
<small>dans {{ forum.parent.name }}</small>
{% include "forum_conversation/partials/poster_light.html" with poster=None dated=forum.updated only %}
</li>
{% endfor %}
Expand All @@ -108,7 +105,34 @@ <h3 class="m-0">
</div>
</div>
</div>
<div class="s-section__col col-12 mb-3 mb-md-5">
<div class="s-section__col col-12 col-md-6 mb-3 mb-md-5">
<div class="c-box p-0 h-100">
<div class="p-3 p-lg-4 bg-light">
<h3 class="m-0">
<i class="ri-user-line ri-lg font-weight-normal" aria-hidden="true"></i>
Les dernières questions posées
</h3>
</div>
<div class="px-3 px-lg-4 pt-3 pt-lg-4">
<ul class="list-unstyled mb-lg-5">
{% for topic in topics_public %}
<li class="mb-3 position-relative">
<a href="{% url 'forum_conversation:topic' topic.forum.slug topic.forum.pk topic.slug topic.pk %}"
class="matomo-event btn-link stretched-link"
data-matomo-category="engagement"
data-matomo-action="view"
data-matomo-option="topic">{{ topic.subject }}</a>
{% include "forum_conversation/partials/poster_light.html" with poster=topic.first_post.poster_display_name dated=topic.created only %}
</li>
{% endfor %}
</ul>
</div>
<div class="p-3 p-lg-4">
<a href="{{ publicforum_url }}" class="btn btn-outline-primary btn-block matomo-event" data-matomo-category="engagement" data-matomo-action="view" data-matomo-option="topics">{% trans "See all questions" %}</a>
</div>
</div>
</div>
<div class="s-section__col col-12 col-md-6 mb-3 mb-md-5">
<div class="c-box p-0 h-100">
<div class="p-3 p-lg-4 bg-light">
<h3 class="m-0">
Expand Down

0 comments on commit 5e3f759

Please sign in to comment.