Start of resources section with placeholders

layouts/resources/list.html

@@ -0,0 +1,20 @@
+{{ define "main" }}
+<div class="resources-page">
+  <div class="resources-container">
+    <div class="whiteboard">
+      <div class="whiteboard-header">
+        <h1>{{ .Title }}</h1>
+        <div class="whiteboard-description">
+          {{ .Content }}
+        </div>
+      </div>
+
+      <div class="whiteboard-pins">
+        {{ range .Pages }}
+          {{ .Render "summary" }}
+        {{ end }}
+      </div>
+    </div>
+  </div>
+</div>
+{{ end }}

layouts/resources/single.html

@@ -0,0 +1,42 @@
+{{ define "main" }}
+<div class="resource-single">
+  <article class="resource-content">
+    <header class="resource-header">
+      <div class="resource-icon-large {{ .Params.icon }}"></div>
+      <h1>{{ .Title }}</h1>
+      {{ if .Params.description }}
+      <p class="lead">{{ .Params.description }}</p>
+      {{ end }}
+      {{ if .Params.tags }}
+      <div class="resource-tags">
+        {{ range .Params.tags }}
+        <a href="{{ printf "/tags/%s/" (. | urlize) }}" class="tag">{{ . }}</a>
+        {{ end }}
+      </div>
+      {{ end }}
+      <div class="resource-links">
+        {{ if .Params.demo_url }}
+        <a href="{{ .Params.demo_url }}" class="resource-link demo" target="_blank">View Demo</a>
+        {{ end }}
+        {{ if .Params.source_url }}
+        <a href="{{ .Params.source_url }}" class="resource-link source" target="_blank">View Source</a>
+        {{ end }}
+      </div>
+    </header>
+
+    <div class="resource-body">
+      {{ .Content }}
+    </div>
+
+    <nav class="resource-navigation">
+      {{ with .PrevInSection }}
+      <a href="{{ .Permalink }}" class="nav-link prev">← {{ .Title }}</a>
+      {{ end }}
+      <a href="/resources/" class="nav-link back">Back to Resources</a>
+      {{ with .NextInSection }}
+      <a href="{{ .Permalink }}" class="nav-link next">{{ .Title }} →</a>
+      {{ end }}
+    </nav>
+  </article>
+</div>
+{{ end }}

layouts/resources/summary.html

@@ -0,0 +1,25 @@
+<div class="resource-pin" data-icon="{{ .Params.icon }}">
+  <div class="pin-tack"></div>
+  <div class="resource-card">
+    <div class="resource-icon {{ .Params.icon }}"></div>
+    <div class="resource-info">
+      <h2><a href="{{ .Permalink }}">{{ .Title }}</a></h2>
+      <p class="resource-description">{{ .Params.description }}</p>
+      {{ if .Params.tags }}
+      <div class="resource-tags">
+        {{ range .Params.tags }}
+        <span class="tag">{{ . }}</span>
+        {{ end }}
+      </div>
+      {{ end }}
+      <div class="resource-links">
+        {{ if .Params.demo_url }}
+        <a href="{{ .Params.demo_url }}" class="resource-link demo" target="_blank">Demo</a>
+        {{ end }}
+        {{ if .Params.source_url }}
+        <a href="{{ .Params.source_url }}" class="resource-link source" target="_blank">Source</a>
+        {{ end }}
+      </div>
+    </div>
+  </div>
+</div>