From 3bb7b665fe929b3b51b58e180f93ad70d6f13b4e Mon Sep 17 00:00:00 2001 From: Pete Lumbis Date: Thu, 12 Jan 2023 22:41:24 -0500 Subject: [PATCH] Create a home landing page and styling to stage for v1.11 reorg (#268) * Create a home landing page and styling to stage for v1.11 reorg Signed-off-by: Pete Lumbis * Fix spacing Signed-off-by: Pete Lumbis Signed-off-by: Pete Lumbis --- themes/geekboot/assets/scss/_home.scss | 33 ++ themes/geekboot/assets/scss/color-modes.scss | 4 + themes/geekboot/assets/scss/docs.scss | 1 + .../layouts/_default/staging-home.html | 46 ++ themes/geekboot/static/img/automate.svg | 531 ++++++++++++++++++ themes/geekboot/static/img/multi-crane.svg | 363 ++++++++++++ themes/geekboot/static/img/truck.svg | 102 ++++ 7 files changed, 1080 insertions(+) create mode 100644 themes/geekboot/assets/scss/_home.scss create mode 100644 themes/geekboot/layouts/_default/staging-home.html create mode 100644 themes/geekboot/static/img/automate.svg create mode 100644 themes/geekboot/static/img/multi-crane.svg create mode 100644 themes/geekboot/static/img/truck.svg diff --git a/themes/geekboot/assets/scss/_home.scss b/themes/geekboot/assets/scss/_home.scss new file mode 100644 index 00000000..f1359884 --- /dev/null +++ b/themes/geekboot/assets/scss/_home.scss @@ -0,0 +1,33 @@ +.home-card{ + min-width: 301px; +} + +.home-svg { + height: 301px; + width: 301px; +} + +.home-link-title{ + font-size: 20px !important; +} + +.home-link-description{ + font-size: 16px !important; +} + +.card { + background: var(--body-background); + color: var(--body-font-color); +} + +.list-group-item { + border-color: var(--dropdown-border-color); + background: var(--body-background); + color: var(--body-font-color); +} + +@include media-breakpoint-down(xl) { + .home-card { + margin-top: 1rem !important; + } +} \ No newline at end of file diff --git a/themes/geekboot/assets/scss/color-modes.scss b/themes/geekboot/assets/scss/color-modes.scss index 4dd7e913..cf1e3f7d 100644 --- a/themes/geekboot/assets/scss/color-modes.scss +++ b/themes/geekboot/assets/scss/color-modes.scss @@ -62,6 +62,10 @@ .bd-content img { background-color: #fff; } + + .home-card img { + background: none; + } } diff --git a/themes/geekboot/assets/scss/docs.scss b/themes/geekboot/assets/scss/docs.scss index 7d3a6e1b..1b9c1ab2 100644 --- a/themes/geekboot/assets/scss/docs.scss +++ b/themes/geekboot/assets/scss/docs.scss @@ -32,6 +32,7 @@ /* purgecss end ignore */ @import "layout"; @import "navbar"; +@import "home"; @import "content"; @import "sidebar"; @import "toc"; diff --git a/themes/geekboot/layouts/_default/staging-home.html b/themes/geekboot/layouts/_default/staging-home.html new file mode 100644 index 00000000..8e3907ca --- /dev/null +++ b/themes/geekboot/layouts/_default/staging-home.html @@ -0,0 +1,46 @@ +{{ define "main" }} + +{{/* Define the section cards on the landing page. */}} +{{/* Cards are displayed in order */}} +{{ $sectionSlice := slice + (dict "User Documentation" "/img/automate.svg") + (dict "Knowledge Base" "/img/truck.svg") + (dict "Contributing Guide" "/img/multi-crane.svg") +}} + +
+
+ + {{ $thisSite := .Site }} + {{ $version_section := slice }} + {{ range $sectionSlice }} + {{ range $docType, $headerImage := . }} + {{ if eq $docType "User Documentation" }} + {{ $version_section = where $thisSite.Sections ".Page.Params.version" $thisSite.Params.latest }} + {{ else }} + {{ $version_section = where $thisSite.Sections ".Page.Params.product" $docType }} + {{ end }} +
+ ... +
+

{{range $version_section }}{{$docType}} {{ end }}

+
    + {{ range ((index $version_section 0).Pages).GroupBy "Weight" }} + {{ range .Pages.ByWeight }} + {{ if not .Params.tocHidden }} +
  • + {{ .Title }}
    + {{ .Description }} +
    • + {{ end }} + {{ end }} + {{ end }} +
+
+
+ {{ end }} + {{ end }} +
+
+{{ end }} + diff --git a/themes/geekboot/static/img/automate.svg b/themes/geekboot/static/img/automate.svg new file mode 100644 index 00000000..627cd26d --- /dev/null +++ b/themes/geekboot/static/img/automate.svg @@ -0,0 +1,531 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/themes/geekboot/static/img/multi-crane.svg b/themes/geekboot/static/img/multi-crane.svg new file mode 100644 index 00000000..ea9098ce --- /dev/null +++ b/themes/geekboot/static/img/multi-crane.svg @@ -0,0 +1,363 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/themes/geekboot/static/img/truck.svg b/themes/geekboot/static/img/truck.svg new file mode 100644 index 00000000..90b1dab0 --- /dev/null +++ b/themes/geekboot/static/img/truck.svg @@ -0,0 +1,102 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file