Transferring theme from NCEAS SciComp workshop sites (staff overlap) …

…and minor tweaks to template pages

_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"

_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 <https://quarto.org/docs/websites>.\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 <https://quarto.org/docs/websites>.\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"

_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

about.qmd

@@ -1,6 +1,3 @@
----
-title: "About"
----
 
 About this site
 

index.qmd

@@ -1,5 +1,5 @@
 ---
-title: "ssecr-course"
+title: "Course Overview"
 ---
 
 This is a Quarto website.

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

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