New header layout

diff --git a/Resources/views/default/about.html.twig b/Resources/views/default/about.html.twig
index db9a100af692224a531306db4c50b18a97a21b7a..c0cf68d7c213baab020da64188feef9d1777ce02 100644 (file)
--- 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 %}
 {% extends '@RapsysAir/body.html.twig' %}
 {% block content %}

-       <section id="dashboard">
+       <article id="dashboard">

                <header>
                <header>

-                       <h2><a href="{{ path('rapsys_air_about') }}">{{ title }}</a></h2>
-                       <p>{{ description }}</p>
+                       <h2>{{ description }}</h2>

                </header>
                <nav>
                </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>
                        <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>
                        </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>
                        <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>
                        <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>
                        <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> #}
                        {# <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>
                        <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>
                        <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 %}
 {% endblock %}