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/assets/sass/style.sass
+++ b/website/assets/sass/style.sass
@@ -0,0 +1,136 @@
+{{- $fonts    := .Site.Params.fonts }}
+{{- $fontSlice := (slice) }}
+{{- range $fonts }}
+{{- $fontSlice = $fontSlice | append (printf "%s:%s" (replace .name " " "+") (delimit .sizes ",")) }}
+{{- end }}
+{{- $fontsUrl := printf "https://fonts.googleapis.com/css?family=%s" (delimit $fontSlice "|") }}
+{{- $sansSerifFont := .Site.Params.sansSerifFont }}
+//{{- $monospaceFont := .Site.Params.monospaceFont }}
+{{- $fontAwesomeVersion := .Site.Params.fontAwesomeVersion }}
+{{- $fontAwesomeUrl     := printf "https://use.fontawesome.com/releases/v%s/css/all.css" $fontAwesomeVersion }}
+
+@charset "utf-8"
+@import url({{ $fontsUrl }})
+@import url({{ $fontAwesomeUrl }})
+
+@import "bulma/sass/utilities/initial-variables"
+@import "bulma/sass/utilities/functions"
+
+// Project-specific colors and variables
+$vk-blue: #3e71db
+$vk-dark: #383d49
+
+// Other colors
+$twitter-blue: #1da1f2
+$slack-green: #74cdb0
+// Bulma variable overwrites
+$primary: $vk-blue
+$dark: $vk-dark
+
+$link: $primary
+$link-hover: $dark
+$code: $primary
+
+$family-sans-serif: "{{ $sansSerifFont }}", BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif
+//$family-code: "{{ $monospaceFont }}", monospace
+$section-padding: 3rem 4rem
+
+$navbar-height: 5rem
+$navbar-item-img-max-height: 3.5rem
+$dashboard-panel-padding: 3rem 2.5rem 5rem 2.5rem
+$dashboard-panel-header-bottom-margin: 2rem
+$toc-item-color: $white
+$toc-item-font-size: 1.75rem
+$toc-item-icon-color: $white-bis
+$toc-item-icon-right-margin: 1.5rem
+$toc-item-top-margin: 1rem
+
+@import "bulma/sass/utilities/derived-variables"
+
+$colors: mergeColorMaps(("twitter-blue": ($twitter-blue, $white), "slack-green": ($slack-green, $white)), $colors)
+
+@import "bulma/bulma"
+@import "bulma-dashboard/bulma-dashboard.sass"
+@import "bulma-toc/bulma-toc.sass"
+
+// Ensure sticky footer at the bottom of the page
+.page
+  display: flex
+  flex-direction: column
+  min-height: 100vh
+
+  .main
+    flex: 1
+
+=hide
+  display: none
+
+=logo($tablet, $mobile)
+  +tablet
+    width: $tablet
+  
+  +mobile
+    width: $mobile
+
+.menu-item
+  font-size: 1.75rem
+   
+  .icon
+    color: $white
+    margin-right: 1.5rem
+
+.is-main-logo
+  +logo(40%, 90%)
+
+.is-cncf-logo
+  +logo(40%, 80%)
+
+.is-footer-logo
+  +logo(10%, 20%)
+
+.has-extra-padding
+  padding: 3rem
+
+.has-bottom-spacing
+  margin-bottom: 1rem
+
+.is-home-page .navbar
+  +hide
+
+.button
+  &.is-radiusless
+    border-radius: none
+
+.dashboard
+  &-panel-header
+    img
+      width: 50%
+
+  .footer
+    flex: 1
+
+.toc-panel
+  padding: 1.75rem
+  border-left: 1px solid $grey-light
+
+.toc-bar
+  margin-top: 1.5rem
+
+  li
+    line-height: 110%
+    font-size: 1rem
+
+    a
+      color: $dark
+
+  ul
+    li
+      & + li
+        margin-top: .8rem
+
+.content
+  figure
+    img
+    figcaption
+      font-size: 1.75rem
+      font-style: normal