with alex: fixed layout, somme typo, gif

user/themes/labonneadresse/templates/partials/base.html.twig

@@ -34,25 +34,27 @@
 
   {% endblock head %}
   </head>
-  
+
   <body class="{{bodyclass}}">
+    <div id="container">
 
-    {# include the header + navigation #}
-    {% include 'partials/header.html.twig' %}
+      {# include the header + navigation #}
+      {% include 'partials/header.html.twig' %}
 
-    <div id="center" class="row fullwidth">
-      <div class="large-12 columns">
-        {% block content %}{% endblock %}
+      <div id="center" class="row fullwidth">
+        <div class="large-12 columns">
+          {% block content %}{% endblock %}
+        </div>
       </div>
+
+      {% block bottom %}{% endblock %}
+
+
+      {# include the footer#}
+      {% include 'partials/footer.html.twig' %}
+
     </div>
 
-    {% block bottom %}{% endblock %}
-
-
-    {# include the footer#}
-    {% include 'partials/footer.html.twig' %}
-
-
     {% block javascripts %}
         {% do assets.add('theme://bower_components/jquery/dist/jquery.min.js', 101) %}
         {% do assets.add('theme://bower_components/foundation/js/foundation.min.js') %}

user/themes/labonneadresse/templates/partials/footer.html.twig

@@ -1,10 +1,10 @@
 <footer id="bottom-bar">
   <div class="row fullwidth">
     <section class="large-12 columns">
-      <h1><a href="/">- {{ site.title|e('html') }} -</a></h1>
+      <h1><a class="logo" href="/">- {{ site.title|e('html') }} -</a></h1>
       <address>
         {{ site.adresse|e('html') }}<br />
-        <a href="mailto:{{site.email}}">{{ site.email|e('html') }}</a>
+        <a class="mailto" href="mailto:{{site.email}}">{{ site.email|e('html') }}</a>
       </address>
     </section>
   </div>

user/themes/labonneadresse/templates/partials/header.html.twig

@@ -1,30 +1,32 @@
 <header id="top-bar">
-  <div class="row fullwidth">
+  <div class="bg">
+    <div class="row fullwidth">
 
-    <section id="title-area" class="small-8 small-push-2 columns">
-        <h1><a href="/"><span>{{ site.title|e('html') }}</span></a></h1>
-        <h2>{{ site.subtitle|e('html') }}</h2>
-    </section>
+      <section id="title-area" class="medium-8 medium-push-2 columns">
+          <h1><a href="/"><span>{{ site.title|e('html') }}</span></a></h1>
+          <h2>{{ site.subtitle|e('html') }}</h2>
+      </section>
 
-    <nav id="left-nav" class="nav small-2 small-pull-8 columns">
-      <div class="wrapper">
-        <ul class="left">
-          {% for page in pages.children %}
-            {% if page.menu != "home" and page.menu != "Catégories" %}
-              <li><a href="{{ page.url }}">{{ page.menu }}</a></li>
-            {% endif %}
-          {% endfor %}
-        </ul>
-      </div>
-    </nav>
-
-    <nav id="right-nav" class="nav small-2 columns">
-      {% if config.plugins.taxonomylist.enabled %}
+      <nav id="left-nav" class="nav small-6 medium-2 medium-pull-8 columns">
         <div class="wrapper">
-            <h4><a href="/categories">Catégories</a></h4>
-            {% include 'partials/tagslist.html.twig' with {'base_url':"/categories/", 'taxonomy':'tag'} %}
+          <ul class="left">
+            {% for page in pages.children %}
+              {% if page.menu != "home" and page.menu != "Catégories" %}
+                <li><a href="{{ page.url }}">{{ page.menu }}</a></li>
+              {% endif %}
+            {% endfor %}
+          </ul>
         </div>
-      {% endif %}
-    </nav>
+      </nav>
+
+      <nav id="right-nav" class="nav small-6 medium-2 columns">
+        {% if config.plugins.taxonomylist.enabled %}
+          <div class="wrapper">
+              <h4><a href="/categories">Catégories</a></h4>
+              {% include 'partials/tagslist.html.twig' with {'base_url':"/categories/", 'taxonomy':'tag'} %}
+          </div>
+        {% endif %}
+      </nav>
+    </div>
   </div>
 </header>

user/themes/labonneadresse/templates/partials/projet-block.html.twig

@@ -1,6 +1,12 @@
 {% if display == 'img' %}
   {% set image = page.media.images|first %}
-  <a href="{{ page.url }}">{{ image.html }}</a>
+
+  {# {% set image = child.media.files|first %} #}
+  {# {% if image == null %} #}
+  {#   {% set image = child.media.images|first %} #}
+  {# {% endif %}  #}
+
+  <a href="{{ page.url }}">{{ image.resize(500).html }}</a>
   <header>
     <h1><a href="{{ page.url }}">{{page.title}}</a></h1>
     <h2><a href="{{ page.url }}">{{page.header.subtitle}}</a></h2>
@@ -13,8 +19,7 @@
 
   {{ page.summary() }}
 
-
   {% set image = page.media.images|first %}
-  <a class="projet-img" href="{{ page.url }}">{{ image.html }}</a>
+  <a class="projet-img" href="{{ page.url }}">{{ image.resize(500).html }}</a>
 
 {% endif %}