build: 🔧 add Quarto website build files

.github/workflows/build-website.yml

@@ -0,0 +1,17 @@
+name: Build website
+
+on:
+  push:
+    branches:
+      - main
+
+# Limit token permissions for security
+permissions: read-all
+
+jobs:
+  build-website:
+    uses: seedcase-project/.github/.github/workflows/reusable-build-docs-with-python.yml@main
+    secrets:
+      netlify-token: ${{ secrets.NETLIFY_AUTH_TOKEN }}
+      # This is to allow using `gh` CLI
+      github-token: ${{ secrets.GITHUB_TOKEN }}

.gitignore

@@ -33,6 +33,9 @@ __pycache__/
 # Quarto
 /.quarto/
 docs/.quarto/
+*_files/
+*.ipynb
+*.quarto_ipynb
 
 # Quartodoc
 objects.json
@@ -43,6 +46,5 @@ _book
 public
 site
 
-
 # Misc files
 *.log

.typos.toml

@@ -1,4 +1,8 @@
 [files]
 extend-exclude = [
   "*.json",
+  "*.css",
+  ".quarto/*",
+  "_site/*",
+  "*.svg"
 ]

_extensions/seedcase-project/seedcase-theme/_brand.yml

@@ -0,0 +1,142 @@
+meta:
+  name:
+    full: Seedcase Project
+    short: Seedcase
+  link:
+    github: https://github.com/seedcase-project
+
+color:
+  palette:
+    logo-green: "#024639"
+    dark-green: "#196440"
+    vibrant-green: "#48DC76"
+    light-grey: "#F8F9FA"
+  primary: dark-green
+  tertiary: vibrant-green
+  light: light-grey
+
+typography:
+  fonts:
+    - family: noto sans
+      source: "bunny"
+      # other weights are used inexplicitly for e.g., bold and table headers
+      weight: [300, 500, 600]
+    - family: poppins
+      source: "bunny"
+      weight: 400
+    - family: roboto mono
+      source: "bunny"
+  base:
+    family: noto sans
+    weight: 300
+  headings:
+    family: poppins
+    weight: 400
+  monospace: roboto mono
+
+defaults:
+  bootstrap:
+    defaults:
+      mermaid-edge-color: "#8B8B8B"
+    rules: |
+      .cell-output pre code {
+        white-space: pre-wrap;
+      }
+
+      .navbar {
+          border-bottom: rgba($toc-active-border, 0.3) 1px solid;
+      }
+
+      svg {
+          display: block;
+          max-width: 100%;
+          margin: 0 auto;
+          height: auto !important;
+          width: auto !important;
+      }
+
+      li {
+          margin: 5px 0;
+      }
+
+      figcaption {
+          text-align: center;
+      }
+
+      .about-link {
+          border: 2px solid $tertiary !important;
+          border-radius: 50px !important;
+          color: $primary !important;
+          font-size: 20px !important;
+          font-weight: bold;
+          padding: 5px 15px !important;
+      }
+
+      .about-link:hover {
+          background-color: $tertiary !important;
+          color: white !important;
+      }
+
+      .about-links {
+          justify-content: left !important;
+          padding: 10px 0px 0px 0px !important;
+      }
+
+      .landing-page-block {
+          padding-top: 10px;
+          padding-bottom: 10px;
+          margin-left: 30px;
+          margin-right: 30px;
+      }
+
+      @media(min-width: 900px) {
+          .landing-page-block {
+              margin-left: 50px;
+              margin-right: 50px;
+          }
+      }
+
+      @media (min-width: 1200px) {
+          .landing-page-block {
+              max-width: 900px;
+              margin-left: auto;
+              margin-right: auto;
+          }
+      }
+
+      .hero-banner {
+          position: relative;
+          background: $light;
+          display: flex;
+          justify-content: center;
+          padding-bottom: 30px;
+      }
+
+      .hero-banner .landing-page-block {
+          display: flex;
+          flex-direction: row;
+      }
+
+      .hero-text>h2,
+      .landing-page-block>h2 {
+          margin-top: 0.5rem;
+          border-bottom: none;
+      }
+
+      .landing-page-card {
+          border-radius: 12px;
+          box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15);
+          background-color: rgba($light, 0.3);
+          border: none;
+          padding: 5px 20px 10px 20px;
+          margin-bottom: 40px;
+          justify-content: start !important;
+      }
+
+      .navbar-logo {
+          max-height: 38px;
+      }
+
+      .callout-body {
+          font-weight: 300 !important;
+      }

_extensions/seedcase-project/seedcase-theme/_extension.yml

@@ -0,0 +1,49 @@
+title: seedcase-theme
+author: Luke W. Johnston
+version: 1.0.1
+quarto-required: ">=1.2.0"
+contributes:
+  formats:
+    common:
+      shortcodes:
+        - quarto-ext/fontawesome
+    html:
+      from: markdown+emoji
+      toc: true
+      toc-location: right
+      toc-depth: 3
+
+  project:
+    project:
+      type: website
+      execute-dir: project
+
+    website:
+      page-navigation: true
+      favicon: favicon/favicon.ico
+      repo-branch: main
+      repo-actions: [edit, issue, source]
+      search:
+        location: navbar
+        type: textbox
+      navbar:
+        background: light
+        logo: logos/navbar-logo-seedcase-project.svg
+        logo-alt: "Seedcase Project logo: Main page"
+      page-footer:
+        border: true
+        center:
+          - text: "License: CC-BY 4.0"
+            href: https://seedcase-project.org/license
+          - text: "Code of Conduct"
+            href: "https://github.com/seedcase-project/.github/blob/main/CODE_OF_CONDUCT.md"
+          - text: "Contributing"
+            href: "https://guidebook.seedcase-project.org/"
+          - text: "Funded by the Novo Nordisk Foundation"
+            href: https://seedcase-project.org/#acknowledgements
+
+    csl: vancouver.csl
+
+    format: seedcase-theme-html
+
+    brand: _brand.yml

_extensions/seedcase-project/seedcase-theme/_extensions/quarto-ext/fontawesome/_extension.yml

@@ -0,0 +1,7 @@
+title: Font Awesome support
+author: Carlos Scheidegger
+version: 1.2.0
+quarto-required: ">=1.2.269"
+contributes:
+  shortcodes:
+    - fontawesome.lua