Improve look and feel of olm site

Changes:

1. Added styling imports from themes/docsy
2. Corrected font family, sizing, and letter-spacing for docs
3. Increased size of headings on the site to make them larger than their subtexts.

Author: anmol372

assets/scss/_docs.scss

@@ -17,7 +17,8 @@
     h1,h2,h3,h4,h5,h6 {
         color: var(--of--Color--brand--200);
         font-weight: 800;
-        margin: var(--of--spacer--md) 0 var(--of--spacer--sm);
+        letter-spacing: 2px;
+        //margin: var(--of--spacer--md) 0 var(--of--spacer--sm);
 
         a:hover {
             text-decoration: none;

assets/scss/_styles_project.scss

@@ -1,3 +1,64 @@
+@import "../../themes/docsy/assets/scss/support/functions";
+@import "../../themes/docsy/assets/scss/bs-variables";
+@import "../../themes/docsy/assets/scss/support/mixins";
+
+@import "../../themes/docsy/assets/vendor/bootstrap/scss/bootstrap";
+//@import "../../themes/docsy/assets/vendor/bootstrap/scss/reboot";
+
+@import "../../themes/docsy/assets/vendor/Font-Awesome/scss/fontawesome.scss";
+@import "../../themes/docsy/assets/vendor/Font-Awesome/scss/solid.scss";
+@import "../../themes/docsy/assets/vendor/Font-Awesome/scss/brands.scss";
+
+@import "../../themes/docsy/assets/scss/support/utilities";
+@import "../../themes/docsy/assets/scss/colors";
+@import "../../themes/docsy/assets/scss/boxes";
+@import "../../themes/docsy/assets/scss/blog";
+@import "../../themes/docsy/assets/scss/code";
+@import "../../themes/docsy/assets/scss/nav";
+@import "../../themes/docsy/assets/scss/sidebar-tree";
+@import "../../themes/docsy/assets/scss/sidebar-toc";
+@import "../../themes/docsy/assets/scss/buttons";
+@import "../../themes/docsy/assets/scss/breadcrumb";
+@import "../../themes/docsy/assets/scss/alerts";
+@import "../../themes/docsy/assets/scss/content";
+@import "../../themes/docsy/assets/scss/search";
+@import "../../themes/docsy/assets/scss/main-container";
+@import "../../themes/docsy/assets/scss/blocks/blocks";
+@import "../../themes/docsy/assets/scss/section-index";
+@import "../../themes/docsy/assets/scss/pageinfo";
+
+@if $td-enable-google-fonts {
+    @import url($web-font-path);
+}
+
+footer {
+    min-height: 150px;
+
+    @include media-breakpoint-down(md) {
+         min-height: 200px;
+    }
+}
+
+// Adjust anchors vs the fixed menu.
+@include media-breakpoint-up(md) {
+    .td-offset-anchor:target {
+        display: block;
+        position: relative;
+        top: -4rem;
+        visibility: hidden;
+    }
+
+    h2[id]:before, h3[id]:before, h4[id]:before, h5[id]:before {
+        display: block;
+        content: " ";
+        margin-top: -5rem;
+        height: 5rem;
+        visibility: hidden;
+    }
+}
+
+
+
 @import "functions";
 @import "variables";
 @import "reset";

content/en/docs/getting-started/_index.md

@@ -17,17 +17,16 @@ These pages are under construction. TODO: Check Prerequisites and update
 
 - [git](https://git-scm.com/downloads)
 - [go](https://golang.org/dl/) version `v1.12+`.
-- [docker](https://docs.docker.com/install/) version `17.03`+.
-  - Alternatively [podman](https://github.com/containers/libpod/blob/master/install.md) `v1.2.0+` or [buildah](https://github.com/containers/buildah/blob/master/install.md) `v1.7+`
+- [docker](https://docs.docker.com/install/) version `17.03`+ or [podman](https://github.com/containers/libpod/blob/master/install.md) `v1.2.0+` or [buildah](https://github.com/containers/buildah/blob/master/install.md) `v1.7+`.
 - [kubectl](https://kubernetes.io/docs/tasks/tools/install-kubectl/) `v1.11.3+`.
 - Access to a Kubernetes `v1.11.3+` cluster.
 
 ## Installing OLM in your cluster
 
 ### Install Released OLM
-For installing release versions of OLM, for example version 0.12.0, you can use the following command:
+For installing release versions of OLM, for example version 0.15.1, you can use the following command:
 
-```bash
+```sh
 export olm_release=0.15.1
 kubectl apply -f https://github.com/operator-framework/operator-lifecycle-manager/releases/download/${olm_release}/crds.yaml
 kubectl apply -f https://github.com/operator-framework/operator-lifecycle-manager/releases/download/${olm_release}/olm.yaml
@@ -38,7 +37,7 @@ Learn more about available releases [here](https://github.com/operator-framework
 
 To deploy OLM locally on a [minikube cluster](https://kubernetes.io/docs/tasks/tools/install-minikube/) for development work, use the `run-local` target in the [Makefile](https://github.com/operator-framework/operator-lifecycle-manager/blob/master/Makefile).
 
-```bash
+```sh
 git clone https://github.com/operator-framework/operator-lifecycle-manager.git
 cd operator-lifecycle-manager
 make run-local
@@ -48,7 +47,7 @@ make run-local
 
 You can verify your installation of OLM by first checking for all the neccesasary CRDs in the cluster:
 
-```bash
+```sh
 $ kubectl get crd
 NAME                                          CREATED AT
 catalogsources.operators.coreos.com           2019-10-21T18:15:27Z
@@ -60,7 +59,7 @@ subscriptions.operators.coreos.com            2019-10-21T18:15:27Z
 
 And then inspecting the deployments of OLM and it's related components:
 
-```bash
+```sh
 $ kubectl get deploy -n olm
 NAME               READY   UP-TO-DATE   AVAILABLE   AGE
 catalog-operator   1/1     1            1           5m52s
@@ -73,7 +72,7 @@ packageserver      2/2     2            2           5m43s
 When you install OLM, it comes packaged with a number of Operators developed by the community that you can install instantly. 
 You can use the `pacakagemanifest` api to see the operators available for you to install in your cluster: 
 
-```bash 
+```sh 
 $ kubectl get packagemanifest -n olm
 NAME                               CATALOG               AGE
 cassandra-operator                 Community Operators   26m
@@ -85,7 +84,7 @@ wildfly                            Community Operators   26m
 
 To install the etcd operator in the default namespace, first create an `OperatorGroup` for the default namespace: 
 
-```bash
+```sh
 $ cat operatorgroup.yaml
 kind: OperatorGroup
 apiVersion: operators.coreos.com/v1
@@ -102,7 +101,7 @@ operatorgroup.operators.coreos.com/og-single created
 
 Then create a subscription for the etcd operator: 
 
-```bash 
+```sh 
 $ cat subscription.yaml
 apiVersion: operators.coreos.com/v1alpha1
 kind: Subscription
@@ -123,7 +122,7 @@ subscription.operators.coreos.com/etcd created
 
 This installs the v0.9.2 version of the etcd operator, and then upgrades to the latest version of the etcd operator in your cluster.
 
-```bash
+```sh
 $ kubectl get sub -n default 
 NAME   PACKAGE   SOURCE                  CHANNEL
 etcd   etcd      operatorhubio-catalog   singlenamespace-alpha

layouts/docs/list.html

@@ -0,0 +1,17 @@
+{{ define "main" }}
+<div class="td-content">
+	<h1>{{ .Title }}</h1>
+	{{ with .Params.description }}<div class="lead">{{ . | markdownify }}</div>{{ end }}
+	{{ .Content }}
+        {{ partial "section-index.html" . }}
+	{{ if (and (not .Params.hide_feedback) (.Site.Params.ui.feedback.enable) (.Site.GoogleAnalytics)) }}
+		{{ partial "feedback.html" .Site.Params.ui.feedback }}
+		<br />
+	{{ end }}
+	{{ if (.Site.DisqusShortname) }}
+		<br />
+		{{ partial "disqus-comment.html" . }}
+	{{ end }}
+	<div class="text-muted mt-5 pt-3 border-top">{{ partial "page-meta-lastmod.html" . }}</div>
+</div>
+{{ end }}

layouts/docs/single.html

@@ -0,0 +1,3 @@
+{{ define "main" }}
+{{ .Render "content" }}
+{{ end }}

layouts/partials/section-index.html

@@ -0,0 +1,29 @@
+<div class="section-index">
+    {{ $pages := (where .Site.Pages "Section" .Section).ByWeight }}
+    {{ $parent := .Page }}
+    {{ if $parent.Params.no_list }}
+    {{/* If no_list is true we don't show a list of subpages */}}
+    {{ else if $parent.Params.simple_list }}
+    {{/* If simple_list is true we show a bulleted list of subpages */}}
+        <ul>
+            {{ range $pages }}
+                {{ if eq .Parent $parent }}
+                    <li><a href="{{ .RelPermalink }}">{{- .Title -}}</a></li>
+                {{ end }}
+            {{ end }}
+        </ul>
+    {{ else }}
+    {{/* Otherwise we show a nice formatted list of subpages with page descriptions */}}
+    <hr class="panel-line">
+        {{ range $pages }}
+            {{ if eq .Parent $parent }}
+                <div class="entry">
+                    <h3>
+                        <a href="{{ .RelPermalink }}">{{- .Title -}}</a>
+                    </h3>
+                    <p>{{ .Description | markdownify }}</p>
+                </div>
+            {{ end }}
+        {{ end }}
+    {{ end }}
+</div>

netlify.toml

@@ -1,4 +1,3 @@
-  
 [build]
   command = "hugo --gc --minify -b $URL"
   publish = "public"

themes/docsy/assets/scss/section-index.scss

@@ -1,18 +1,19 @@
-// .section-index {
+.section-index {
 
-//     .entry {
-//         padding: .75rem;
-//     }
+    .entry {
+        padding: .75rem;
+    }
 
-//     h5 {
-//         margin-bottom: 0;
+    h5 {
+        margin-bottom: 0;
 
-//         a {
-//             font-weight: 700;
-//         }
-//     }
+        a {
+            font-weight: 700;
+        }
+    }
+
+    p {
+        margin-top: 0;
+    }
+}
 
-//     p {
-//         margin-top: 0;
-//     }
-// }

themes/docsy/assets/vendor/bootstrap/dist/css/bootstrap-reboot.css

@@ -9,7 +9,7 @@
 @import "variables";
 @import "mixins";
 @import "root";
-// @import "reboot";
+@import "reboot";
 @import "type";
 @import "images";
 @import "code";