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") +}} + +