From: Raphaël Gertz <git@rapsys.eu>
Date: Thu, 13 Oct 2022 13:05:27 +0000 (+0200)
Subject: New header layout
X-Git-Tag: 0.3.0~185
X-Git-Url: https://git.rapsys.eu/airbundle/commitdiff_plain/cc25ffb200a37935d592394e5879724904272972?ds=sidebyside

New header layout
---

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 %}