Add local logos (#585)

* Add local logos

Signed-off-by: lucperkins <lucperkins@gmail.com>

* Fix Hugo version name in Netlify config

Signed-off-by: lucperkins <lucperkins@gmail.com>

* Fix URL for CNCF logo

Signed-off-by: lucperkins <lucperkins@gmail.com>

netlify.toml

@@ -4,7 +4,7 @@ publish = "website/public"
 command = "make production-build"
 
 [build.environment]
-HUGO_VERSION = "0.53"
+HUGO_VERSION = "0.55.0"
 
 [context.deploy-preview]
 command = "make preview-build"

website/assets/sass/style.sass

@@ -1,12 +1,12 @@
-{{ $fonts    := .Site.Params.fonts }}
+{{ $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 }}
+{{ $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"

website/config.toml

@@ -17,7 +17,7 @@ hrefTargetBlank = true
 
 # General site-level parameters
 [params]
-favicon            = "https://raw.githubusercontent.com/cncf/artwork/master/virtualkubelet/icon/color/virtualkubelet-icon-color.png"
+favicon            = "https://raw.githubusercontent.com/cncf/artwork/master/projects/virtualkubelet/icon/color/virtualkubelet-icon-color.png"
 sansSerifFont      = "Noto Sans TC"
 monospaceFont      = "Fira Mono"
 fontAwesomeVersion = "5.5.0"
@@ -29,10 +29,11 @@ This allows Kubernetes nodes to be backed by Virtual Kubelet [**providers**](/do
 """
 
 [params.logos]
-site    = "https://raw.githubusercontent.com/cncf/artwork/master/virtualkubelet/horizontal/color/virtualkubelet-horizontal-color.png"
-hero    = "https://raw.githubusercontent.com/cncf/artwork/master/virtualkubelet/horizontal/white/virtualkubelet-horizontal-white.png"
-navbar  = "https://raw.githubusercontent.com/cncf/artwork/master/virtualkubelet/horizontal/white/virtualkubelet-horizontal-white.png"
-sidebar = "https://raw.githubusercontent.com/cncf/artwork/master/virtualkubelet/stacked/white/virtualkubelet-stacked-white.png"
+site    = "/img/color-logo.png"
+hero    = "/img/white-logo.png"
+navbar  = "/img/white-logo.png"
+sidebar = "/img/stacked-white-logo.png"
+footer  = "/img/stacked-white-logo.png"
 
 [[params.fonts]]
 name  = "Noto Sans TC"

website/layouts/partials/docs/sidebar.html

@@ -1,4 +1,4 @@
-{{ $sidebarLogo := site.Params.logos.sidebar }}
+{{ $sidebarLogo := site.Params.logos.sidebar | relURL }}
 {{ $docs        := where site.Pages "Section" "docs" }}
 <div class="dashboard-panel is-medium is-hidden-mobile has-background-primary">
   <div class="dashboard-panel-header has-text-centered">
@@ -13,7 +13,7 @@
     <div class="toc">
       {{ range $docs }}
       <div class="toc-item has-text-weight-light">
-        <a href="{{ .URL }}">
+        <a href="{{ .RelPermalink }}">
             {{ .Title }}
           </a>
       </div>

website/layouts/partials/footer.html

@@ -1,7 +1,8 @@
-{{ $year := now.Year}}
+{{ $year := now.Year }}
+{{ $logo := site.Params.logos.footer | relURL }}
 <footer class="footer has-background-black">
   <div class="has-text-centered">
-    <img class="is-footer-logo" src="https://raw.githubusercontent.com/cncf/artwork/master/virtualkubelet/icon/white/virtualkubelet-icon-white.png">
+    <img class="is-footer-logo" src="{{ $logo }}">
 
     <br /><br />
 

website/layouts/partials/home/hero.html

@@ -1,4 +1,4 @@
-{{ $heroLogo := site.Params.logos.hero }}
+{{ $heroLogo := site.Params.logos.hero | relURL }}
 <div class="hero is-primary">
   <div class="hero-body">
     <div class="section has-text-centered">

website/layouts/partials/meta.html

@@ -38,4 +38,4 @@
 <meta name="twitter:card" content="summary">
 <meta name="twitter:site" content="@{{ $twitter }}">
 <meta name="twitter:creator" content="@{{ $twitter }}">
-{{ .Hugo.Generator }}
+{{ hugo.Generator }}

website/layouts/shortcodes/cli.html

@@ -1,4 +1,4 @@
-{{ $cli         := .Site.Data.cli }}
+{{ $cli         := site.Data.cli }}
 {{ $description := $cli.description | markdownify }}
 {{ $flags       := $cli.flags }}
 <div class="cli">

website/layouts/shortcodes/providers.html

@@ -1,4 +1,4 @@
-{{- $providers := .Site.Data.providers }}
+{{- $providers := site.Data.providers }}
 <table>
   <tbody>
     {{ range $providers }}