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

layouts/shortcodes/video.html

@@ -0,0 +1,12 @@
+{{- $src := .Get "src" | default (.Get 0) -}}
+{{- $caption := .Get "caption" -}}
+{{- $poster := .Get "poster" -}}
+{{- with .Page.Resources.GetMatch $src }}{{ $src = .RelPermalink }}{{ end -}}
+{{- with $poster }}{{ with $.Page.Resources.GetMatch . }}{{ $poster = .RelPermalink }}{{ end }}{{ end -}}
+<figure class="project-video">
+  <video controls preload="metadata" playsinline{{ with $poster }} poster="{{ . }}"{{ end }}>
+    <source src="{{ $src }}" type="video/mp4">
+    Your browser does not support the video tag. <a href="{{ $src }}">Download the video</a>.
+  </video>
+  {{- with $caption }}<figcaption>{{ . | markdownify }}</figcaption>{{ end }}
+</figure>