first mobile draft

layouts/_default/home.html

@@ -0,0 +1,54 @@
+{{ define "main" }}
+    <h2>Actualités</h2>
+    <div class="concerts">
+        {{ range site.RegularPages }}
+            <div class="concert-entry">
+                <p class="concert-date">{{ .Params.ConcertDate }}</p>
+                <div class="concert-cover">
+                    <img src="/unk.jpg" alt="Unknown cover" />
+                </div>
+                <div class="concert-overview">
+                    <h2><a href="{{ .RelPermalink }}">{{ .LinkTitle }}</a></h2>
+                    <h3>{{ .Summary }}</h3>
+                    <h4>{{ .Description }}</h4>
+                </div>
+                <div class="concert-buttons">
+                    <a class="concert-button" href="{{ .Params.TicketsLink }}"
+                        >Billets</a
+                    >
+                    <a class="concert-button" href="{{ .RelPermalink }}"
+                        >Infos</a
+                    >
+                </div>
+            </div>
+
+            <div class="concert-entry-small">
+                <h4 class="concert-date">{{ .Params.ConcertDate }}</h4>
+                <img src="bar.png" class="separator" />
+                <div class="concert-entry-container">
+                    <div class="concert-cover">
+                        <img src="/unk.jpg" alt="Unknown cover" />
+                    </div>
+                    <div class="concert-overview">
+                        <a href="{{ .RelPermalink }}"
+                            ><h3>{{ .LinkTitle }}</h3></a
+                        >
+                        <h4>{{ .Description }}</h4>
+                        <p>{{ .Summary }}</p>
+                    </div>
+                </div>
+                <img src="bar.png" class="separator" />
+                <div class="concert-buttons">
+                    <a class="concert-button" href="{{ .Params.TicketsLink }}">
+                        <img src="billets.png" />
+                        <span>Billets</span>
+                    </a>
+                    <a class="concert-button" href="{{ .RelPermalink }}">
+                        <img src="info.png" />
+                        <span>Infos</span>
+                    </a>
+                </div>
+            </div>
+        {{ end }}
+    </div>
+{{ end }}

layouts/index.html

@@ -1,4 +0,0 @@
-{{ define "main" }}
-    {{ .Content }}
-    <p>This line is from <code>layouts/index.html</code>.</p>
-{{ end }}

layouts/partials/header.html

@@ -1,2 +1,5 @@
-<h1>{{ site.Title }}</h1>
 {{ partial "menu.html" (dict "menuID" "main" "page" .) }}
+<div>
+    <h1 id="header-title">Les amis de la chapelle Victoria</h1>
+    <h2 id="header-subtitle">Actualité concerts, expositions, billeterie</h2>
+</div>

layouts/partials/menu.html

@@ -11,7 +11,7 @@
 {{- $menuID := .menuID }}
 
 {{- with index site.Menus $menuID }}
-    <nav>
+    <nav class="menu">
         <ul>
             {{- partial "inline/menu/walk.html" (dict "page" $page "menuEntries" .) }}
         </ul>