add jobset docsite

.gitignore

@@ -171,3 +171,5 @@ target/
 #Ipython Notebook
 .ipynb_checkpoints
 
+# Local Netlify folder
+.netlify

netlify.toml

@@ -0,0 +1,17 @@
+[build]
+  base = "site"
+  publish = "public"
+  command = "npm install && hugo --gc --minify"
+
+[context.deploy-preview.environment]
+  HUGO_VERSION = "0.92.0"
+  NODE_VERSION = "16"
+
+[context.production.environment]
+  HUGO_VERSION = "0.92.0"
+  HUGO_ENV = "production"
+  NODE_VERSION = "16"
+
+[context.branch-deploy.environment]
+  HUGO_VERSION = "0.92.0"
+  NODE_VERSION = "16"

site/.gitignore

@@ -0,0 +1,12 @@
+public/
+
+# Modules generated by node.js for CSS editing
+node_modules/
+
+# Resources directory generated by Hugo local build
+resources/
+
+# Notebooks
+.ipynb_checkpoints
+#
+.hugo_build.lock

site/OWNERS

@@ -0,0 +1,4 @@
+# See the OWNERS docs at https://go.k8s.io/owners
+
+approvers:
+- moficodes

site/archetypes/default.md

@@ -0,0 +1,5 @@
+---
+title: "{{ replace .Name "-" " " | title }}"
+date: {{ .Date }}
+draft: true
+---

site/assets/scss/_styles_project.scss

@@ -0,0 +1,174 @@
+// --------------------------------------------------
+// remove whitespace after footer
+// --------------------------------------------------
+footer {
+  min-height: auto;
+}
+
+// --------------------------------------------------
+// prevent overflow of long names in sidebar
+// --------------------------------------------------
+.td-sidebar-nav__section > ul {
+  overflow-wrap: break-word;
+}
+
+.td-overlay--dark::after {
+  background-color: rgba(33, 61, 122, 0.6);
+}
+
+#main_navbar {
+  justify-content: end;
+  padding-right: 16px;
+}
+
+.row > * {
+  flex-shrink: 1;
+}
+
+.row > .container {
+  max-width: 1200px;
+}
+
+// --------------------------------------------------
+// custom navbar with larger logo, dropdown on mobile
+// --------------------------------------------------
+.td-navbar {
+  min-height: auto;
+
+  .navbar-brand {
+    margin: 0;
+    padding: 0;
+
+    .text-uppercase {
+      display: none;
+    }
+
+    .navbar-logo {
+      svg {
+        display: inline-block;
+        position: absolute;
+        top: 0;
+        z-index: 33;
+        padding: 10px;
+        height: 95px;
+        background: white;
+        border: 2px solid #4279f4;
+        border-top: none;
+
+        @include media-breakpoint-down(md) {
+          width: 80px;
+          height: auto;
+          padding: 6px;
+        }
+      }
+    }
+  }
+
+  .navbar-nav {
+    @include media-breakpoint-down(md) {
+      font-size: .875rem;
+      .dropdown {
+        min-width: inherit;
+      }
+    }
+  }
+}
+
+.td-sidebar {
+  padding-bottom: 0.5rem;
+
+  .td-sidebar__inner {
+    padding-top: 30px;
+
+    @include media-breakpoint-down(md) {
+      padding-top: 10px;
+    }
+  }
+}
+
+.td-sidebar-toc {
+  @supports (position: sticky) {
+      position: sticky;
+      top: 60px;
+      height: calc(100vh - 120px);
+      overflow-y: auto;
+  }
+}
+
+
+// --------------------------------------------------
+// 404 page
+// --------------------------------------------------
+.error-page {
+  margin-top: 120px;
+
+  ul {
+    margin-bottom: 50px;
+    list-style-type: none;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-wrap: wrap;
+    padding-left: 0;
+  }
+
+  li {
+    margin-left: 10px;
+    margin-right: 10px;
+  }
+
+  h1 {
+    text-align: center;
+    margin-bottom: 20px;
+  }
+
+  @media (min-width: 768px) and (max-width: 991px) {
+    margin-top: 100px;
+  }
+
+  @media (max-width: 767px) {
+    margin-top: 50px;
+  }
+}
+
+figcaption {
+  font-size: 0.8rem;
+  text-align: center;
+  font-style: italic;
+  color: #6c757d;
+}
+
+// --------------------------------------------------
+// for tabbed code blocks
+// --------------------------------------------------
+.nav-tabs {
+  border-bottom: none !important;
+}
+
+.td-content > ul li,
+.td-content > ol li.nav-item {
+  margin-bottom: 0px;
+}
+
+.td-content .tab-content .highlight {
+  margin: 0;
+}
+
+.tab-pane {
+  border-radius: 0.25rem;
+  padding: 0 16px 16px;
+
+  border: 1px solid #dee2e6;
+
+  &:first-of-type.active {
+    border-top-left-radius: 0;
+  }
+}
+
+nav.foldable-nav .ul-1 .with-child>label:hover:before {
+  transform: none;
+}
+
+nav.foldable-nav .ul-1 .with-child>input:checked~label:hover:before {
+  transform: rotate(90deg) !important;
+}