First template

layouts/index.html

@@ -0,0 +1,54 @@
+{{ define "main" }}
+  {{ $projects := where site.RegularPages "Section" "projects" }}
+  {{ $featured := where $projects "Params.featured" true }}
+  <section class="hero">
+    <div class="hero-copy">
+      <p class="eyebrow">{{ site.Params.role }}</p>
+      <h1>{{ site.Params.tagline }}</h1>
+      <p class="hero-text">{{ site.Params.intro }}</p>
+      <div class="hero-actions">
+        <a class="button button-primary" href="/projects/">View Projects</a>
+        <a class="button button-secondary" href="mailto:{{ site.Params.email }}">Contact</a>
+      </div>
+    </div>
+    <div class="hero-panel">
+      <p class="panel-label">Focus</p>
+      <ul>
+        <li>Portfolio-driven presentation</li>
+        <li>Fast static delivery with Hugo</li>
+        <li>Clean, maintainable content structure</li>
+      </ul>
+    </div>
+  </section>
+
+  <section class="section">
+    <div class="section-heading">
+      <p class="eyebrow">Selected Work</p>
+      <h2>Featured projects</h2>
+    </div>
+    <div class="card-grid">
+      {{ range $featured }}
+        <article class="project-card">
+          <p class="meta">{{ .Date.Format "Jan 2006" }}</p>
+          <h3><a href="{{ .RelPermalink }}">{{ .Title }}</a></h3>
+          <p>{{ with .Params.summary }}{{ . }}{{ else }}{{ .Description }}{{ end }}</p>
+          {{ with .Params.tags }}
+            <ul class="tag-list">
+              {{ range . }}
+                <li>{{ . }}</li>
+              {{ end }}
+            </ul>
+          {{ end }}
+        </article>
+      {{ end }}
+    </div>
+  </section>
+
+  <section class="section section-alt">
+    <div class="section-heading">
+      <p class="eyebrow">About this site</p>
+      <h2>Built to evolve with the portfolio</h2>
+    </div>
+    <p class="section-text">This Hugo setup is designed to make project updates straightforward. Add Markdown content, adjust templates when needed, and keep the site fast without introducing unnecessary complexity.</p>
+  </section>
+{{ end }}