From 441f3ef4452390b9dfbd7d46df29063d1ed6024f Mon Sep 17 00:00:00 2001
From: lucperkins <lucperkins@gmail.com>
Date: Mon, 9 Mar 2020 12:41:37 -0700
Subject: [PATCH] Add CNCF section to main page

Signed-off-by: lucperkins <lucperkins@gmail.com>
---
 assets/sass/style.sass                         |   9 +++++++++
 layouts/_default/single.html                   |  17 ++++++++++++++++-
 layouts/index.html                             |   1 +
 layouts/partials/footer.html                   |   6 +++++-
 layouts/partials/hero.html                     |   2 +-
 layouts/partials/home/cncf.html                |  10 ++++++++++
 .../cncf-horizontal-color.png}                 | Bin
 7 files changed, 42 insertions(+), 3 deletions(-)
 create mode 100644 layouts/partials/home/cncf.html
 rename static/img/{cncf-color.png => logos/cncf-horizontal-color.png} (100%)

diff --git a/assets/sass/style.sass b/assets/sass/style.sass
index 7bd9984..a6799f0 100644
--- a/assets/sass/style.sass
+++ b/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%)
 
diff --git a/layouts/_default/single.html b/layouts/_default/single.html
index 3c4acd5..6a45772 100644
--- a/layouts/_default/single.html
+++ b/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 }}
diff --git a/layouts/index.html b/layouts/index.html
index 3e8bb85..21b46ee 100755
--- a/layouts/index.html
+++ b/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 }}
diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html
index d1b9306..82407ed 100644
--- a/layouts/partials/footer.html
+++ b/layouts/partials/footer.html
@@ -1,3 +1,7 @@
 <footer class="footer has-background-image">
-
+  <div class="container">
+    <p class="title">
+      gRPC
+    </p>
+  </div>
 </footer>
\ No newline at end of file
diff --git a/layouts/partials/hero.html b/layouts/partials/hero.html
index 45b65c3..86ccf07 100644
--- a/layouts/partials/hero.html
+++ b/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>
diff --git a/layouts/partials/home/cncf.html b/layouts/partials/home/cncf.html
new file mode 100644
index 0000000..f60afe2
--- /dev/null
+++ b/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>
\ No newline at end of file
diff --git a/static/img/cncf-color.png b/static/img/logos/cncf-horizontal-color.png
similarity index 100%
rename from static/img/cncf-color.png
rename to static/img/logos/cncf-horizontal-color.png