Add basic website (#437)

* Add Netlify configuration and website Makefile Signed-off-by: lucperkins <lucperkins@gmail.com> * Add .editorconfig file for IDE configs Signed-off-by: lucperkins <lucperkins@gmail.com> * Add empty content folder to satisfy Hugo requirement Signed-off-by: lucperkins <lucperkins@gmail.com> * Add basic Hugo site config Signed-off-by: lucperkins <lucperkins@gmail.com> * Add initial layout scaffolding Signed-off-by: lucperkins <lucperkins@gmail.com> * Add initial npm assets, yarn.lock, and .gitignore file to ignore node_modules/ Signed-off-by: lucperkins <lucperkins@gmail.com> * Add initial site implementation * Revert Hugo version to 0.50 Signed-off-by: lucperkins <lucperkins@gmail.com> * Change publish directory to website/public Signed-off-by: lucperkins <lucperkins@gmail.com> * Add basic site metadata in partial Signed-off-by: Luc Perkins <lucperkins@gmail.com> * Widen main logo on mobile Signed-off-by: Luc Perkins <lucperkins@gmail.com> * Add favicon link to CSS partial Signed-off-by: Luc Perkins <lucperkins@gmail.com> * Synchronize main color with logos Signed-off-by: Luc Perkins <lucperkins@gmail.com> * Add basic Providers and How it Works sections to home page Signed-off-by: lucperkins <lucperkins@gmail.com> * Combine basics and providers sections into one Signed-off-by: lucperkins <lucperkins@gmail.com> * Add favicon link to site config Signed-off-by: lucperkins <lucperkins@gmail.com> * Add navbar fade in and out effect Signed-off-by: lucperkins <lucperkins@gmail.com> * Add Slack button Signed-off-by: lucperkins <lucperkins@gmail.com> * Add GitHub stars/watcher info Signed-off-by: lucperkins <lucperkins@gmail.com> * Add documentation layout Signed-off-by: lucperkins <lucperkins@gmail.com> * Add debugging and contributing links Signed-off-by: lucperkins <lucperkins@gmail.com> * Add docs button in main hero Signed-off-by: lucperkins <lucperkins@gmail.com> * Fix footer layout issue Signed-off-by: lucperkins <lucperkins@gmail.com> * Change docs header aesthetic Signed-off-by: lucperkins <lucperkins@gmail.com> * Change syntax highlighting theme to fruity Signed-off-by: lucperkins <lucperkins@gmail.com> * More adjustments to sidebar Signed-off-by: lucperkins <lucperkins@gmail.com> * Add TOC panel for docs Signed-off-by: lucperkins <lucperkins@gmail.com> * Adjust the padding on section elements Signed-off-by: lucperkins <lucperkins@gmail.com> * Remove stickiness on main docs header Signed-off-by: lucperkins <lucperkins@gmail.com> * Add basic architecture doc Signed-off-by: lucperkins <lucperkins@gmail.com> * Remove 'coming soon' banner Signed-off-by: lucperkins <lucperkins@gmail.com> * Add AnchorJS support for docs pages Signed-off-by: lucperkins <lucperkins@gmail.com>
2018-12-21 13:49:05 -08:00
parent 966f7a807b
commit b44072588b
42 changed files with 1059 additions and 1 deletions
--- a/website/layouts/partials/home/cncf.html
+++ b/website/layouts/partials/home/cncf.html
@@ -0,0 +1,9 @@
+<section class="section has-background-grey-lightest">
+  <div class="container has-text-centered">
+    <p class="title is-size-4 is-size-5-mobile has-text-weight-light">
+      Virtual Kubelet is a <a href="https://cncf.io">Cloud Native Computing Foundation</a> sandbox project
+    </p>
+
+    <img class="is-cncf-logo" src="https://raw.githubusercontent.com/cncf/artwork/master/cncf/horizontal/color/cncf-color.png" alt="Cloud Native Computing Foundation logo">
+  </div>
+</section>
--- a/website/layouts/partials/home/hero.html
+++ b/website/layouts/partials/home/hero.html
@@ -0,0 +1,16 @@
+{{- $heroLogo := .Site.Params.logos.hero }}
+<div class="hero is-primary">
+  <div class="hero-body">
+    <div class="section has-text-centered">
+      <img class="is-main-logo" src="{{ $heroLogo }}" alt="Main Virtual Kubelet hero logo">
+
+      <br /><br /><br />
+
+      <div class="buttons is-centered">
+        <a class="button is-large is-black" href="/docs">
+          Documentation
+        </a>
+      </div>
+    </div>
+  </div>
+</div>
--- a/website/layouts/partials/home/info.html
+++ b/website/layouts/partials/home/info.html
@@ -0,0 +1,40 @@
+{{- $description := .Site.Params.description | markdownify }}
+{{- $social      := .Site.Params.social }}
+{{- $providers := .Site.Data.providers }}
+<section class="section">
+  <div class="container">
+    <div class="columns">
+      <div class="column has-background-white has-extra-padding">
+        <p class="title is-size-2 is-size-3-mobile has-text-primary has-text-weight-light">
+          The basics
+        </p>
+
+        <span class="content is-size-4 is-size-5-mobile">
+          {{ $description }}
+        </span>
+
+        <br /><br />
+
+        {{ partial "home/social.html" . }}
+      </div>
+
+      <div class="column has-background-black has-extra-padding">
+        <p class="title is-size-2 is-size-3-mobile has-text-white has-text-weight-light">
+          Providers
+        </p>
+
+        <ul>
+          {{- range $providers }}
+          {{- $url := printf "https://github.com/virtual-kubelet/virtual-kubelet/tree/master/providers/%s" .tag }}
+          <li class="has-bottom-spacing">
+            <a class="is-size-5 is-size-6-mobile has-text-grey-lighter has-text-weight-light" href="{{ $url }}" target="_blank">
+              {{ .name | markdownify }}
+            </a>
+            <br />
+          </li>
+          {{- end }}
+        </ul>
+      </div>
+    </div>
+  </div>
+</section>
--- a/website/layouts/partials/home/social.html
+++ b/website/layouts/partials/home/social.html
@@ -0,0 +1,38 @@
+{{- $socialButtons := .Site.Params.social }}
+{{- $repoInfo    := getJSON "https://api.github.com/repos/virtual-kubelet/virtual-kubelet" }}
+{{- $numStars    := $repoInfo.stargazers_count }}
+{{- $numWatchers := $repoInfo.subscribers_count }}
+<div class="buttons">
+  {{- range $socialButtons }}
+  <a class="button is-medium is-{{ .color }}" href="{{ .url }}" target="_blank">
+    <span class="icon">
+      <i class="fab fa-{{ .icon }}"></i>
+    </span>
+    <span>
+      {{ .name }}
+    </span>
+  </a>
+  {{- end }}
+</div>
+
+<div class="buttons">
+  <div class="button is-dark is-radiusless">
+    <span class="icon">
+      <i class="fab fa-github"></i>
+    </span>
+
+    <span>
+      Stars &nbsp;<strong>{{ $numStars }}</strong>
+    </span>
+  </div>
+
+  <div class="button is-dark is-radiusless">
+    <span class="icon">
+      <i class="fab fa-github"></i>
+    </span>
+
+    <span>
+      Watchers &nbsp;<strong>{{ $numWatchers }}</strong>
+    </span>
+  </div>
+</div>