theme updates

themes/codegirl/layouts/_default/single.html

@@ -1,5 +1,5 @@
 {{ define "main" }}
-<article class="post container container--narrow">
+<article class="post container">
   <header class="post__header">
     <p class="post__meta">
       {{ with .Params.type }}<span class="post__type">{{ humanize . }}</span>{{ end }}

themes/codegirl/layouts/index.html

@@ -1,8 +1,22 @@
 {{ define "main" }}
-<section class="coming-soon container">
-  <h1 class="coming-soon__title">{{ .Title }}</h1>
+<section class="hero container">
+  <p class="hero__eyebrow">{{ .Site.Params.tagline }}</p>
+  <h1 class="hero__title">{{ .Title }}</h1>
   {{ with .Content }}
-  <div class="coming-soon__body content">{{ . }}</div>
+  <div class="hero__body content">{{ . }}</div>
   {{ end }}
 </section>
+<section class="latest container">
+  <header class="latest__header">
+    <h2 class="latest__title">Latest</h2>
+    <a class="latest__link" href="{{ "/posts/" | relURL }}">All posts →</a>
+  </header>
+  <ul class="post-list">
+    {{ range where .Site.RegularPages "Section" "eq" "posts" | first 12 }}
+    <li class="post-list__item">
+      {{ partial "post-card.html" . }}
+    </li>
+    {{ end }}
+  </ul>
+</section>
 {{ end }}

themes/codegirl/layouts/partials/footer.html

@@ -1,3 +1,10 @@
 <footer class="site-footer container">
-  <p class="site-footer__copy">&copy; {{ now.Year }} {{ .Site.Params.author }}</p>
+  <div class="site-footer__inner">
+    <p class="site-footer__tagline">{{ .Site.Params.tagline }}</p>
+    <nav class="site-footer__nav" aria-label="Footer">
+      <a class="site-footer__link" href="{{ "/posts/" | relURL }}">Posts</a>
+      <a class="site-footer__link" href="{{ "/about/" | relURL }}">About</a>
+    </nav>
+    <p class="site-footer__copy">&copy; {{ now.Year }} {{ .Site.Params.author }}</p>
+  </div>
 </footer>

themes/codegirl/layouts/partials/header.html

@@ -1,3 +1,13 @@
 <header class="site-header container">
-  <span class="site-header__logo">{{ .Site.Params.logo }}</span>
+  <a class="site-header__logo" href="{{ "/" | relURL }}">
+    {{ with .Site.Params.logo_image }}
+    <img class="site-header__logo-image" src="{{ . | relURL }}" alt="{{ $.Site.Params.logo | default $.Site.Title }}">
+    {{ else }}
+    {{ $.Site.Params.logo }}
+    {{ end }}
+  </a>
+  <nav class="site-nav" aria-label="Main">
+    <a class="site-nav__link{{ if eq .Section "posts" }} site-nav__link--active{{ end }}" href="{{ "/posts/" | relURL }}">Posts</a>
+    <a class="site-nav__link{{ if and .IsPage (eq .File.BaseFileName "about") }} site-nav__link--active{{ end }}" href="{{ "/about/" | relURL }}">About</a>
+  </nav>
 </header>

themes/codegirl/layouts/shortcodes/clip.html

@@ -0,0 +1,12 @@
+{{- $src := .Get "src" -}}
+{{- if not (or (hasPrefix $src "/") (hasPrefix $src "http")) -}}
+  {{- $src = .Page.RelPermalink | path.Join $src -}}
+{{- end -}}
+<figure class="clip">
+  <video controls playsinline preload="metadata">
+    <source src="{{ $src }}" type="{{ .Get "type" | default "video/mp4" }}">
+  </video>
+  {{- with .Get "caption" -}}
+  <figcaption>{{ . }}</figcaption>
+  {{- end -}}
+</figure>