From cc25ffb200a37935d592394e5879724904272972 Mon Sep 17 00:00:00 2001
From: =?utf8?q?Rapha=C3=ABl=20Gertz?= <git@rapsys.eu>
Date: Thu, 13 Oct 2022 15:05:27 +0200
Subject: [PATCH] New header layout

---
 Resources/views/default/about.html.twig | 31 +++++++++++++++++--------
 1 file changed, 21 insertions(+), 10 deletions(-)

diff --git a/Resources/views/default/about.html.twig b/Resources/views/default/about.html.twig
index db9a100..c0cf68d 100644
--- a/Resources/views/default/about.html.twig
+++ b/Resources/views/default/about.html.twig
@@ -1,12 +1,13 @@
 {% extends '@RapsysAir/body.html.twig' %}
 {% block content %}
-	<section id="dashboard">
+	<article id="dashboard">
 		<header>
-			<h2><a href="{{ path('rapsys_air_about') }}">{{ title }}</a></h2>
-			<p>{{ description }}</p>
+			<h2>{{ description }}</h2>
 		</header>
 		<nav>
-			<strong>{% trans %}Table of contents{% endtrans %}</strong>
+			<header>
+				<h3>{% trans %}Table of contents{% endtrans %}</h3>
+			</header>
 			<ul>
 				<li><a href="#about">{% trans %}About Libre Air{% endtrans %}</a></li>
 				<li><a href="#mission">{% trans %}Our mission{% endtrans %}</a></li>
@@ -16,23 +17,31 @@
 			</ul>
 		</nav>
 		<section>
-			<h3 id="about">{% trans %}About Libre Air{% endtrans %}</h3>
+			<header>
+				<h3 id="about">{% trans %}About Libre Air{% endtrans %}</h3>
+			</header>
 			<p>{{ '%title%, an information site for outdoor dancers and organizers.'|trans({'%title%': '<a href="' ~ absolute_url(site.url) ~ '" title="' ~ site.title ~ '">' ~ site.title ~ '</a>'})|raw }}</p>
 		</section>
 		<section>
-			<h3 id="mission">{% trans %}Our mission{% endtrans %}</h3>
+			<header>
+				<h3 id="mission">{% trans %}Our mission{% endtrans %}</h3>
+			</header>
 			<p>{{ '%title%\'s mission is simple: provide dancers with the information they need to easily find organizers dance sessions.'|trans({'%title%': '<a href="' ~ absolute_url(site.url) ~ '" title="' ~ site.title ~ '">' ~ site.title ~ '</a>'})|raw }}</p>
 			<p>{% trans %}If it's an outdoor place we want to document it.{% endtrans %}</p>
 			{# <p><a href="{{ absolute_url(site.url) }}" title="{{ site.title }}">{{ site.title }}</a>{% trans %}, an information site for outdoor dancers and organizers.{% endtrans %}</p> #}
 		</section>
 		<section>
-			<h3 id="howtohelp">{% trans %}How you can help{% endtrans %}</h3>
+			<header>
+				<h3 id="howtohelp">{% trans %}How you can help{% endtrans %}</h3>
+			</header>
 			<p>{% trans %}Our community is composed of amazing dancers all around the world who participate, review dance session and help us promote them.{% endtrans %}</p>
 			<p>{{ 'However, you don\'t need to be a professional dancer or organizer to help %title%!'|trans({'%title%': '<a href="' ~ absolute_url(site.url) ~ '" title="' ~ site.title ~ '">' ~ site.title ~ '</a>'})|raw }}</p>
 			<p>{{ 'Donate on %title% to help us fund our mission.'|trans({'%title%': '<a href="' ~ site.donate ~ '" title="' ~ 'Fund our mission'|trans ~ '">' ~ 'our donation page'|trans ~ '</a>'})|raw }}</p>
 		</section>
 		<section>
-			<h3 id="history">{% trans %}History of Libre Air{% endtrans %}</h3>
+			<header>
+				<h3 id="history">{% trans %}History of Libre Air{% endtrans %}</h3>
+			</header>
 			{# <p>{% trans %}Our community is composed of amazing dancers all around the world who participate, review dance session and help us promote them.{% endtrans %}</p>
 			<p>{{ 'However, you don\'t need to be a professional dancer or organizer to help %title%!'|trans({'%title%': '<a href="' ~ absolute_url(site.url) ~ '" title="' ~ site.title ~ '">' ~ site.title ~ '</a>'})|raw }}</p>
 			<p>{{ 'Donate on %title% to help us fund our mission.'|trans({'%title%': '<a href="' ~ site.donate ~ '" title="' ~ 'Fund our mission'|trans ~ '">' ~ 'our donation page'|trans ~ '</a>'})|raw }}</p> #}
@@ -42,9 +51,11 @@
 			<p>{{ 'In the future, %title% hopes to become a daily visited resource for participants and organizers of outdoor dance sessions.'|trans({'%title%': '<a href="' ~ absolute_url(site.url) ~ '" title="' ~ site.title ~ '">' ~ site.title ~ '</a>'})|raw }}</p>
 		</section>
 		<section>
-			<h3 id="technicalsupport">{% trans %}Technical support{% endtrans %}</h3>
+			<header>
+				<h3 id="technicalsupport">{% trans %}Technical support{% endtrans %}</h3>
+			</header>
 			<p>{{ 'The development and hosting services are graciously provided by: %title%'|trans({'%title%': '<a href="' ~ copy.link ~ '" title="' ~ copy.title ~ '">' ~ copy.by ~ '</a>'})|raw }}</p>
 			<p>{{ 'In case of bug or glitch you may contact us throught the contact form: %title%'|trans({'%title%': '<a href="' ~ path('rapsys_air_contact') ~ '" title="' ~ 'Contact Libre Air'|trans ~ '">' ~ 'Contact'|trans ~ '</a>'})|raw }}</p>
 		</section>
-	</section>
+	</article>
 {% endblock %}
-- 
2.41.3