docs: add public roadmap

This adds the first pass out our public roadmap. It is intended to be a
living document.

Signed-off-by: Andrew Rynhard <andrew@andrewrynhard.com>

docs/website/components/Header.vue

@@ -14,6 +14,11 @@
           <li class="link min-w-full md:min-w-0">
             <CommunityDropdown></CommunityDropdown>
           </li>
+          <li class="link min-w-full md:min-w-0">
+            <a href="/roadmap">
+              <span class="font-semibold mr-1">Roadmap</span>
+            </a>
+          </li>
           <li class="link min-w-full md:min-w-0">
             <a href="/faqs">
               <span class="font-semibold mr-1">FAQs</span>

docs/website/pages/roadmap/index.vue

@@ -0,0 +1,59 @@
+<template>
+  <div class="c-rich-text">
+    <div class="flex justify-center">
+      <h1>Roadmap</h1>
+    </div>
+    <div class="flex flex-col justify-around">
+      <div class="text-left w-3/4 mx-20 py-10 px-20">
+        <ul>
+          <h2>v0.4</h2>
+          <p>Emphasis on enterprise features, stability, and API expansion.</p>
+          <ul>
+            <li>Addition of more APIs</li>
+            <li>
+              RBAC
+              <ul>
+                <li>PKI</li>
+                <li>OIDC</li>
+              </ul>
+            </li>
+            <li>Logging</li>
+            <li>E2E and Conformance testing for all supported platforms</li>
+            <li>Test coverage of 40%</li>
+          </ul>
+        </ul>
+      </div>
+      <div class="text-left w-3/4 mx-20 py-10 px-20">
+        <ul>
+          <h2>v0.5</h2>
+          <p>Emphasis on security and testing.</p>
+          <p></p>
+          <ul>
+            <li>Auditing</li>
+            <li>Security reporting and patch policy</li>
+            <li>Upgrade Controller graduated to beta</li>
+            <li>Talos conformance release</li>
+            <li>Test coverage of 50%</li>
+          </ul>
+        </ul>
+      </div>
+      <div class="text-left w-3/4 mx-20 py-10 px-20">
+        <ul>
+          <h2>v0.6</h2>
+          <p>Emphasis on automation of operational tasks.</p>
+          <p></p>
+          <ul>
+            <li>Automated certificate rotation</li>
+            <li>Test coverage of 60%</li>
+          </ul>
+        </ul>
+      </div>
+    </div>
+  </div>
+</template>
+
+<style scoped>
+ul {
+  padding-left: 40px;
+}
+</style>

docs/website/tailwind.config.js

@@ -172,13 +172,11 @@ module.exports = {
         },
         ul: {
           listStyleType: 'disc',
-          listStylePosition: 'inside',
+          listStylePosition: 'inside'
-          marginBottom: '16px'
         },
         ol: {
           listStyleType: 'decimal',
-          listStylePosition: 'inside',
+          listStylePosition: 'inside'
-          marginBottom: '16px'
         },
         a: {
           extends: 'link'