Add Projects section with inverted pendulum and real-time interface pages

layouts/projects/single.html

@@ -0,0 +1,22 @@
+{{ define "title" }}{{ .Title }} - {{ .Site.Title }}{{ end }}
+
+{{ define "content" }}
+{{ partial "projects/styles.html" . }}
+<article class="post project-page">
+  <header class="post-header project-header">
+    <h1 class="post-title">{{ .Title }}</h1>
+    {{- with .Params.summary }}<p class="project-summary">{{ . }}</p>{{ end }}
+    <div class="project-meta">
+      {{- with .Params.status }}<span class="project-status" data-status="{{ . | lower }}">{{ . }}</span>{{ end }}
+      {{- if not .Date.IsZero }}<span>{{ .Date.Format "January 2006" }}</span>{{ end }}
+      {{- with .Params.repo }}<a class="project-btn primary" href="{{ . }}" target="_blank" rel="noopener">Source code ↗</a>{{ end }}
+      {{- with .Params.docs }}<a class="project-btn" href="{{ . }}" target="_blank" rel="noopener">Documentation</a>{{ end }}
+      {{- with .Params.pypi }}<a class="project-btn" href="{{ . }}" target="_blank" rel="noopener">PyPI</a>{{ end }}
+    </div>
+  </header>
+  <div class="post-content project-content">
+    {{ .Content }}
+  </div>
+  <p class="project-back"><a href="{{ .Parent.RelPermalink }}">← All projects</a></p>
+</article>
+{{ end }}