From 3abe1169ba5e481929043814afb41a0a96d7a9df Mon Sep 17 00:00:00 2001 From: njlyon0 Date: Wed, 17 Jan 2024 11:12:58 -0500 Subject: [PATCH] Transferring theme from NCEAS SciComp workshop sites (staff overlap) and minor tweaks to template pages --- _freeze/about/execute-results/html.json | 4 +-- _freeze/index/execute-results/html.json | 4 +-- _quarto.yml | 10 +++--- about.qmd | 3 -- index.qmd | 2 +- styles.css | 1 - theme_lter-dark.scss | 38 +++++++++++++++++++++++ theme_lter-light.scss | 41 +++++++++++++++++++++++++ 8 files changed, 89 insertions(+), 14 deletions(-) delete mode 100644 styles.css create mode 100644 theme_lter-dark.scss create mode 100644 theme_lter-light.scss diff --git a/_freeze/about/execute-results/html.json b/_freeze/about/execute-results/html.json index 8f9bd8a..856a821 100644 --- a/_freeze/about/execute-results/html.json +++ b/_freeze/about/execute-results/html.json @@ -1,7 +1,7 @@ { - "hash": "a754ce02c0472c0b163d8ffb898e69ac", + "hash": "2527b91411860611273f89b9e8c422df", "result": { - "markdown": "---\ntitle: \"About\"\n---\n\n\nAbout this site\n\n\n::: {.cell}\n\n```{.r .cell-code}\n1 + 1\n```\n\n::: {.cell-output .cell-output-stdout}\n```\n[1] 2\n```\n:::\n:::\n", + "markdown": "\nAbout this site\n\n\n::: {.cell}\n\n```{.r .cell-code}\n1 + 1\n```\n\n::: {.cell-output .cell-output-stdout}\n```\n[1] 2\n```\n:::\n:::\n", "supporting": [], "filters": [ "rmarkdown/pagebreak.lua" diff --git a/_freeze/index/execute-results/html.json b/_freeze/index/execute-results/html.json index 8512647..dc5698c 100644 --- a/_freeze/index/execute-results/html.json +++ b/_freeze/index/execute-results/html.json @@ -1,7 +1,7 @@ { - "hash": "1b329ef11c8e7acce2c82f9d5a2130a6", + "hash": "03c6cd859d69a489a380851d7943af98", "result": { - "markdown": "---\ntitle: \"ssecr-course\"\n---\n\n\nThis is a Quarto website.\n\nTo learn more about Quarto websites visit .\n\n\n::: {.cell}\n\n```{.r .cell-code}\n1 + 1\n```\n\n::: {.cell-output .cell-output-stdout}\n```\n[1] 2\n```\n:::\n:::\n", + "markdown": "---\ntitle: \"Course Overview\"\n---\n\n\nThis is a Quarto website.\n\nTo learn more about Quarto websites visit .\n\n\n::: {.cell}\n\n```{.r .cell-code}\n1 + 1\n```\n\n::: {.cell-output .cell-output-stdout}\n```\n[1] 2\n```\n:::\n:::\n", "supporting": [], "filters": [ "rmarkdown/pagebreak.lua" diff --git a/_quarto.yml b/_quarto.yml index 259c9de..40eb675 100644 --- a/_quarto.yml +++ b/_quarto.yml @@ -14,7 +14,7 @@ website: navbar: background: primary left: - - text: "Home" + - text: "Course Home" href: index.qmd - text: "About" href: about.qmd @@ -35,12 +35,12 @@ website: format: html: code-overflow: scroll - code-line-numbers: true + code-line-numbers: false code-copy: hover theme: - light: cosmo - dark: cyborg - css: styles.css + light: theme_lter-light.scss + dark: theme_lter-dark.scss + mainfont: Lato toc: true link-external-newwindow: true link-external-icon: false diff --git a/about.qmd b/about.qmd index 0c6f4a2..5d49a0a 100644 --- a/about.qmd +++ b/about.qmd @@ -1,6 +1,3 @@ ---- -title: "About" ---- About this site diff --git a/index.qmd b/index.qmd index f525502..464e7a5 100644 --- a/index.qmd +++ b/index.qmd @@ -1,5 +1,5 @@ --- -title: "ssecr-course" +title: "Course Overview" --- This is a Quarto website. diff --git a/styles.css b/styles.css deleted file mode 100644 index 2ddf50c..0000000 --- a/styles.css +++ /dev/null @@ -1 +0,0 @@ -/* css styles */ diff --git a/theme_lter-dark.scss b/theme_lter-dark.scss new file mode 100644 index 0000000..f4d6faf --- /dev/null +++ b/theme_lter-dark.scss @@ -0,0 +1,38 @@ +/*-- scss:defaults --*/ + +// Colors +$lter-green-1: #97AE3F; +$lter-green-2: #5A5C37; +$lter-green-3: #374228; +$lter-blue-1: #209ACA; +$lter-blue-2: #4AB2CB; +$lter-tan: #B89E92; +$lter-yellow: #FFDF1D; +$lter-orange: #DA6641; + +/* generally useful other colors */ +$cream: #F4F3EE; +$gray-0: #d6d6d6; +$gray-1: #BCB8B1; +$gray-2: #8A817C; +$gray-3: #222823; +$gray-4: #191919; +$black: #08090A; + +// Fonts +$font-size: 25px; +@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300&family=Open+Sans:wght@300&display=swap'); + +// Base document colors +$navbar-bg: $lter-green-3; // navbar +$navbar-fg: $cream; // navbar foreground elements +$navbar-hl: $lter-green-1; // highlight color when on a page +$body-bg: $black; // page background +$body-color: $cream; // page text +$footer-bg: $lter-blue-2; // footer +$link-color: $lter-tan; // hyperlinks + +// Code text +$code-bg: $gray-3; // inline code background color +$code-block-bg: $gray-3; // code block background color +$code-color: $lter-orange; // inline code text color diff --git a/theme_lter-light.scss b/theme_lter-light.scss new file mode 100644 index 0000000..179e813 --- /dev/null +++ b/theme_lter-light.scss @@ -0,0 +1,41 @@ +/*-- scss:defaults --*/ +/* useful resource on customizing Quarto sites */ +/* https://ucsb-meds.github.io/customizing-quarto-websites/#/title-slide */ + +// Colors +/* LTER Network Office logo colors */ +$lter-green-1: #97AE3F; +$lter-green-2: #5A5C37; +$lter-green-3: #374228; +$lter-blue-1: #209ACA; +$lter-blue-2: #4AB2CB; +$lter-tan: #B89E92; +$lter-yellow: #FFDF1D; +$lter-orange: #DA6641; + +/* generally useful other colors */ +$cream: #F4F3EE; +$gray-0: #d6d6d6; +$gray-1: #BCB8B1; +$gray-2: #8A817C; +$gray-3: #222823; +$gray-4: #191919; +$black: #08090A; + +// Fonts +$font-size: 25px; +@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300&family=Open+Sans:wght@300&display=swap'); + +// Base document colors +$navbar-bg: $lter-green-1; // navbar +$navbar-fg: $cream; // navbar foreground elements +$navbar-hl: $lter-green-3; // highlight color when on a page +$body-bg: $cream; // page background +$body-color: $black; // page text +$footer-bg: $lter-blue-1; // footer +$link-color: $lter-blue-2; // hyperlinks + +// Code text +$code-bg: $gray-0; // inline code background color +$code-block-bg: $gray-0; // code block background color +$code-color: $lter-orange; // inline code text color