From 3df6e9d9e16f79d3cc2a24dac0e12395ecfbe92d Mon Sep 17 00:00:00 2001
From: Matthew Akamatsu <akamatsm@uw.edu>
Date: Sun, 29 Jun 2025 16:31:02 -0700
Subject: [PATCH] Customize variables and styling for Discourse Graphs

---
 _quarto.yml           | 14 +++++-----
 _variables.yml        |  4 +--
 assets/css/colors.css |  6 ++++
 assets/css/main.css   | 65 +++++++++----------------------------------
 assets/css/navbar.css |  4 +--
 5 files changed, 30 insertions(+), 63 deletions(-)

diff --git a/_quarto.yml b/_quarto.yml
index 9b5f31b..4bd2ed8 100644
--- a/_quarto.yml
+++ b/_quarto.yml
@@ -39,26 +39,26 @@ website:
       href: pages/CONTRIBUTING.qmd
     tools:
     - icon: twitter-x
-      href: https://twitter.com/arcadiascience
+      href: https://twitter.com/DiscourseGraphs
     - icon: github
       href: https://github.com/{{< var pub.org >}}/{{< var pub.repo >}}
     logo: assets/logo_text.png
-    logo-href: https://research.arcadiascience.com/
+    logo-href: https://discoursegraphs.com/
     background: white
     search: true
   page-footer:
     background: '#484B50'
     border: false
-    left: '[![](/assets/logo_white.png){fig-alt="Arcadia-Science" width=65px}](https://www.arcadiascience.com/)
+    left: '[![](/assets/logo_white.png){fig-alt="Discourse Graphs" width=65px}](https://discoursegraphs.com/)
 
-      Copyright 2025, Arcadia Science
+      Copyright 2025, Discourse Graphs
 
       '
     right:
     - icon: twitter-x
-      href: https://twitter.com/arcadiascience
+      href: https://twitter.com/DiscourseGraphs
     - icon: github
-      href: https://github.com/Arcadia-Science
+      href: https://github.com/Discourse-Graphs
   google-analytics: '{{< var pub.google_analytics_id >}}'
   cookie-consent:
     type: implied
@@ -80,7 +80,7 @@ format:
     toc-expand: 2
 comments:
   giscus:
-    repo: Arcadia-Science/notebook-pub-template
+    repo: Discourse-Graphs/arcadia-notebook-pub-template
     input-position: top
 reference-location: margin
 bibliography: ref.bib
diff --git a/_variables.yml b/_variables.yml
index feb3287..9d2449c 100644
--- a/_variables.yml
+++ b/_variables.yml
@@ -1,5 +1,5 @@
 pub:
-  org: "Arcadia-Science"
-  repo: "notebook-pub-template"
+  org: "Discourse-Graphs"
+  repo: "arcadia-notebook-pub-template"
   title: "This is the title for the notebook pub template"
   google_analytics_id: ""
diff --git a/assets/css/colors.css b/assets/css/colors.css
index 469e9c4..bb0d3d7 100644
--- a/assets/css/colors.css
+++ b/assets/css/colors.css
@@ -89,4 +89,10 @@
     --arcadia-fern: #47784A;
     --arcadia-matcha: #71AC5A;
     --arcadia-edamame: #C1E1AE;
+    /* Discourse Graphs custom palette */
+    --dg-purple: #492E69;
+    --dg-teal: #2AA1B3;
+    --dg-light: #E8F4F8;
+    --dg-dark: #222222;
+    --dg-highlight: #BB86FC;
 }
diff --git a/assets/css/main.css b/assets/css/main.css
index 0f1dfb3..c14a516 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -8,66 +8,27 @@
 @import url("./colors.css");
 @import url("./grid.css");
 
-@font-face {
-  font-family: "SuisseIntl-Regular";
-  src: url("https://www.arcadiascience.com/fonts/SuisseIntl-Regular.woff2")
-    format("woff2");
-  font-weight: normal;
-  font-style: normal;
-}
-
-@font-face {
-  font-family: "SuisseIntl-Thin";
-  src: url("https://www.arcadiascience.com/fonts/SuisseIntl-Thin.woff2")
-    format("woff2");
-  font-weight: 100;
-  font-style: normal;
-}
-
-@font-face {
-  font-family: "SuisseIntl-ThinItalic";
-  src: url("https://www.arcadiascience.com/fonts/SuisseIntl-ThinItalic.woff2")
-    format("woff2");
-  font-weight: 100;
-  font-style: italic;
-}
-
-@font-face {
-  font-family: "SuisseWorks-Italic";
-  src: url("https://www.arcadiascience.com/fonts/SuisseWorks-Italic.woff2")
-    format("woff2");
-  font-weight: normal;
-  font-style: italic;
-}
-
-@font-face {
-  font-family: "SuisseWorks";
-  src: url("https://www.arcadiascience.com/fonts/SuisseWorks.woff2")
-    format("woff2");
-  font-weight: normal;
-  font-style: normal;
-}
+@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;400;700&display=swap');
 
 :root {
-  --nb-header-font-family: "SuisseWorks", Georgia, serif;
-  --nb-header-font-weight: 100;
+  --nb-header-font-family: "Inter", sans-serif;
+  --nb-header-font-weight: 700;
   --nb-h1-font-size: 2.5rem;
   --nb-h2-font-size: 2rem;
   --nb-toc-title-font-size: 1.2rem;
-  --nb-main-text-font-family: "SuisseIntl", "Helvetica Neue", Arial, sans-serif;
-  --nb-banner-title-font-family: "SuisseIntl-Thin", "Helvetica Neue Light",
-    Arial, sans-serif;
-  --bs-code-color: var(--arcadia-dusk);
+  --nb-main-text-font-family: "Inter", Arial, sans-serif;
+  --nb-banner-title-font-family: "Inter", Arial, sans-serif;
+  --bs-code-color: var(--dg-purple);
   --bs-code-bg-color: #f6f6f6;
   --bs-code-border-color: #e6e6e6;
   --bs-code-left-border-color: #003b4f99;
-  --bs-link-color-rgb: var(--arcadia-dusk);
+  --bs-link-color-rgb: var(--dg-purple);
 
-  --callout-note-rgb: var(--arcadia-pewter);
-  --callout-warning-rgb: var(--arcadia-mustard);
-  --callout-important-rgb: var(--arcadia-dragon);
-  --callout-tip-rgb: var(--arcadia-teal);
-  --callout-caution-rgb: var(--arcadia-tumbleweed);
+  --callout-note-rgb: var(--dg-teal);
+  --callout-warning-rgb: var(--dg-highlight);
+  --callout-important-rgb: var(--dg-purple);
+  --callout-tip-rgb: var(--dg-teal);
+  --callout-caution-rgb: var(--dg-dark);
 
-  --arcadia-logo-size: 2rem;
+  --logo-size: 2rem;
 }
diff --git a/assets/css/navbar.css b/assets/css/navbar.css
index 25cec91..943b30a 100644
--- a/assets/css/navbar.css
+++ b/assets/css/navbar.css
@@ -101,13 +101,13 @@ body:not(:has(.abstract)) .navbar-nav .nav-item:has(iconify-icon[icon="nrk:back"
 }
 
 .navbar-logo {
-  max-height: var(--arcadia-logo-size);
+  max-height: var(--logo-size);
   width: auto;
   display: block;
 }
 
 .navbar-logo.video-logo {
-  max-height: var(--arcadia-logo-size);
+  max-height: var(--logo-size);
   position: absolute;
   top: 0;
   left: 0;