Finalize home page aesthetic

Signed-off-by: lucperkins <[email protected]>

Author: lucperkins

assets/sass/helpers.sass

@@ -19,7 +19,10 @@
     width: 80%
 
 .cncf-logo
-  +logo(40%, 70%)
+  +logo(80%, 60%)
+
+.has-extra-padding
+  padding: 2rem 0
 
 .is-narrow-desktop
   +desktop

content/_index.md

@@ -1,6 +1,6 @@
 ---
 ---
 
-The **Update Framework** (TUF) helps developers maintain the security of a software update system, even against attackers that compromise the repository or signing keys. TUF provides a flexible framework and specification that developers can adopt into any software update system.
+The Update Framework (**TUF**) helps developers maintain the security of software update systems, providing protection even against attackers that compromise the repository or signing keys. TUF provides a flexible framework and [specification](https://github.com/theupdateframework/specification/blob/master/tuf-spec.md#the-update-framework-specification) that developers can adopt into any software update system.
 
 TUF is hosted by the [Linux Foundation](https://www.linuxfoundation.org/) as part of the [Cloud Native Computing Foundation](https://www.cncf.io) (CNCF) and is used in production by companies such as Cloudflare, Docker, DigitalOcean, Flynn, IBM, Microsoft, LEAP, Kolide, and VMware. A variant of TUF called [Uptane](https://uptane.github.io/) is widely used to secure over-the-air updates in automobiles.

layouts/index.html

@@ -2,6 +2,4 @@
 {{ partial "home/hero.html" . }}
 <hr />
 {{ partial "home/content.html" . }}
-<hr />
-{{ partial "home/cncf.html" . }}
 {{ end }}

layouts/partials/home/cncf.html

@@ -1,10 +1,9 @@
 {{ $logo := printf "img/logos/%s" site.Params.logos.cncf | relURL }}
-<section class="section"> 
-  <div class="container has-text-centered">
-    <p class="title is-size-3 is-size-4-mobile has-text-weight-light">
-      The Update Framework is a <a href="https://cncf.io" target="_blank">CNCF</a> incubating project
-    </p>
 
-    <img class="cncf-logo" src="{{ $logo }}" alt="CNCF project logo">
-  </div>
-</section>
+<p class="title">
+  The Update Framework is a <a href="https://cncf.io" target="_blank">CNCF</a> incubating project
+</p>
+
+<br />
+
+<img class="cncf-logo" src="{{ $logo }}" alt="CNCF project logo">

layouts/partials/home/content.html

@@ -1,17 +1,19 @@
 {{ with .Content }}
 <section class="section">
-  <div class="container">
-    <div class="columns">
-      <div class="column is-one-third">
-        <p>
-          TODO
-        </p>
-      </div>
-      <div class="column">
-        <div class="content is-medium">
+  <div class="container has-extra-padding">
+    <div class="columns is-variable is-8">
+      <div class="column is-two-thirds">
+        <div class="content is-large is-narrow-desktop">
           {{ . }}
         </div>
       </div>
+
+      <br class="is-hidden-desktop" />
+      <br class="is-hidden-desktop" />
+
+      <div class="column">
+        {{ partial "home/cncf.html" . }}
+      </div>
     </div>
   </div>
 </section>

layouts/partials/navbar-menu.html

@@ -5,7 +5,7 @@
 
 {{ if .HasChildren }}
 <div class="navbar-item has-dropdown is-hoverable">
-  <a class="navbar-link is-arrowless"{{ with .URL }} href="{{ . }}"{{ end }}{{ if $isExternal }} target="_blank"{{ end }}>
+  <a class="navbar-link has-text-weight-bold is-arrowless"{{ with .URL }} href="{{ . }}"{{ end }}{{ if $isExternal }} target="_blank"{{ end }}>
     {{ .Name }}
   </a>
 
@@ -26,7 +26,7 @@
   </div>
 </div>
 {{ else }}
-<a class="navbar-item" href="{{ .URL }}"{{ if $isExternal }} target="_blank"{{ end }}>
+<a class="navbar-item has-text-weight-bold" href="{{ .URL }}"{{ if $isExternal }} target="_blank"{{ end }}>
   {{ .Name }}
 </a>
 {{ end }}