Initial cockpit commit

src/partials/page_five.html

@@ -1,5 +1,5 @@
-<x-tab.content selected="3">
-  <x-section-head header="Page four">
+<x-tab.content selected="4">
+  <x-section-head header="Page five">
     <x-blockquote cite="Josh Arbon (CEO of Tysontoucherinator)">
       Who is this guy?
     </x-blockquote>
@@ -20,7 +20,7 @@
         ```=html
         <form hx-post="/api/page-idea" hx-target="#page-idea-result" hx-indicator="#page-idea-indicator">
           <label for="page-idea">
-            What should we put on page 4 of The SANDWICH?
+            What should we put on page 5 of The SANDWICH?
           </label><br>
           <textarea name="page-idea" id="page-idea"></textarea>
           <input type="submit" value="Submit Idea!">

src/partials/thecockpit.html

@@ -0,0 +1,18 @@
+<x-tab.content selected="3">
+  <x-section-head header="The Cockpit">
+    <djot>
+      ## Fact:
+
+      In Myrtle Beach South Carolina, Richard and Isaac counted 100 Chrysler Pacificas in the span of a week.
+    </djot>
+  </x-section-head>
+  <div id="cockpit-canvas" style="height: 80vh;  margin: 8px"></div>
+</x-tab.content>
+<script>
+  var interval = setInterval(function () {
+    if (typeof window.run_cockpit === 'function') {
+      clearInterval(interval);
+      window.run_cockpit();
+    }
+  }, 100);
+</script>