Add home page with short intro and highlights

layouts/index.html

@@ -0,0 +1,50 @@
+{{ define "title" }}{{ .Site.Title }}{{ end }}
+
+{{ define "content" }}
+{{ partial "home/styles.html" . }}
+<section class="home-hero">
+  <img class="home-photo" src="{{ "img/thomas.jpg" | relURL }}" alt="Thomas Dehaeze" width="130" height="130">
+  <div>
+    <h1>{{ .Title }}</h1>
+    {{ .Content }}
+  </div>
+</section>
+
+<section class="home-section">
+  <h2>On this site</h2>
+  <ul class="home-site-list">
+    <li><a href="{{ "research/" | relURL }}">Publications</a><span>Published work: journal articles, lectures and conference publications.</span></li>
+    <li><a href="{{ "projects/" | relURL }}">Projects</a><span>Side projects and software tools.</span></li>
+    <li><a href="{{ "notes/" | relURL }}">Notes</a><span>Technical notes on control, mechatronics and instrumentation</span></li>
+  </ul>
+</section>
+
+<section class="home-section">
+  <h2>Latest publications</h2>
+  {{- $pubs := where hugo.Data.publications.publications "type" "ne" "lecture" -}}
+  <ul class="home-latest">
+    {{- range first 3 (sort $pubs "year" "desc") -}}
+      {{- $pub := . -}}
+      {{- $page := false -}}
+      {{- with .page }}{{ $page = site.GetPage (printf "/research/%s" .) }}{{ end }}
+      <li>
+        {{- with $page }}<a href="{{ .RelPermalink }}">{{ $pub.title }}</a>{{ else }}<strong>{{ $pub.title }}</strong>{{ end -}}
+        <span class="meta">{{ with .venue }}{{ . }}, {{ end }}{{ .year }}</span>
+      </li>
+    {{- end -}}
+  </ul>
+  <p class="home-more"><a href="{{ "research/" | relURL }}">All publications &rarr;</a></p>
+</section>
+
+{{- with site.GetPage "/projects" }}{{ with .Pages }}
+<section class="home-section">
+  <h2>Projects</h2>
+  <ul class="home-latest">
+    {{- range first 3 . }}
+    <li><a href="{{ .RelPermalink }}">{{ .Title }}</a>{{ with or .Description .Summary }}<span class="meta">{{ . | plainify | truncate 140 }}</span>{{ end }}</li>
+    {{- end }}
+  </ul>
+  <p class="home-more"><a href="{{ "projects/" | relURL }}">All projects &rarr;</a></p>
+</section>
+{{ end }}{{ end }}
+{{ end }}

layouts/partials/home/styles.html

@@ -0,0 +1,22 @@
+<style>
+.home-hero { display: flex; align-items: flex-start; gap: 1.8em; margin: 1em 0 2.2em; }
+.home-photo { width: 130px; height: 130px; border-radius: 50%; object-fit: cover; flex: none; }
+.home-hero h1 { margin: 0 0 .5em; font-size: 1.9em; }
+.home-hero p { margin: 0 0 .8em; line-height: 1.6; }
+.home-hero a { color: #c05b4d; }
+.home-section { margin-top: 2.2em; }
+.home-section h2 { font-size: 1.4em; margin-bottom: .7em; }
+.home-site-list { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 1em 1.6em; }
+.home-site-list li { line-height: 1.5; padding-left: .9em; border-left: 3px solid hsl(232, 61%, 80%); }
+.home-site-list a { font-weight: 600; color: hsl(232, 61%, 64%); }
+.home-site-list span { display: block; color: #666; font-size: .95em; }
+.home-latest { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: .9em; }
+.home-latest li { line-height: 1.45; }
+.home-latest .meta { display: block; color: #8a8a8a; font-size: .9em; }
+.home-latest a { color: hsl(232, 61%, 64%); font-weight: 600; }
+.home-more { margin-top: .8em; font-size: .95em; }
+@media (max-width: 640px) {
+  .home-hero { flex-direction: column; align-items: center; text-align: left; gap: 1em; }
+  .home-site-list { grid-template-columns: 1fr; }
+}
+</style>