Ready for prod ?

themes/coopgo-theme/layouts/_default/list.html

@@ -1,10 +1,23 @@
 {{ define "main" }}
 
+{{if (isset .Params "titleimg")}}
+{{$titleimg := resources.Get .Params.titleimg}}
+<div class="bg-primary p-t-100  p-b-100 ta-c">
+    <img class="max-x-300" src="{{$titleimg.Permalink}}" alt="{{.Title}}" />
+</div>
+{{end}}
+
 <div class="container flex-row j-center wrap p-30">
     {{range .Pages}}
     <a href="{{.Permalink}}">
-        <div class="max-w-200 flex-1">
+        <div class="max-w-300 flex-1 m-20">
+            {{ if (isset .Params "featuredimage" )}}
+            {{$img := resources.Get .Params.featuredimage}}
+            <div style='background-image: url({{ $img.Permalink }}); background-size: cover; background-position: center center;' class="bg-bubble w-150 h-150 m-auto"></div>
+            {{end}}
             <h3 class="primary ta-c">{{.Title}}</h3>
+            <p class="ta-c" style="font-size: 0.8em; text-style: italic;">Le {{dateFormat "02/01/2006" .Date}}</p>
+            <p class="ta-j">{{.Description}}</p>
         </div>
     </a>
     {{end}}

themes/coopgo-theme/layouts/partials/head.html

@@ -11,5 +11,7 @@
 
     {{ $title := print .Site.Title " | " .Title }}
     {{ if .IsHome }}{{ $title = .Site.Title }}{{ end }}
+
+    {{ template "_internal/opengraph.html" . }}
     <title>{{ $title }}</title>
 </head>

themes/coopgo-theme/layouts/partials/header.html

@@ -1,4 +1,9 @@
+<div id="body-overlay"></div>
 <nav id="navbar">
+    <div id="menutoggle">
+        {{$icon := resources.Get "images/icons/menu.svg"}}
+        <img class="w-20 h-20 m-20" src="{{$icon.Permalink}}" />
+    </div>
     <div class='left bg-white'>
         {{ $logo := resources.Get .Site.Params.Logo }}
         <a href="{{.Site.BaseURL}}"><img src="{{ $logo.Permalink }}" alt="COOPGO" /></a>
@@ -7,7 +12,7 @@
         <ul class="flex-row j-center ai-center">
             {{ $pages := where .Site.RegularPages.ByDate "Type" "in" .Site.Params.mainPages }}
             {{ range $pages }}
-            <li class="max-w-200">
+            <li class="max-w-200 h-full">
                 <a href="{{ .Permalink }}">{{ .Title }}</a>
             </li>
             {{ end }}
@@ -24,4 +29,32 @@
             {{ if eq (relURL .URL) ("/" | safeHTML) }}<li><a href="#section4">NOS PROJETS</a></li>{{ end }}
         </ul>
     </div>
+</nav>
+
+<nav id="sidebar">
+    <div class="m-20 ta-c">
+        {{ $logo := resources.Get .Site.Params.Logo }}
+        <a href="{{.Site.BaseURL}}"><img class="max-w-150" src="{{ $logo.Permalink }}" alt="COOPGO" /></a>
+    </div>
+    <div>
+        <ul>
+            {{ $pages := where .Site.RegularPages.ByDate "Type" "in" .Site.Params.mainPages }}
+            {{ range $pages }}
+            <li>
+                <a href="{{ .Permalink }}">{{ .Title }}</a>
+            </li>
+            {{ end }}
+        </ul>
+    </div>
+    <div class='bg-primary p-10'>
+        <ul>
+            <li style="list-style: none;">
+                {{ $gotogether := resources.Get "images/gotogether-lemag.svg" }}
+                <a href="/gotogether/">
+                    <img class="h-25" src="{{ $gotogether.Permalink }}" alt="GO TOGETHER le mag" />
+                </a>
+            </li>
+            {{ if eq (relURL .URL) ("/" | safeHTML) }}<li style="list-style: none;"><a class="white brand" href="#section4">NOS PROJETS</a></li>{{ end }}
+        </ul>
+    </div>
 </nav>