Add CNCF section to main page

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

assets/sass/style.sass

@@ -32,6 +32,7 @@ $code: $primary
 $code-background: $white-bis
 $navbar-height: 5rem
 $navbar-item-img-max-height: $navbar-height * 0.6
+$section-padding: 3rem 1.5rem
 
 // Font overrides
 {{ if $fonts }}
@@ -112,6 +113,14 @@ $colors: mergeColorMaps(("secondary": ($secondary, $white)), $colors)
   +touch
     width: $t
 
+.is-cncf-logo
+  +logo(50%, 90%)
+
+  +desktop
+    margin-top: 1.25rem
+  +touch
+    margin-top: 0.75rem
+
 .is-hero-logo
   +logo(50%, 80%)
 

layouts/_default/single.html

@@ -4,5 +4,20 @@
 
 {{ define "main" }}
 {{ partial "hero.html" . }}
-{{ partial "content.html" (dict "content" .Content "size" "medium") }}
+
+<section class="section">
+  <div class="container">
+    <div class="columns is-variable is-8">
+      <div class="column is-three-quarters">
+        {{ partial "content.html" (dict "content" .Content "size" "normal" "constrained" true) }}
+      </div>
+
+      <div class="column">
+        <aside class="is-sticky">
+          {{ .TableOfContents }}
+        </aside>
+      </div>
+    </div>
+  </div>
+</section>
 {{ end }}

layouts/index.html

@@ -2,4 +2,5 @@
 {{ partial "home/hero.html" . }}
 {{ partial "home/info.html" . }}
 {{ partial "home/used-by.html" . }}
+{{ partial "home/cncf.html" . }}
 {{ end }}

layouts/partials/footer.html

@@ -1,3 +1,7 @@
 <footer class="footer has-background-image">
-
+  <div class="container">
+    <p class="title">
+      gRPC
+    </p>
+  </div>
 </footer>

layouts/partials/hero.html

@@ -2,7 +2,7 @@
 {{ $desc  := .Params.description | markdownify }}
 <section class="hero is-medium is-primary has-background-image">
   <div class="hero-body">
-    <div class="container has-text-centered">
+    <div class="container">
       <p class="title is-size-1 is-size-2-mobile has-text-weight-light{{ if $desc }} is-spaced{{ end }}">
         {{ $title }}
       </p>

layouts/partials/home/cncf.html

@@ -0,0 +1,10 @@
+{{ $logo := "img/logos/cncf-horizontal-color.png" | relURL }}
+<section class="section has-extra-padding">
+  <div class="container has-text-centered">
+    <p class="title is-size-2 is-size-3-mobile has-text-weight-light">
+      gRPC is a <a href="https://cncf.io">Cloud Native Computing Foundation</a> incubating project
+    </p>
+
+    <img class="is-cncf-logo" src="{{ $logo }}" alt="Cloud Native Computing Foundation logo">
+  </div>
+</section>