From 186c7fdcd2cb312e50b6c48f6824407753f090e9 Mon Sep 17 00:00:00 2001
From: Ray Addams <ra730@cam.ac.uk>
Date: Wed, 19 Mar 2025 10:03:12 +0000
Subject: [PATCH 01/15] Testing npm node on Pantheon.
---
.gitlab-ci.yml | 4 ++++
1 file changed, 4 insertions(+)
diff --git a/.gitlab-ci.yml b/.gitlab-ci.yml
index 051475e..2cb14e9 100644
--- a/.gitlab-ci.yml
+++ b/.gitlab-ci.yml
@@ -84,6 +84,10 @@ create-or-update-multidev:
echo "** Adding files to git (including updated composer.lock)"
git add .
+
+ echo "** Testing npm ***"
+ npm -v
+ node -v
echo "** The following files will be committed to $MULTIDEV_NAME branch **"
git status
--
GitLab
From 84b5b2c1782b3b7080b5a9b37a15573dba6c50b9 Mon Sep 17 00:00:00 2001
From: Ray Addams <ra730@cam.ac.uk>
Date: Wed, 19 Mar 2025 10:35:14 +0000
Subject: [PATCH 02/15] Testing npm node on Pantheon.
---
.gitlab-ci.yml | 1 +
1 file changed, 1 insertion(+)
diff --git a/.gitlab-ci.yml b/.gitlab-ci.yml
index 2cb14e9..a2601cb 100644
--- a/.gitlab-ci.yml
+++ b/.gitlab-ci.yml
@@ -42,6 +42,7 @@ composer-lock:
before_script: |
echo "** Installing dependencies for the job **"
apk add jq rsync
+ apk add --update nodejs npm
echo "** Fetching secrets from GCP SM **"
TERMINUS_MACHINE_TOKEN=$(gcloud secrets versions access latest --impersonate-service-account="$PROD_GCP_SA" --secret=$PANTHEON_TOKEN_SECRET --project=$PROD_GCP_PROJECT)
gcloud secrets versions access latest --impersonate-service-account="$PROD_GCP_SA" --secret=$PANTHEON_KEY_SECRET --project=$PROD_GCP_PROJECT > /tmp/ssh-key
--
GitLab
From b09d2806ba9463247ef0d52a50386d5ac9f15509 Mon Sep 17 00:00:00 2001
From: Ray Addams <ra730@cam.ac.uk>
Date: Wed, 19 Mar 2025 10:40:48 +0000
Subject: [PATCH 03/15] Building artifacts. Testing add.
---
.gitlab-ci.yml | 10 ++++++----
1 file changed, 6 insertions(+), 4 deletions(-)
diff --git a/.gitlab-ci.yml b/.gitlab-ci.yml
index a2601cb..536e254 100644
--- a/.gitlab-ci.yml
+++ b/.gitlab-ci.yml
@@ -83,13 +83,15 @@ create-or-update-multidev:
echo "** Updating composer in case upstream changes made to upstream-configuration/composer.* **"
composer --no-interaction --no-progress --prefer-dist --ansi --ignore-platform-reqs --no-install update
+ echo "** Building front end artifacts ***"
+ cd web/themes/custom/cambridge_tailwind/
+ npm install
+ npm run build
+ cd ../../../..
+
echo "** Adding files to git (including updated composer.lock)"
git add .
- echo "** Testing npm ***"
- npm -v
- node -v
-
echo "** The following files will be committed to $MULTIDEV_NAME branch **"
git status
git config user.email "not-real-address@gitlab.developers.cam.ac.uk"
--
GitLab
From fa59138973c5ed3433416af06c0ee900dbf05d92 Mon Sep 17 00:00:00 2001
From: Ray Addams <ra730@cam.ac.uk>
Date: Wed, 19 Mar 2025 10:45:22 +0000
Subject: [PATCH 04/15] Gitignore artifacts.
---
web/themes/custom/cambridge_tailwind/.gitignore | 4 +++-
.../custom/cambridge_tailwind/components/menu/main-menu.js | 1 -
web/themes/custom/cambridge_tailwind/css/tailwind.css | 1 -
3 files changed, 3 insertions(+), 3 deletions(-)
delete mode 100644 web/themes/custom/cambridge_tailwind/components/menu/main-menu.js
delete mode 100644 web/themes/custom/cambridge_tailwind/css/tailwind.css
diff --git a/web/themes/custom/cambridge_tailwind/.gitignore b/web/themes/custom/cambridge_tailwind/.gitignore
index 27f9d9a..7142251 100644
--- a/web/themes/custom/cambridge_tailwind/.gitignore
+++ b/web/themes/custom/cambridge_tailwind/.gitignore
@@ -1,4 +1,3 @@
-.idea/
node_modules
.DS_Store
*storybook.log
@@ -6,3 +5,6 @@ storybook-static/
# Ignore storybook artefacts
**/*.stories.json
**/**/*.stories.json
+# Ignore build artifacts
+css/tailwind.css
+components/**/*.js
diff --git a/web/themes/custom/cambridge_tailwind/components/menu/main-menu.js b/web/themes/custom/cambridge_tailwind/components/menu/main-menu.js
deleted file mode 100644
index 6c6a2e4..0000000
--- a/web/themes/custom/cambridge_tailwind/components/menu/main-menu.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";var e=function(e){var t=e.querySelector("#menu-overlay");if(!t)throw new Error("Menu overlay not found");var n=e.querySelector("#nav-more-button");if(!n)throw new Error("More button not found");var r=function(e){"Escape"===e.key&&l()},o=function(){l()},i=function(){return l()},a=function(t){var n=e.querySelector('[data-menu-panel="'+t+'"]');if(!n)throw new Error("Panel not found for panel "+t);return n},u=function(t){var n=e.querySelectorAll('[data-menu-control="'+t+'"]'),r=[];return n.forEach((function(e){var t=e.querySelector("svg");r.push({button:e,svg:t||void 0})})),r},d=function(e){if(!e)throw new Error("Panel ID not found.");return"true"===function(e){var t=u(e);if(!t.length)throw new Error("Button not found for panel "+e);return t[0]}(e).button.getAttribute("aria-expanded")?l():c(e)},c=function(d){var c=u(d),l=a(d);t.classList.contains("hidden")&&(t.classList.remove("hidden"),t.setAttribute("aria-hidden","false"),t.addEventListener("click",o),window.addEventListener("keydown",r),e.querySelectorAll("ul#menu-items > li > a").forEach((function(e){e.addEventListener("focusin",i)})),n.addEventListener("focusin",i)),e.querySelectorAll('[data-menu-control][aria-expanded="true"]:not([data-menu-control="'+d+'"])').forEach((function(e){var t=e.getAttribute("data-menu-control");t?s(t):console.warn("Panel ID not found for panel "+e)})),c.forEach((function(e){var t=e.button,n=e.svg;t.setAttribute("aria-expanded","true"),n&&n.classList.add("rotate-180")})),l.classList.remove("hidden"),l.setAttribute("aria-hidden","false");var f=l.querySelector("a, button");f?f.focus():console.warn("First link not found for panel "+d)},s=function(e){u(e).forEach((function(e){var t=e.button,n=e.svg;t.setAttribute("aria-expanded","false"),n&&n.classList.remove("rotate-180")}));var t=a(e);t.classList.add("hidden"),t.setAttribute("aria-hidden","true")},l=function(){t.classList.add("hidden"),t.setAttribute("aria-hidden","true"),e.querySelectorAll('[data-menu-control][aria-expanded="true"]').forEach((function(e){var t=e.getAttribute("data-menu-control");t?s(t):console.warn("Panel ID not found for button "+e)})),window.removeEventListener("keydown",r),t.removeEventListener("click",o),e.querySelectorAll("ul#menu-items > li > a").forEach((function(e){e.removeEventListener("focusin",i)})),n.removeEventListener("focusin",i)};e.querySelectorAll("[data-menu-control]").forEach((function(e){var t=e.getAttribute("data-menu-control");if(!t)throw new Error("Panel ID not found for link "+e);e.setAttribute("aria-expanded","false"),e.setAttribute("aria-haspopup","true"),e.setAttribute("aria-controls",t),e.addEventListener("mousedown",(function(e){e.preventDefault()})),e.addEventListener("click",(function(e){return e.preventDefault(),d(t)}))})),window.matchMedia("(max-width: 520px)").addEventListener("change",(function(){l()})),e.querySelectorAll("button[data-close-panel]").forEach((function(e){e.addEventListener("click",l)}))},t=function(e){var t=window.matchMedia("(max-width: 520px)"),n=e.querySelector("#menu-items");if(!n)throw new Error("No menu items found");var r=e.querySelector("#mobile-menu-button");if(!r)throw new Error("No mobile menu button found");var o=e.querySelector("#mobile-menu-wrapper");if(!o)throw new Error("No mobile menu wrapper found");var i=e.querySelector("#mobile-menu-panel-wrapper");if(!i)throw new Error("No mobile menu panel wrapper found");window.addEventListener("keydown",(function(e){"Escape"===e.key&&u()}));var a=e.querySelector("#menu-overlay");if(!a)throw new Error("Menu overlay not found");a.addEventListener("click",(function(){u()}));var u=function(e){void 0===e&&(e=!0),i.setAttribute("aria-hidden","true"),i.classList.add("-translate-x-[100vw]"),i.classList.remove("translate-x-0"),e&&r.focus()};o.querySelectorAll("[data-menu-control]").forEach((function(e){e.addEventListener("click",(function(){i.setAttribute("aria-hidden","false"),i.classList.remove("-translate-x-[100vw]"),i.classList.add("translate-x-0")}))})),e.querySelectorAll("button[data-close-panel]").forEach((function(e){e.addEventListener("click",(function(){u()}))})),t.addEventListener("change",(function(){u(!1),t.matches?(n.setAttribute("aria-hidden","true"),o.setAttribute("aria-hidden","false")):(n.setAttribute("aria-hidden","false"),o.setAttribute("aria-hidden","true"))})),t.dispatchEvent(new MediaQueryListEvent("change"))},n=function(e){var t=e.querySelector("#menu-items");if(!t)throw new Error("Menu bar not found");var n=e.querySelector("#nav-more-button"),r=e.querySelector("#nav-more-menu"),o=e.querySelector("#nav-more-container");if(!n||!r||!o)throw new Error("More button / menu / container / wrapper not found");var i=function(e){o.contains(e.target)||d()},a=function(){d()},u=function(e){"Escape"===e.key&&d()},d=function(){r.contains(document.activeElement)&&n.focus(),n.setAttribute("aria-expanded","false"),r.setAttribute("aria-hidden","true"),r.classList.add("hidden"),window.removeEventListener("keydown",u),window.removeEventListener("click",i),t.querySelectorAll("& > li > a").forEach((function(e){e.removeEventListener("focusin",a)})),n.removeEventListener("focusin",a)},c=function(e){var n=e.getBoundingClientRect(),r=t.getBoundingClientRect();return n.right<=r.right},s=function(e){var t=e.querySelector("& > a");if(!t)throw new Error("Link not found for item "+e.id);t.classList.add("hidden"),t.setAttribute("aria-hidden","true");var n=r.querySelector("#more-"+e.id);if(!n)throw new Error("More menu item not found for ID "+e.id);n.classList.remove("hidden"),n.setAttribute("aria-hidden","false")},l=function(){!function(){if(n===document.activeElement){var e=t.querySelector("a:last-of-type");e&&e.focus()}d(),o.setAttribute("aria-hidden","true"),o.classList.add("hidden")}(),t.querySelectorAll("& > li:not(#nav-more-container)").forEach((function(e){!function(e){var t=e.querySelector("& > a");if(!t)throw new Error("Link not found for item "+e.id);t.classList.remove("hidden"),t.setAttribute("aria-hidden","false");var n=r.querySelector("#more-"+e.id);if(!n)throw new Error("More menu item not found for ID "+e.id);n.classList.add("hidden"),n.setAttribute("aria-hidden","true")}(e)}))},f=new ResizeObserver((function(){l();var e=[],r=[];if(t.querySelectorAll("& > li:not(#nav-more-container)").forEach((function(t){c(t)?r.push(t):e.push(t)})),e.length)for(e.forEach((function(e){s(e)})),o.setAttribute("aria-hidden","false"),o.classList.remove("hidden");!c(n)&&r.length;){var i=r.pop();if(!i)return;s(i)}})),v=window.matchMedia("(max-width: 520px)");v.addEventListener("change",(function(){v.matches?(f.disconnect(),l()):f.observe(t)})),v.dispatchEvent(new MediaQueryListEvent("change")),n.addEventListener("click",(function(){"true"===n.getAttribute("aria-expanded")?d():function(){n.setAttribute("aria-expanded","true"),r.setAttribute("aria-hidden","false"),r.classList.remove("hidden");var e=r.querySelector("li:not(.hidden) > a");e&&e.focus(),window.addEventListener("keydown",u),window.addEventListener("click",i),t.querySelectorAll("& > li > a").forEach((function(e){e.addEventListener("focusin",a)})),n.addEventListener("focusin",a)}()})),r.querySelectorAll("a[data-menu-control]").forEach((function(e){e.addEventListener("click",(function(){d()}))}))};!function(r,o){r.behaviors.mainMenu={attach:function(r){o("mainMenu","#menu-wrapper",r).forEach((function(r){!function(e){var t=e.querySelector("#menu-items");if(!t)throw new Error("Menu bar not found");t.classList.remove("flex-wrap"),t.classList.remove("flex"),t.classList.add("hidden","xs:flex");var n=e.querySelector("#mobile-menu-wrapper");if(!n)throw new Error("Mobile menu wrapper not found");n.classList.remove("hidden"),n.classList.add("xs:hidden")}(r),e(r),n(r),t(r)}))}}}(Drupal,once);
diff --git a/web/themes/custom/cambridge_tailwind/css/tailwind.css b/web/themes/custom/cambridge_tailwind/css/tailwind.css
deleted file mode 100644
index 3d30190..0000000
--- a/web/themes/custom/cambridge_tailwind/css/tailwind.css
+++ /dev/null
@@ -1 +0,0 @@
-*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(17,155,160,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(17,155,160,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Open Sans,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.text-size-1{font-size:15px}.text-size-3{font-size:18px}[multiple],[type=date],[type=datetime-local],[type=email],[type=month],[type=number],[type=password],[type=search],[type=tel],[type=text],[type=time],[type=url],[type=week],input:where(:not([type])),select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-color:#6b7280;border-width:1px;border-radius:0;padding:.5rem .75rem;font-size:1rem;line-height:1.5rem;--tw-shadow:0 0 #0000}[multiple]:focus,[type=date]:focus,[type=datetime-local]:focus,[type=email]:focus,[type=month]:focus,[type=number]:focus,[type=password]:focus,[type=search]:focus,[type=tel]:focus,[type=text]:focus,[type=time]:focus,[type=url]:focus,[type=week]:focus,input:where(:not([type])):focus,select:focus,textarea:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#0c7381;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-color:#0c7381}input::-moz-placeholder,textarea::-moz-placeholder{color:#6b7280;opacity:1}input::placeholder,textarea::placeholder{color:#6b7280;opacity:1}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-date-and-time-value{min-height:1.5em;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-year-field{padding-top:0;padding-bottom:0}select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;-webkit-print-color-adjust:exact;print-color-adjust:exact}[multiple],[size]:where(select:not([size="1"])){background-image:none;background-position:0 0;background-repeat:unset;background-size:initial;padding-right:.75rem;-webkit-print-color-adjust:unset;print-color-adjust:unset}[type=checkbox],[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;-webkit-print-color-adjust:exact;print-color-adjust:exact;display:inline-block;vertical-align:middle;background-origin:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-shrink:0;height:1rem;width:1rem;color:#0c7381;background-color:#fff;border-color:#6b7280;border-width:1px;--tw-shadow:0 0 #0000}[type=checkbox]{border-radius:0}[type=radio]{border-radius:100%}[type=checkbox]:focus,[type=radio]:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:2px;--tw-ring-offset-color:#fff;--tw-ring-color:#0c7381;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}[type=checkbox]:checked,[type=radio]:checked{border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:50%;background-repeat:no-repeat}[type=checkbox]:checked{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath d='M12.207 4.793a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L6.5 9.086l4.293-4.293a1 1 0 0 1 1.414 0'/%3E%3C/svg%3E")}@media (forced-colors:active) {[type=checkbox]:checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}[type=radio]:checked{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='3'/%3E%3C/svg%3E")}@media (forced-colors:active) {[type=radio]:checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}[type=checkbox]:checked:focus,[type=checkbox]:checked:hover,[type=radio]:checked:focus,[type=radio]:checked:hover{border-color:transparent;background-color:currentColor}[type=checkbox]:indeterminate{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3E%3C/svg%3E");border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:50%;background-repeat:no-repeat}@media (forced-colors:active) {[type=checkbox]:indeterminate{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}[type=checkbox]:indeterminate:focus,[type=checkbox]:indeterminate:hover{border-color:transparent;background-color:currentColor}[type=file]{background:unset;border-color:inherit;border-width:0;border-radius:0;padding:0;font-size:unset;line-height:inherit}[type=file]:focus{outline:1px solid ButtonText;outline:1px auto -webkit-focus-ring-color}@font-face{font-family:Feijoa;src:url(../fonts/Feijoa/Feijoa-Medium-Cambridge.woff2) format("woff2"),url(../fonts/Feijoa/Feijoa-Medium-Cambridge.otf) format("opentype"),url(../fonts/Feijoa/Feijoa-Medium-Cambridge.ttf) format("truetype");font-style:normal}@font-face{font-family:Feijoa;src:url(../fonts/Feijoa/Feijoa-MediumItalic-Cambridge.woff2) format("woff2"),url(../fonts/Feijoa/Feijoa-MediumItalic-Cambridge.otf) format("opentype"),url(../fonts/Feijoa/Feijoa-MediumItalic-Cambridge.ttf) format("truetype");font-style:italic}@font-face{font-family:Open Sans;src:local("Open Sans"),url(../fonts/Open_Sans/OpenSans-Variable.woff2) format("woff2"),url(../fonts/Open_Sans/OpenSans-Variable.ttf) format("truetype");font-style:normal}@font-face{font-family:Open Sans;src:local("Open Sans"),url(../fonts/Open_Sans/OpenSans-Italic-Variable.woff2) format("woff2"),url(../fonts/Open_Sans/OpenSans-Italic-Variable.ttf) format("truetype");font-style:italic}canvas,img,picture,svg,video{display:block;max-width:100%}:focus,:focus-visible{outline:unset}.prose>:first-child{margin-top:0}.text-formatted{ol,ul{list-style:none;margin:0;padding:0}ul>li{list-style-type:disc;margin-left:24px;line-height:1.5;padding:6px 0;font-size:18px}>p,ul>li{color:#131922}>p{padding-bottom:16px}a{text-decoration:underline;text-underline-offset:2px}>p>a{text-decoration:underline;text-underline-offset:4px}}.container{width:100%;margin-right:auto;margin-left:auto}@media (min-width:520px){.container{max-width:520px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}@media (min-width:1800px){.container{max-width:1800px}}.prose{color:var(--tw-prose-body);max-width:65ch}.prose :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.prose :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-lead);font-size:1.25em;line-height:1.6;margin-top:1.2em;margin-bottom:1.2em}.prose :where(a):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-links);text-decoration:underline;font-weight:400;text-decoration:none}.prose :where(strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-bold);font-weight:600}.prose :where(a strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(blockquote strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(thead th strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal;margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em}.prose :where(ol[type=A]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=a]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=A s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=a s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=I]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=i]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type=I s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=i s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type="1"]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal}.prose :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:disc;margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em}.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{font-weight:400;color:var(--tw-prose-counters)}.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{color:var(--tw-prose-bullets)}.prose :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;margin-top:1.25em}.prose :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){border-color:var(--tw-prose-hr);border-top-width:1px;margin-top:3em;margin-bottom:3em}.prose :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:500;font-style:italic;color:var(--tw-prose-quotes);border-inline-start-width:.25rem;border-inline-start-color:var(--tw-prose-quote-borders);quotes:"\201C""\201D""\2018""\2019";margin-top:1.6em;margin-bottom:1.6em;padding-inline-start:1em}.prose :where(blockquote p:first-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:open-quote}.prose :where(blockquote p:last-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:close-quote}.prose :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:800;font-size:2.25em;margin-top:0;margin-bottom:.8888889em;line-height:1.1111111}.prose :where(h1 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:900;color:inherit}.prose :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:700;font-size:1.5em;margin-top:2em;margin-bottom:1em;line-height:1.3333333}.prose :where(h2 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:800;color:inherit}.prose :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;font-size:1.25em;margin-top:1.6em;margin-bottom:.6em;line-height:1.6}.prose :where(h3 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:700;color:inherit}.prose :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;margin-top:1.5em;margin-bottom:.5em;line-height:1.5}.prose :where(h4 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:700;color:inherit}.prose :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){display:block;margin-top:2em;margin-bottom:2em}.prose :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:500;font-family:inherit;color:var(--tw-prose-kbd);box-shadow:0 0 0 1px rgb(var(--tw-prose-kbd-shadows)/10%),0 3px 0 rgb(var(--tw-prose-kbd-shadows)/10%);font-size:.875em;border-radius:.3125rem;padding-top:.1875em;padding-inline-end:.375em;padding-bottom:.1875em;padding-inline-start:.375em}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-code);font-weight:600;font-size:.875em}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:"`"}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:"`"}.prose :where(a code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(h1 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.875em}.prose :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.9em}.prose :where(h4 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(blockquote code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(thead th code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-pre-code);background-color:var(--tw-prose-pre-bg);overflow-x:auto;font-weight:400;font-size:.875em;line-height:1.7142857;margin-top:1.7142857em;margin-bottom:1.7142857em;border-radius:.375rem;padding-top:.8571429em;padding-inline-end:1.1428571em;padding-bottom:.8571429em;padding-inline-start:1.1428571em}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)){background-color:transparent;border-width:0;border-radius:0;padding:0;font-weight:inherit;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:none}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:none}.prose :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){width:100%;table-layout:auto;margin-top:2em;margin-bottom:2em;font-size:.875em;line-height:1.7142857}.prose :where(thead):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-th-borders)}.prose :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;vertical-align:bottom;padding-inline-end:.5714286em;padding-bottom:.5714286em;padding-inline-start:.5714286em}.prose :where(tbody tr):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-td-borders)}.prose :where(tbody tr:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:0}.prose :where(tbody td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:baseline}.prose :where(tfoot):not(:where([class~=not-prose],[class~=not-prose] *)){border-top-width:1px;border-top-color:var(--tw-prose-th-borders)}.prose :where(tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:top}.prose :where(th,td):not(:where([class~=not-prose],[class~=not-prose] *)){text-align:start}.prose :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-captions);font-size:.875em;line-height:1.4285714;margin-top:.8571429em}.prose{--tw-prose-body:#374151;--tw-prose-headings:#111827;--tw-prose-lead:#4b5563;--tw-prose-links:#111827;--tw-prose-bold:#111827;--tw-prose-counters:#0f2125d9;--tw-prose-bullets:#0f2125d9;--tw-prose-hr:#e5e7eb;--tw-prose-quotes:#111827;--tw-prose-quote-borders:#e5e7eb;--tw-prose-captions:#6b7280;--tw-prose-kbd:#111827;--tw-prose-kbd-shadows:17 24 39;--tw-prose-code:#111827;--tw-prose-pre-code:#e5e7eb;--tw-prose-pre-bg:#1f2937;--tw-prose-th-borders:#e9ebef;--tw-prose-td-borders:#e9ebef;--tw-prose-invert-body:#d1d5db;--tw-prose-invert-headings:#fff;--tw-prose-invert-lead:#9ca3af;--tw-prose-invert-links:#fff;--tw-prose-invert-bold:#fff;--tw-prose-invert-counters:#9ca3af;--tw-prose-invert-bullets:#4b5563;--tw-prose-invert-hr:#374151;--tw-prose-invert-quotes:#f3f4f6;--tw-prose-invert-quote-borders:#374151;--tw-prose-invert-captions:#9ca3af;--tw-prose-invert-kbd:#fff;--tw-prose-invert-kbd-shadows:255 255 255;--tw-prose-invert-code:#fff;--tw-prose-invert-pre-code:#d1d5db;--tw-prose-invert-pre-bg:rgba(0,0,0,.5);--tw-prose-invert-th-borders:#4b5563;--tw-prose-invert-td-borders:#374151;font-size:1rem;line-height:1.75}.prose :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;margin-bottom:.5em}.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.375em}.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.375em}.prose :where(.prose>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.prose :where(.prose>ul>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.prose :where(.prose>ul>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.prose :where(.prose>ol>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.prose :where(.prose>ol>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.prose :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.prose :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.prose :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;padding-inline-start:1.625em}.prose :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){padding-top:.5714286em;padding-inline-end:.5714286em;padding-bottom:.5714286em;padding-inline-start:.5714286em}.prose :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(.prose>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(.prose>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0}.prose :where(font):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:inherit}.prose :where(strong,b):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:550;color:inherit}.prose :where(u):not(:where([class~=not-prose],[class~=not-prose] *)){text-decoration:none}.prose :where(big,small):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:inherit}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.bottom-0{bottom:0}.bottom-8{bottom:8px}.left-0{left:0}.left-8{left:8px}.left-\[-8px\]{left:-8px}.right-0{right:0}.right-16{right:16px}.right-8{right:8px}.right-\[22px\]{right:22px}.top-0{top:0}.top-\[100\%\]{top:100%}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-\[1000\]{z-index:1000}.m-16{margin:16px}.m-\[-16px\]{margin:-16px}.mx-2{margin-left:2px;margin-right:2px}.mx-\[-32px\]{margin-left:-32px;margin-right:-32px}.mx-\[-8px\]{margin-left:-8px;margin-right:-8px}.mx-auto{margin-left:auto;margin-right:auto}.my-12{margin-top:12px;margin-bottom:12px}.my-16{margin-top:16px;margin-bottom:16px}.my-8{margin-top:8px;margin-bottom:8px}.mb-0{margin-bottom:0}.mb-12{margin-bottom:12px}.mb-16{margin-bottom:16px}.mb-2{margin-bottom:2px}.mb-20{margin-bottom:20px}.mb-32{margin-bottom:32px}.mb-48{margin-bottom:48px}.mb-64{margin-bottom:64px}.mb-8{margin-bottom:8px}.mb-\[16px\]{margin-bottom:16px}.mb-\[20px\]{margin-bottom:20px}.mb-\[24px\]{margin-bottom:24px}.mb-\[48px\]{margin-bottom:48px}.mb-\[64px\]{margin-bottom:64px}.ml-16{margin-left:16px}.ml-4{margin-left:4px}.ml-8{margin-left:8px}.ml-\[-1px\]{margin-left:-1px}.ml-\[12px\]{margin-left:12px}.ml-\[5px\]{margin-left:5px}.ml-auto{margin-left:auto}.mr-12{margin-right:12px}.mr-16{margin-right:16px}.mr-48{margin-right:48px}.mr-8{margin-right:8px}.mt-2{margin-top:2px}.mt-4{margin-top:4px}.mt-\[-12px\]{margin-top:-12px}.mt-\[-16px\]{margin-top:-16px}.mt-\[12px\]{margin-top:12px}.mt-\[48px\]{margin-top:48px}.mt-\[80px\]{margin-top:80px}.block{display:block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.contents{display:contents}.hidden{display:none}.aspect-\[4\/3\]{aspect-ratio:4/3}.h-\[1\.2em\]{height:1.2em}.h-\[1\.8em\]{height:1.8em}.h-\[176px\]{height:176px}.h-\[1px\]{height:1px}.h-\[256px\]{height:256px}.h-\[288px\]{height:288px}.h-\[2em\]{height:2em}.h-\[320px\]{height:320px}.h-\[32px\]{height:32px}.h-\[520px\]{height:520px}.h-full{height:100%}.h-screen{height:100vh}.max-h-screen{max-height:100vh}.min-h-\[200px\]{min-height:200px}.min-h-\[21px\]{min-height:21px}.min-h-dvh{min-height:100dvh}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.w-1\/2{width:50%}.w-32{width:32px}.w-\[1\.4rem\]{width:1.4rem}.w-\[1\.8em\]{width:1.8em}.w-\[100\%\]{width:100%}.w-\[142px\]{width:142px}.w-\[154px\]{width:154px}.w-\[24px\]{width:24px}.w-\[2em\]{width:2em}.w-\[4px\]{width:4px}.w-\[600px\]{width:600px}.w-\[70px\]{width:70px}.w-full{width:100%}.w-screen{width:100vw}.min-w-20{min-width:20px}.min-w-\[16px\]{min-width:16px}.min-w-\[197px\]{min-width:197px}.min-w-\[200px\]{min-width:200px}.min-w-\[22px\]{min-width:22px}.min-w-\[240px\]{min-width:240px}.min-w-\[70px\]{min-width:70px}.max-w-\[320px\]{max-width:320px}.max-w-\[400px\]{max-width:400px}.max-w-\[662px\]{max-width:662px}.max-w-\[672px\]{max-width:672px}.max-w-none{max-width:none}.flex-1{flex:1 1 0%}.flex-\[0_0_100\%\]{flex:0 0 100%}.flex-shrink-0{flex-shrink:0}.flex-grow,.grow{flex-grow:1}.-translate-x-\[100vw\]{--tw-translate-x:-100vw}.-translate-x-\[100vw\],.translate-x-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-0{--tw-translate-x:0px}.rotate-180{--tw-rotate:180deg}.rotate-180,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.break-inside-avoid{-moz-column-break-inside:avoid;break-inside:avoid}.auto-rows-fr{grid-auto-rows:minmax(0,1fr)}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-stretch{justify-content:stretch}.gap-12{gap:12px}.gap-16{gap:16px}.gap-2{gap:2px}.gap-20{gap:20px}.gap-24{gap:24px}.gap-32{gap:32px}.gap-4{gap:4px}.gap-40{gap:40px}.gap-8{gap:8px}.gap-\[12px\]{gap:12px}.gap-\[20px\]{gap:20px}.gap-\[5px\]{gap:5px}.gap-x-16{-moz-column-gap:16px;column-gap:16px}.gap-x-24{-moz-column-gap:24px;column-gap:24px}.gap-x-64{-moz-column-gap:64px;column-gap:64px}.self-start{align-self:flex-start}.self-center{align-self:center}.self-stretch{align-self:stretch}.overflow-hidden{overflow:hidden}.overflow-scroll{overflow:scroll}.overflow-y-auto{overflow-y:auto}.overflow-y-hidden{overflow-y:hidden}.truncate{overflow:hidden;text-overflow:ellipsis}.truncate,.whitespace-nowrap{white-space:nowrap}.text-nowrap{text-wrap:nowrap}.rounded-4{border-radius:4px}.rounded-56{border-radius:56px}.rounded-8{border-radius:8px}.rounded-\[2px\]{border-radius:2px}.rounded-\[4px\]{border-radius:4px}.rounded-full{border-radius:9999px}.rounded-l-none{border-top-left-radius:0;border-bottom-left-radius:0}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-l{border-left-width:1px}.border-l-\[3px\]{border-left-width:3px}.border-t{border-top-width:1px}.border-solid{border-style:solid}.border-blue-700{--tw-border-opacity:1;border-color:rgb(3 69 83/var(--tw-border-opacity,1))}.border-divider-contrast-subtle{border-color:#ffffff26}.border-divider-strong{border-color:#03455359}.border-divider-subtle{border-color:#03455326}.bg-\[\#F3F4F6\]{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.bg-black{--tw-bg-opacity:1;background-color:rgb(1 10 20/var(--tw-bg-opacity,1))}.bg-blue-100{--tw-bg-opacity:1;background-color:rgb(197 238 234/var(--tw-bg-opacity,1))}.bg-blue-200{--tw-bg-opacity:1;background-color:rgb(146 226 225/var(--tw-bg-opacity,1))}.bg-blue-300{--tw-bg-opacity:1;background-color:rgb(111 207 205/var(--tw-bg-opacity,1))}.bg-blue-400{--tw-bg-opacity:1;background-color:rgb(48 183 183/var(--tw-bg-opacity,1))}.bg-blue-50{--tw-bg-opacity:1;background-color:rgb(246 254 254/var(--tw-bg-opacity,1))}.bg-blue-500{--tw-bg-opacity:1;background-color:rgb(17 155 160/var(--tw-bg-opacity,1))}.bg-blue-600{--tw-bg-opacity:1;background-color:rgb(12 115 129/var(--tw-bg-opacity,1))}.bg-blue-700{--tw-bg-opacity:1;background-color:rgb(3 69 83/var(--tw-bg-opacity,1))}.bg-blue-75{--tw-bg-opacity:1;background-color:rgb(222 243 241/var(--tw-bg-opacity,1))}.bg-blue-800{--tw-bg-opacity:1;background-color:rgb(6 51 60/var(--tw-bg-opacity,1))}.bg-blue-900{--tw-bg-opacity:1;background-color:rgb(15 33 37/var(--tw-bg-opacity,1))}.bg-blue-black,.bg-button-primary-default{--tw-bg-opacity:1;background-color:rgb(8 27 33/var(--tw-bg-opacity,1))}.bg-cherry-100{--tw-bg-opacity:1;background-color:rgb(170 9 67/var(--tw-bg-opacity,1))}.bg-cherry-200{--tw-bg-opacity:1;background-color:rgb(145 8 57/var(--tw-bg-opacity,1))}.bg-cherry-300{--tw-bg-opacity:1;background-color:rgb(116 6 46/var(--tw-bg-opacity,1))}.bg-dark-blue{--tw-bg-opacity:1;background-color:rgb(20 71 107/var(--tw-bg-opacity,1))}.bg-dark-cherry{--tw-bg-opacity:1;background-color:rgb(116 6 46/var(--tw-bg-opacity,1))}.bg-dark-green{--tw-bg-opacity:1;background-color:rgb(15 73 51/var(--tw-bg-opacity,1))}.bg-dark-grey{--tw-bg-opacity:1;background-color:rgb(54 64 79/var(--tw-bg-opacity,1))}.bg-dark-purple{--tw-bg-opacity:1;background-color:rgb(74 33 115/var(--tw-bg-opacity,1))}.bg-dark-teal{--tw-bg-opacity:1;background-color:rgb(3 69 83/var(--tw-bg-opacity,1))}.bg-divider-contrast-subtle{background-color:#ffffff26}.bg-divider-strong{background-color:#03455359}.bg-divider-subtle{background-color:#03455326}.bg-light-blue{--tw-bg-opacity:1;background-color:rgb(207 229 244/var(--tw-bg-opacity,1))}.bg-light-cherry{--tw-bg-opacity:1;background-color:rgb(252 229 237/var(--tw-bg-opacity,1))}.bg-light-green{--tw-bg-opacity:1;background-color:rgb(218 242 233/var(--tw-bg-opacity,1))}.bg-light-grey{--tw-bg-opacity:1;background-color:rgb(233 236 241/var(--tw-bg-opacity,1))}.bg-light-purple{--tw-bg-opacity:1;background-color:rgb(236 227 246/var(--tw-bg-opacity,1))}.bg-light-teal{--tw-bg-opacity:1;background-color:rgb(197 238 234/var(--tw-bg-opacity,1))}.bg-link-active{--tw-bg-opacity:1;background-color:rgb(116 6 46/var(--tw-bg-opacity,1))}.bg-link-contrast{--tw-bg-opacity:1;background-color:rgb(246 254 254/var(--tw-bg-opacity,1))}.bg-link-contrast-active{--tw-bg-opacity:1;background-color:rgb(197 238 234/var(--tw-bg-opacity,1))}.bg-link-contrast-hover{--tw-bg-opacity:1;background-color:rgb(146 226 225/var(--tw-bg-opacity,1))}.bg-link-default{--tw-bg-opacity:1;background-color:rgb(15 33 37/var(--tw-bg-opacity,1))}.bg-link-hover{--tw-bg-opacity:1;background-color:rgb(145 8 57/var(--tw-bg-opacity,1))}.bg-neutral-100{--tw-bg-opacity:1;background-color:rgb(247 248 247/var(--tw-bg-opacity,1))}.bg-neutral-200{--tw-bg-opacity:1;background-color:rgb(232 237 236/var(--tw-bg-opacity,1))}.bg-neutral-300{--tw-bg-opacity:1;background-color:rgb(219 225 223/var(--tw-bg-opacity,1))}.bg-neutral-400{--tw-bg-opacity:1;background-color:rgb(203 210 207/var(--tw-bg-opacity,1))}.bg-neutral-500{--tw-bg-opacity:1;background-color:rgb(168 179 174/var(--tw-bg-opacity,1))}.bg-neutral-600{--tw-bg-opacity:1;background-color:rgb(126 134 131/var(--tw-bg-opacity,1))}.bg-neutral-700{--tw-bg-opacity:1;background-color:rgb(93 99 96/var(--tw-bg-opacity,1))}.bg-neutral-800{--tw-bg-opacity:1;background-color:rgb(60 65 63/var(--tw-bg-opacity,1))}.bg-neutral-900{--tw-bg-opacity:1;background-color:rgb(31 35 34/var(--tw-bg-opacity,1))}.bg-pure-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.bg-surface-brand{--tw-bg-opacity:1;background-color:rgb(222 243 241/var(--tw-bg-opacity,1))}.bg-surface-default{--tw-bg-opacity:1;background-color:rgb(247 248 247/var(--tw-bg-opacity,1))}.bg-surface-inverse{--tw-bg-opacity:1;background-color:rgb(3 69 83/var(--tw-bg-opacity,1))}.bg-surface-overlay{background-color:#24292964}.bg-surface-secondary{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-surface-tertiary{--tw-bg-opacity:1;background-color:rgb(232 237 236/var(--tw-bg-opacity,1))}.bg-surface-tint{--tw-bg-opacity:1;background-color:rgb(36 41 41/var(--tw-bg-opacity,1))}.bg-text-inverse{background-color:#ffffffe0}.bg-text-primary{--tw-bg-opacity:1;background-color:rgb(15 33 37/var(--tw-bg-opacity,1))}.bg-text-secondary{background-color:#0f2125d9}.bg-text-tertiary{background-color:#0f2125bf}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-opacity-50{--tw-bg-opacity:0.5}.fill-none{fill:none}.stroke-\[1\.5px\]{stroke-width:1.5px}.object-cover{-o-object-fit:cover;object-fit:cover}.p-16{padding:16px}.p-2{padding:2px}.p-24{padding:24px}.p-4{padding:4px}.p-8{padding:8px}.p-\[16px\]{padding:16px}.p-\[32px\]{padding:32px}.p-\[36px\]{padding:36px}.p-\[6px\]{padding:6px}.px-12{padding-left:12px;padding-right:12px}.px-16{padding-left:16px;padding-right:16px}.px-2{padding-left:2px;padding-right:2px}.px-4{padding-left:4px;padding-right:4px}.px-\[32px\]{padding-left:32px;padding-right:32px}.px-\[40px\]{padding-left:40px;padding-right:40px}.py-12{padding-top:12px;padding-bottom:12px}.py-120{padding-top:120px;padding-bottom:120px}.py-14{padding-top:14px;padding-bottom:14px}.py-16{padding-top:16px;padding-bottom:16px}.py-160{padding-top:160px;padding-bottom:160px}.py-20{padding-top:20px;padding-bottom:20px}.py-4{padding-top:4px;padding-bottom:4px}.py-40{padding-top:40px;padding-bottom:40px}.py-64{padding-top:64px;padding-bottom:64px}.py-80{padding-top:80px;padding-bottom:80px}.py-\[12px\]{padding-top:12px;padding-bottom:12px}.py-\[16px\]{padding-top:16px;padding-bottom:16px}.py-\[32px\]{padding-top:32px;padding-bottom:32px}.py-\[64px\]{padding-top:64px;padding-bottom:64px}.pb-12{padding-bottom:12px}.pb-16{padding-bottom:16px}.pb-20{padding-bottom:20px}.pb-24{padding-bottom:24px}.pb-40{padding-bottom:40px}.pr-40{padding-right:40px}.pt-12{padding-top:12px}.pt-16{padding-top:16px}.pt-24{padding-top:24px}.pt-40{padding-top:40px}.pt-48{padding-top:48px}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.align-middle{vertical-align:middle}.font-sans{font-family:Open Sans,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.font-serif{font-family:Feijoa,ui-serif,Georgia,Cambria,Times New Roman,Times,serif}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-\[16px\]{font-size:16px}.text-\[17px\]{font-size:17px}.text-\[18px\]{font-size:18px}.text-\[26px\]{font-size:26px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.font-bold{font-weight:660}.font-semibold{font-weight:550}.capitalize{text-transform:capitalize}.not-italic{font-style:normal}.leading-7{line-height:1.75rem}.leading-\[1\.5\]{line-height:1.5}.leading-\[21px\]{line-height:21px}.leading-\[30px\]{line-height:30px}.text-\[\#131922\]{--tw-text-opacity:1;color:rgb(19 25 34/var(--tw-text-opacity,1))}.text-\[\#4B5563\]{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.text-black{--tw-text-opacity:1;color:rgb(1 10 20/var(--tw-text-opacity,1))}.text-blue-200,.text-button-primary-contrast-default{--tw-text-opacity:1;color:rgb(146 226 225/var(--tw-text-opacity,1))}.text-link-contrast{--tw-text-opacity:1;color:rgb(246 254 254/var(--tw-text-opacity,1))}.text-link-default{--tw-text-opacity:1;color:rgb(15 33 37/var(--tw-text-opacity,1))}.text-text-contrast-secondary{color:hsla(0,0%,100%,.88)}.text-text-inverse{color:#ffffffe0}.text-text-primary{--tw-text-opacity:1;color:rgb(15 33 37/var(--tw-text-opacity,1))}.text-text-secondary{color:#0f2125d9}.text-text-tertiary{color:#0f2125bf}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.underline{text-decoration-line:underline}.no-underline{text-decoration-line:none}.decoration-blue-200{text-decoration-color:#92e2e1}.decoration-link-contrast-underline{text-decoration-color:#f6fefe}.decoration-link-underline{text-decoration-color:#06333c}.decoration-1{text-decoration-thickness:1px}.underline-offset-4{text-underline-offset:4px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}.shadow-md{--tw-shadow:0px 4px 8px -2px rgba(1,10,20,.1),0px 2px 4px -2px rgba(1,10,20,.06);--tw-shadow-colored:0px 4px 8px -2px var(--tw-shadow-color),0px 2px 4px -2px var(--tw-shadow-color)}.shadow-md,.shadow-xl{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow:0px 20px 24px -4px rgba(1,10,20,.07),0px 8px 8px -4px rgba(1,10,20,.03);--tw-shadow-colored:0px 20px 24px -4px var(--tw-shadow-color),0px 8px 8px -4px var(--tw-shadow-color)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.text-style-site-heading{--tw-text-opacity:1;color:rgb(15 33 37/var(--tw-text-opacity,1));font-weight:500;line-height:1.5;font-family:Feijoa,ui-serif,Georgia,Cambria,Times New Roman,Times,serif;text-wrap:balance;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-style-site-heading>b,.text-style-site-heading>strong{font-weight:inherit}.text-style-heading-title{font-family:Feijoa,ui-serif,Georgia,Cambria,Times New Roman,Times,serif;line-height:1.35;font-weight:400;font-size:34px}@media (min-width:1024px){.text-style-heading-title{font-size:44px}}.text-style-heading-title{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-style-heading-title>b,.text-style-heading-title>strong{font-weight:inherit}.text-style-heading-display{font-family:Feijoa,ui-serif,Georgia,Cambria,Times New Roman,Times,serif;line-height:1.4;font-weight:400;font-size:30px}@media (min-width:1024px){.text-style-heading-display{font-size:32px}}@media (min-width:1280px){.text-style-heading-display{font-size:34px}}.text-style-heading-display{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-style-heading-display>b,.text-style-heading-display>strong{font-weight:inherit}.text-style-heading-lg{font-family:Feijoa,ui-serif,Georgia,Cambria,Times New Roman,Times,serif;line-height:1.4;font-weight:400;font-size:26px}@media (min-width:1024px){.text-style-heading-lg{font-size:28px}}.text-style-heading-lg{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-style-heading-lg>b,.text-style-heading-lg>strong{font-weight:inherit}.text-style-heading-md{font-family:Open Sans,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.45;font-weight:550;font-size:22px}@media (min-width:1024px){.text-style-heading-md{font-size:23px}}.text-style-heading-md{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-style-heading-md>b,.text-style-heading-md>strong{font-weight:inherit}.text-style-heading-sm{font-family:Open Sans,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5;font-weight:550;font-size:20px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-style-heading-sm>b,.text-style-heading-sm>strong{font-weight:inherit}.text-style-heading-xs{font-family:Open Sans,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.48;font-weight:550;font-size:18px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-style-heading-xs>b,.text-style-heading-xs>strong{font-weight:inherit}.text-style-body-lg{letter-spacing:.002em;font-size:18px}.text-style-body-lg,.text-style-body-md{line-height:1.5;font-family:Open Sans,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;text-wrap:pretty;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-style-body-md{letter-spacing:.003em;font-size:16px}.text-style-body-sm{line-height:1.55;letter-spacing:.004em;font-size:15px;font-family:Open Sans,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;text-wrap:pretty;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.prose-th\:text-size-2 :is(:where(th):not(:where([class~=not-prose],[class~=not-prose] *))){font-size:16px}@media (min-width:1024px){.md\:text-size-3{font-size:18px}}@media (min-width:1280px){.lg\:container{width:100%;margin-right:auto;margin-left:auto}@media (min-width:520px){.lg\:container{max-width:520px}}@media (min-width:768px){.lg\:container{max-width:768px}}@media (min-width:1024px){.lg\:container{max-width:1024px}}@media (min-width:1280px){.lg\:container{max-width:1280px}}@media (min-width:1536px){.lg\:container{max-width:1536px}}@media (min-width:1800px){.lg\:container{max-width:1800px}}}@media (min-width:1800px){.\32xl\:container{width:100%;margin-right:auto;margin-left:auto}@media (min-width:520px){.\32xl\:container{max-width:520px}}@media (min-width:768px){.\32xl\:container{max-width:768px}}@media (min-width:1024px){.\32xl\:container{max-width:1024px}}@media (min-width:1280px){.\32xl\:container{max-width:1280px}}@media (min-width:1536px){.\32xl\:container{max-width:1536px}}@media (min-width:1800px){.\32xl\:container{max-width:1800px}}}.last\:mb-40:last-child{margin-bottom:40px}.empty\:hidden:empty{display:none}.hover\:border-blue-600:hover{--tw-border-opacity:1;border-color:rgb(12 115 129/var(--tw-border-opacity,1))}.hover\:border-link-underline-hover:hover{--tw-border-opacity:1;border-color:rgb(6 51 60/var(--tw-border-opacity,1))}.hover\:bg-button-primary-hover:hover{--tw-bg-opacity:1;background-color:rgb(12 115 129/var(--tw-bg-opacity,1))}.hover\:bg-neutral-200:hover{--tw-bg-opacity:1;background-color:rgb(232 237 236/var(--tw-bg-opacity,1))}.hover\:bg-neutral-300:hover{--tw-bg-opacity:1;background-color:rgb(219 225 223/var(--tw-bg-opacity,1))}.hover\:text-link-contrast-hover:hover{--tw-text-opacity:1;color:rgb(146 226 225/var(--tw-text-opacity,1))}.hover\:text-link-default:hover{--tw-text-opacity:1;color:rgb(15 33 37/var(--tw-text-opacity,1))}.hover\:text-link-hover:hover{--tw-text-opacity:1;color:rgb(145 8 57/var(--tw-text-opacity,1))}.hover\:underline:hover{text-decoration-line:underline}.hover\:no-underline:hover{text-decoration-line:none}.focus-visible\:rounded-\[1px\]:focus-visible{border-radius:1px}.focus-visible\:rounded-full:focus-visible{border-radius:9999px}.focus-visible\:outline:focus-visible{outline-style:solid}.focus-visible\:outline-4:focus-visible{outline-width:4px}.focus-visible\:outline-offset-2:focus-visible{outline-offset:2px}.focus-visible\:focus-light:focus-visible{outline-color:#de0051}.focus-visible\:focus-dark:focus-visible{outline-color:#ff4588}.active\:border-blue-800:active{--tw-border-opacity:1;border-color:rgb(6 51 60/var(--tw-border-opacity,1))}.active\:bg-button-primary-hover:active{--tw-bg-opacity:1;background-color:rgb(12 115 129/var(--tw-bg-opacity,1))}.active\:bg-neutral-300:active{--tw-bg-opacity:1;background-color:rgb(219 225 223/var(--tw-bg-opacity,1))}.active\:bg-neutral-400:active{--tw-bg-opacity:1;background-color:rgb(203 210 207/var(--tw-bg-opacity,1))}.active\:text-link-active:active{--tw-text-opacity:1;color:rgb(116 6 46/var(--tw-text-opacity,1))}.active\:text-link-contrast-active:active{--tw-text-opacity:1;color:rgb(197 238 234/var(--tw-text-opacity,1))}.active\:underline:active{text-decoration-line:underline}.active\:no-underline:active{text-decoration-line:none}.active\:outline-none:active{outline:2px solid transparent;outline-offset:2px}.focus-visible\:active\:outline-none:active:focus-visible{outline:2px solid transparent;outline-offset:2px}.group:hover .group-hover\:border-button-primary-contrast-hover{--tw-border-opacity:1;border-color:rgb(246 254 254/var(--tw-border-opacity,1))}.group:hover .group-hover\:border-button-primary-hover{--tw-border-opacity:1;border-color:rgb(12 115 129/var(--tw-border-opacity,1))}.group:hover .group-hover\:border-link-underline-hover{--tw-border-opacity:1;border-color:rgb(6 51 60/var(--tw-border-opacity,1))}.group:hover .group-hover\:bg-button-primary-contrast-hover{--tw-bg-opacity:1;background-color:rgb(246 254 254/var(--tw-bg-opacity,1))}.group:hover .group-hover\:bg-button-primary-hover{--tw-bg-opacity:1;background-color:rgb(12 115 129/var(--tw-bg-opacity,1))}.group:hover .group-hover\:text-link-hover{--tw-text-opacity:1;color:rgb(145 8 57/var(--tw-text-opacity,1))}.group:hover .group-hover\:text-text-primary{--tw-text-opacity:1;color:rgb(15 33 37/var(--tw-text-opacity,1))}.group:hover .group-hover\:text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.group:hover .group-hover\:no-underline{text-decoration-line:none}.group:hover .group-hover\:opacity-100{opacity:1}.group:active .group-active\:text-link-active{--tw-text-opacity:1;color:rgb(116 6 46/var(--tw-text-opacity,1))}.group:active .group-active\:no-underline{text-decoration-line:none}.group:active .group-active\:opacity-100{opacity:1}.prose-headings\:text-text-primary :is(:where(h1,h2,h3,h4,h5,h6,th):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(15 33 37/var(--tw-text-opacity,1))}.prose-h2\:mb-24 :is(:where(h2):not(:where([class~=not-prose],[class~=not-prose] *))){margin-bottom:24px}.prose-h2\:mt-64 :is(:where(h2):not(:where([class~=not-prose],[class~=not-prose] *))){margin-top:64px}.prose-h2\:text-style-heading-display :is(:where(h2):not(:where([class~=not-prose],[class~=not-prose] *))){font-family:Feijoa,ui-serif,Georgia,Cambria,Times New Roman,Times,serif;line-height:1.4;font-weight:400;font-size:30px}@media (min-width:1024px){.prose-h2\:text-style-heading-display :is(:where(h2):not(:where([class~=not-prose],[class~=not-prose] *))){font-size:32px}}@media (min-width:1280px){.prose-h2\:text-style-heading-display :is(:where(h2):not(:where([class~=not-prose],[class~=not-prose] *))){font-size:34px}}.prose-h2\:text-style-heading-display :is(:where(h2):not(:where([class~=not-prose],[class~=not-prose] *))){-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.prose-h2\:text-style-heading-display :is(:where(h2):not(:where([class~=not-prose],[class~=not-prose] *)))>strong{font-weight:inherit}.prose-h2\:text-style-heading-display :is(:where(h2):not(:where([class~=not-prose],[class~=not-prose] *)))>b{font-weight:inherit}.prose-h3\:mb-20 :is(:where(h3):not(:where([class~=not-prose],[class~=not-prose] *))){margin-bottom:20px}.prose-h3\:mt-48 :is(:where(h3):not(:where([class~=not-prose],[class~=not-prose] *))){margin-top:48px}.prose-h3\:text-style-heading-lg :is(:where(h3):not(:where([class~=not-prose],[class~=not-prose] *))){font-family:Feijoa,ui-serif,Georgia,Cambria,Times New Roman,Times,serif;line-height:1.4;font-weight:400;font-size:26px}@media (min-width:1024px){.prose-h3\:text-style-heading-lg :is(:where(h3):not(:where([class~=not-prose],[class~=not-prose] *))){font-size:28px}}.prose-h3\:text-style-heading-lg :is(:where(h3):not(:where([class~=not-prose],[class~=not-prose] *))){-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.prose-h3\:text-style-heading-lg :is(:where(h3):not(:where([class~=not-prose],[class~=not-prose] *)))>strong{font-weight:inherit}.prose-h3\:text-style-heading-lg :is(:where(h3):not(:where([class~=not-prose],[class~=not-prose] *)))>b{font-weight:inherit}.prose-h4\:mb-16 :is(:where(h4):not(:where([class~=not-prose],[class~=not-prose] *))){margin-bottom:16px}.prose-h4\:mt-32 :is(:where(h4):not(:where([class~=not-prose],[class~=not-prose] *))){margin-top:32px}.prose-h4\:text-style-heading-md :is(:where(h4):not(:where([class~=not-prose],[class~=not-prose] *))){font-family:Open Sans,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.45;font-weight:550;font-size:22px}@media (min-width:1024px){.prose-h4\:text-style-heading-md :is(:where(h4):not(:where([class~=not-prose],[class~=not-prose] *))){font-size:23px}}.prose-h4\:text-style-heading-md :is(:where(h4):not(:where([class~=not-prose],[class~=not-prose] *))){-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.prose-h4\:text-style-heading-md :is(:where(h4):not(:where([class~=not-prose],[class~=not-prose] *)))>strong{font-weight:inherit}.prose-h4\:text-style-heading-md :is(:where(h4):not(:where([class~=not-prose],[class~=not-prose] *)))>b{font-weight:inherit}.prose-h5\:mb-16 :is(:where(h5):not(:where([class~=not-prose],[class~=not-prose] *))){margin-bottom:16px}.prose-h5\:mt-32 :is(:where(h5):not(:where([class~=not-prose],[class~=not-prose] *))){margin-top:32px}.prose-h5\:text-style-heading-sm :is(:where(h5):not(:where([class~=not-prose],[class~=not-prose] *))){font-family:Open Sans,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5;font-weight:550;font-size:20px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.prose-h5\:text-style-heading-sm :is(:where(h5):not(:where([class~=not-prose],[class~=not-prose] *)))>strong{font-weight:inherit}.prose-h5\:text-style-heading-sm :is(:where(h5):not(:where([class~=not-prose],[class~=not-prose] *)))>b{font-weight:inherit}.prose-h6\:mb-16 :is(:where(h6):not(:where([class~=not-prose],[class~=not-prose] *))){margin-bottom:16px}.prose-h6\:mt-24 :is(:where(h6):not(:where([class~=not-prose],[class~=not-prose] *))){margin-top:24px}.prose-h6\:text-style-heading-xs :is(:where(h6):not(:where([class~=not-prose],[class~=not-prose] *))){font-family:Open Sans,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.48;font-weight:550;font-size:18px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.prose-h6\:text-style-heading-xs :is(:where(h6):not(:where([class~=not-prose],[class~=not-prose] *)))>strong{font-weight:inherit}.prose-h6\:text-style-heading-xs :is(:where(h6):not(:where([class~=not-prose],[class~=not-prose] *)))>b{font-weight:inherit}.prose-p\:my-16 :is(:where(p):not(:where([class~=not-prose],[class~=not-prose] *))){margin-top:16px;margin-bottom:16px}.prose-p\:text-text-secondary :is(:where(p):not(:where([class~=not-prose],[class~=not-prose] *))){color:#0f2125d9}.prose-p\:text-style-body-lg :is(:where(p):not(:where([class~=not-prose],[class~=not-prose] *))){line-height:1.5;letter-spacing:.002em;font-size:18px;font-family:Open Sans,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;text-wrap:pretty;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.prose-a\:text-link-default :is(:where(a):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(15 33 37/var(--tw-text-opacity,1))}.prose-a\:underline :is(:where(a):not(:where([class~=not-prose],[class~=not-prose] *))){text-decoration-line:underline}.prose-a\:decoration-link-underline :is(:where(a):not(:where([class~=not-prose],[class~=not-prose] *))){text-decoration-color:#06333c}.prose-a\:decoration-1 :is(:where(a):not(:where([class~=not-prose],[class~=not-prose] *))){text-decoration-thickness:1px}.prose-a\:underline-offset-4 :is(:where(a):not(:where([class~=not-prose],[class~=not-prose] *))){text-underline-offset:4px}.hover\:prose-a\:text-link-hover :is(:where(a):not(:where([class~=not-prose],[class~=not-prose] *))):hover{--tw-text-opacity:1;color:rgb(145 8 57/var(--tw-text-opacity,1))}.hover\:prose-a\:underline :is(:where(a):not(:where([class~=not-prose],[class~=not-prose] *))):hover{text-decoration-line:underline}.focus-visible\:prose-a\:rounded-\[1px\] :is(:where(a):not(:where([class~=not-prose],[class~=not-prose] *))):focus-visible{border-radius:1px}.focus-visible\:prose-a\:outline :is(:where(a):not(:where([class~=not-prose],[class~=not-prose] *))):focus-visible{outline-style:solid}.focus-visible\:prose-a\:outline-4 :is(:where(a):not(:where([class~=not-prose],[class~=not-prose] *))):focus-visible{outline-width:4px}.focus-visible\:prose-a\:outline-offset-2 :is(:where(a):not(:where([class~=not-prose],[class~=not-prose] *))):focus-visible{outline-offset:2px}.focus-visible\:prose-a\:focus-light :is(:where(a):not(:where([class~=not-prose],[class~=not-prose] *))):focus-visible{outline-color:#de0051}.active\:prose-a\:text-link-active :is(:where(a):not(:where([class~=not-prose],[class~=not-prose] *))):active{--tw-text-opacity:1;color:rgb(116 6 46/var(--tw-text-opacity,1))}.active\:prose-a\:underline :is(:where(a):not(:where([class~=not-prose],[class~=not-prose] *))):active{text-decoration-line:underline}.active\:prose-a\:outline-none :is(:where(a):not(:where([class~=not-prose],[class~=not-prose] *))):active{outline:2px solid transparent;outline-offset:2px}.prose-blockquote\:my-40 :is(:where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *))){margin-top:40px;margin-bottom:40px}.prose-blockquote\:border-l-2 :is(:where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *))){border-left-width:2px}.prose-blockquote\:border-divider-strong :is(:where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *))){border-color:#03455359}.prose-blockquote\:pl-24 :is(:where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *))){padding-left:24px}.prose-blockquote\:font-serif :is(:where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *))){font-family:Feijoa,ui-serif,Georgia,Cambria,Times New Roman,Times,serif}.prose-blockquote\:text-\[23px\] :is(:where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *))){font-size:23px}.prose-blockquote\:not-italic :is(:where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *))){font-style:normal}.prose-blockquote\:leading-\[1\.55\] :is(:where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *))){line-height:1.55}.prose-blockquote\:text-text-primary :is(:where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(15 33 37/var(--tw-text-opacity,1))}.prose-li\:text-style-body-lg :is(:where(li):not(:where([class~=not-prose],[class~=not-prose] *))){line-height:1.5;letter-spacing:.002em;font-size:18px;font-family:Open Sans,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;text-wrap:pretty;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.prose-table\:border-spacing-40 :is(:where(table):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-border-spacing-x:40px;--tw-border-spacing-y:40px;border-spacing:var(--tw-border-spacing-x) var(--tw-border-spacing-y)}.prose-table\:overflow-hidden :is(:where(table):not(:where([class~=not-prose],[class~=not-prose] *))){overflow:hidden}.prose-table\:rounded-4 :is(:where(table):not(:where([class~=not-prose],[class~=not-prose] *))){border-radius:4px}.prose-table\:bg-white :is(:where(table):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.prose-table\:shadow-sm :is(:where(table):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-shadow:0px 1px 3px 0px rgba(16,24,40,.1),0px 1px 2px 0px rgba(16,24,40,.06);--tw-shadow-colored:0px 1px 3px 0px var(--tw-shadow-color),0px 1px 2px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.prose-th\:table-cell :is(:where(th):not(:where([class~=not-prose],[class~=not-prose] *))){display:table-cell}.prose-th\:bg-surface-tertiary :is(:where(th):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-bg-opacity:1;background-color:rgb(232 237 236/var(--tw-bg-opacity,1))}.prose-th\:p-16 :is(:where(th):not(:where([class~=not-prose],[class~=not-prose] *))){padding:16px}.prose-th\:text-left :is(:where(th):not(:where([class~=not-prose],[class~=not-prose] *))){text-align:left}.prose-th\:font-semibold :is(:where(th):not(:where([class~=not-prose],[class~=not-prose] *))){font-weight:550}.prose-th\:leading-\[1\.5\] :is(:where(th):not(:where([class~=not-prose],[class~=not-prose] *))){line-height:1.5}.prose-th\:tracking-wide :is(:where(th):not(:where([class~=not-prose],[class~=not-prose] *))){letter-spacing:.025em}.prose-th\:text-text-primary :is(:where(th):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity:1;color:rgb(15 33 37/var(--tw-text-opacity,1))}.prose-td\:table-cell :is(:where(td):not(:where([class~=not-prose],[class~=not-prose] *))){display:table-cell}.prose-td\:p-16 :is(:where(td):not(:where([class~=not-prose],[class~=not-prose] *))){padding:16px}.prose-td\:text-text-secondary :is(:where(td):not(:where([class~=not-prose],[class~=not-prose] *))){color:#0f2125d9}.prose-td\:text-style-body-sm :is(:where(td):not(:where([class~=not-prose],[class~=not-prose] *))){line-height:1.55;letter-spacing:.004em;font-size:15px;font-family:Open Sans,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;text-wrap:pretty;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-reduced-motion:reduce){.motion-reduce\:transition-none{transition-property:none}}@media (min-width:520px){.xs\:relative{position:relative}.xs\:block{display:block}.xs\:flex{display:flex}.xs\:hidden{display:none}.xs\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.xs\:gap-14{gap:14px}.xs\:gap-32{gap:32px}.xs\:text-wrap{text-wrap:wrap}.xs\:pb-32{padding-bottom:32px}}@media (min-width:768px){.sm\:relative{position:relative}.sm\:left-16{left:16px}.sm\:left-auto{left:auto}.sm\:right-0{right:0}.sm\:right-16{right:16px}.sm\:top-full{top:100%}.sm\:m-0{margin:0}.sm\:m-12{margin:12px}.sm\:my-8{margin-top:8px;margin-bottom:8px}.sm\:mr-12{margin-right:12px}.sm\:mt-0{margin-top:0}.sm\:mt-16{margin-top:16px}.sm\:h-\[34px\]{height:34px}.sm\:h-auto{height:auto}.sm\:w-\[164px\]{width:164px}.sm\:w-full{width:100%}.sm\:max-w-\[39rem\]{max-width:39rem}.sm\:columns-2{-moz-columns:2;column-count:2}.sm\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:text-nowrap{text-wrap:nowrap}.sm\:rounded-8{border-radius:8px}.sm\:border-none{border-style:none}.sm\:p-0{padding:0}.sm\:p-20{padding:20px}.sm\:px-0{padding-left:0;padding-right:0}.sm\:pb-20{padding-bottom:20px}.sm\:pt-0{padding-top:0}.sm\:pt-48{padding-top:48px}.sm\:text-right{text-align:right}.sm\:text-style-heading-md{font-family:Open Sans,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.45;font-weight:550;font-size:22px}@media (min-width:1024px){.sm\:text-style-heading-md{font-size:23px}}.sm\:text-style-heading-md{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sm\:text-style-heading-md>b,.sm\:text-style-heading-md>strong{font-weight:inherit}.sm\:text-style-body-md{line-height:1.5;letter-spacing:.003em;font-size:16px;font-family:Open Sans,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;text-wrap:pretty;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}@media (min-width:1024px){.md\:mx-auto{margin-left:auto;margin-right:auto}.md\:block{display:block}.md\:flex{display:flex}.md\:w-1\/2{width:50%}.md\:w-1\/3{width:33.333333%}.md\:w-2\/3{width:66.666667%}.md\:w-\[160px\]{width:160px}.md\:w-auto{width:auto}.md\:max-w-\[800px\]{max-width:800px}.md\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:flex-row-reverse{flex-direction:row-reverse}.md\:items-center{align-items:center}.md\:gap-0{gap:0}.md\:gap-40{gap:40px}.md\:gap-64{gap:64px}.md\:gap-80{gap:80px}.md\:gap-x-20{-moz-column-gap:20px;column-gap:20px}.md\:gap-x-40{-moz-column-gap:40px;column-gap:40px}.md\:border-l{border-left-width:1px}.md\:px-24{padding-left:24px;padding-right:24px}.md\:py-20{padding-top:20px;padding-bottom:20px}.md\:pl-32{padding-left:32px}.md\:pr-32{padding-right:32px}.md\:pt-20{padding-top:20px}.md\:pt-64{padding-top:64px}}@media (min-width:1280px){.lg\:mr-auto{margin-right:auto}.lg\:w-1\/4{width:25%}.lg\:w-3\/4{width:75%}.lg\:max-w-screen-lg{max-width:1280px}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:px-32{padding-left:32px;padding-right:32px}}@media (min-width:1536px){.xl\:ml-64{margin-left:64px}.xl\:mr-0{margin-right:0}.xl\:mt-0{margin-top:0}.xl\:w-\[328px\]{width:328px}.xl\:flex-row{flex-direction:row}}.\[\&\:not\(\:last-child\)\]\:border-b:not(:last-child){border-bottom-width:1px}.\[\&_a\]\:text-style-body-sm a{line-height:1.55;letter-spacing:.004em;font-size:15px;font-family:Open Sans,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;text-wrap:pretty;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.\[\&_div\]\:my-16 div{margin-top:16px;margin-bottom:16px}.\[\&_div\]\:text-text-secondary div{color:#0f2125d9}.\[\&_div\]\:text-style-body-lg div{line-height:1.5;letter-spacing:.002em;font-size:18px;font-family:Open Sans,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;text-wrap:pretty;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
--
GitLab
From 624594df15a883880643d1155b12b4634abc66d1 Mon Sep 17 00:00:00 2001
From: Ray Addams <ra730@cam.ac.uk>
Date: Wed, 19 Mar 2025 10:49:08 +0000
Subject: [PATCH 05/15] Git management.
---
.gitlab-ci.yml | 8 +++++---
1 file changed, 5 insertions(+), 3 deletions(-)
diff --git a/.gitlab-ci.yml b/.gitlab-ci.yml
index 536e254..f44a3cd 100644
--- a/.gitlab-ci.yml
+++ b/.gitlab-ci.yml
@@ -82,16 +82,18 @@ create-or-update-multidev:
echo "** Updating composer in case upstream changes made to upstream-configuration/composer.* **"
composer --no-interaction --no-progress --prefer-dist --ansi --ignore-platform-reqs --no-install update
+ echo "** Adding files to git (including updated composer.lock)"
+ git add .
echo "** Building front end artifacts ***"
cd web/themes/custom/cambridge_tailwind/
npm install
npm run build
+ echo "** Adding files to git"
+ git add -f css/tailwind.css
+ git add -f components/**/*.js
cd ../../../..
- echo "** Adding files to git (including updated composer.lock)"
- git add .
-
echo "** The following files will be committed to $MULTIDEV_NAME branch **"
git status
git config user.email "not-real-address@gitlab.developers.cam.ac.uk"
--
GitLab
From dcd695f3436886beff7e83b8ab615e1ce3a3dbf9 Mon Sep 17 00:00:00 2001
From: Ray Addams <ra730@cam.ac.uk>
Date: Wed, 19 Mar 2025 13:54:02 +0000
Subject: [PATCH 06/15] Node v20 for theme.
---
.ddev/config.yaml | 2 +-
web/themes/custom/cambridge_tailwind/package-lock.json | 3 +++
web/themes/custom/cambridge_tailwind/package.json | 3 +++
3 files changed, 7 insertions(+), 1 deletion(-)
diff --git a/.ddev/config.yaml b/.ddev/config.yaml
index d132187..3185713 100644
--- a/.ddev/config.yaml
+++ b/.ddev/config.yaml
@@ -284,7 +284,7 @@ corepack_enable: false
# - exec: drush updatedb
# - exec: drush cache:rebuild
-nodejs_version: "18"
+nodejs_version: "20"
webimage_extra_packages:
- pkg-config
- libpixman-1-dev
diff --git a/web/themes/custom/cambridge_tailwind/package-lock.json b/web/themes/custom/cambridge_tailwind/package-lock.json
index 63ad482..d15e23e 100644
--- a/web/themes/custom/cambridge_tailwind/package-lock.json
+++ b/web/themes/custom/cambridge_tailwind/package-lock.json
@@ -42,6 +42,9 @@
"typescript": "^5.6.3",
"typescript-eslint": "^8.15.0",
"vite-plugin-twig-drupal": "^1.4.0"
+ },
+ "engines": {
+ "node": ">=20.0.0 <22"
}
},
"node_modules/@adobe/css-tools": {
diff --git a/web/themes/custom/cambridge_tailwind/package.json b/web/themes/custom/cambridge_tailwind/package.json
index 9a2be06..991200a 100644
--- a/web/themes/custom/cambridge_tailwind/package.json
+++ b/web/themes/custom/cambridge_tailwind/package.json
@@ -68,5 +68,8 @@
"typescript": "^5.6.3",
"typescript-eslint": "^8.15.0",
"vite-plugin-twig-drupal": "^1.4.0"
+ },
+ "engines": {
+ "node": ">=20.0.0 <22"
}
}
--
GitLab
From 2dcb44f4d7a7655fbef5812d5a294268716cbbe7 Mon Sep 17 00:00:00 2001
From: Ray Addams <ra730@cam.ac.uk>
Date: Thu, 20 Mar 2025 15:51:51 +0000
Subject: [PATCH 07/15] Using terminus:3.5-node20 Docke rimage instead of
installing node on the fly.
---
.gitlab-ci.yml | 3 +--
1 file changed, 1 insertion(+), 2 deletions(-)
diff --git a/.gitlab-ci.yml b/.gitlab-ci.yml
index f44a3cd..a2d30d1 100644
--- a/.gitlab-ci.yml
+++ b/.gitlab-ci.yml
@@ -34,7 +34,7 @@ composer-lock:
.pantheon-base:
stage: test
- image: registry.gitlab.developers.cam.ac.uk/uis/devops/infra/dockerimages/terminus:latest
+ image: registry.gitlab.developers.cam.ac.uk/uis/devops/infra/dockerimages/terminus:3.5-node20
variables:
PANTHEON_TOKEN_SECRET: pantheon-machine-token
PANTHEON_KEY_SECRET: pantheon-ssh-key
@@ -42,7 +42,6 @@ composer-lock:
before_script: |
echo "** Installing dependencies for the job **"
apk add jq rsync
- apk add --update nodejs npm
echo "** Fetching secrets from GCP SM **"
TERMINUS_MACHINE_TOKEN=$(gcloud secrets versions access latest --impersonate-service-account="$PROD_GCP_SA" --secret=$PANTHEON_TOKEN_SECRET --project=$PROD_GCP_PROJECT)
gcloud secrets versions access latest --impersonate-service-account="$PROD_GCP_SA" --secret=$PANTHEON_KEY_SECRET --project=$PROD_GCP_PROJECT > /tmp/ssh-key
--
GitLab
From 4c6483ef11556a7a97c8367c5162bcc105574f1f Mon Sep 17 00:00:00 2001
From: Dmitrii Unterov <du228@cam.ac.uk>
Date: Tue, 25 Mar 2025 11:40:29 +0000
Subject: [PATCH 08/15] feat: add job to update node in master
---
.gitlab-ci.yml | 51 ++++++++++++++++++++++++++++++++++++++++++++++++++
1 file changed, 51 insertions(+)
diff --git a/.gitlab-ci.yml b/.gitlab-ci.yml
index a2d30d1..13590d1 100644
--- a/.gitlab-ci.yml
+++ b/.gitlab-ci.yml
@@ -7,6 +7,9 @@ include:
- project: uis/devops/continuous-delivery/ci-templates
file: /auto-devops-stages.yml
ref: v6.6.0
+ - project: uis/devops/continuous-delivery/ci-templates
+ file: /fragments/get-gcp-secrets.yml
+ ref: v6.6.0
variables:
SAST_EXCLUDED_ANALYZERS: "brakeman,flawfinder,mobsf,kubesec,phpcs-security-audit,pmd-apex,sobelow,spotbugs"
@@ -207,3 +210,51 @@ update-dev:
- if: $CI_COMMIT_BRANCH == "develop"
when: always
- when: never
+
+update-theme-in-master:
+ variables:
+ GIT_STRATEGY: clone
+ GIT_DEPTH: 0
+ before_script:
+ - |
+ if [[ -n "$GITLAB_ACCESS_TOKEN_SECRET_ID" ]]; then
+ export GET_GCP_SECRET_GITLAB_TOKEN="$GITLAB_ACCESS_TOKEN_SECRET_ID/versions/latest"
+ fi
+ - |
+ if [[ -n "$GITLAB_TOKEN_ACCESSOR_SERVICE_ACCOUNT" ]]; then
+ export GOOGLE_IMPERSONATE_SERVICE_ACCOUNT="$GITLAB_TOKEN_ACCESSOR_SERVICE_ACCOUNT"
+ fi
+ # Call the get-gcp-secrets helper script to retrieve the $GET_GCP_SECRET_GITLAB_TOKEN secret value and export it as
+ # GITLAB_TOKEN for the release-it tool to access.
+ - !reference [.get-gcp-secrets, before_script]
+ - |
+ git fetch origin
+ git checkout "$CI_COMMIT_REF_NAME"
+
+ echo "** Configuring git to use the GitLab bot account... **"
+ git config user.email "${GITLAB_ACCESS_TOKEN_EMAIL:-release-it-bot@noreply.gitlab.developers.cam.ac.uk}"
+ git config user.name "${GITLAB_ACCESS_TOKEN_NAME:-release-it-bot}"
+
+ echo "** Configuring the git remote url... **"
+ git remote set-url origin "https://token:$GITLAB_TOKEN@$CI_SERVER_HOST/$CI_PROJECT_PATH.git"
+ script: |
+ echo "** Building front end artifacts **"
+ cd web/themes/custom/cambridge_tailwind/
+ npm install
+ npm run build
+
+ echo "** Adding files to git **"
+ git add -f css/tailwind.css
+ git add -f components/**/*.js
+ cd ../../../..
+
+ echo "** The following files will be committed to $CI_COMMIT_BRANCH branch **"
+ git status
+
+ git commit -m "chore(autonodejs): Update nodejs artifacts after commit $CI_COMMIT_SHORT_SHA" || true
+ git push origin $CI_COMMIT_BRANCH
+ rules:
+ - if: $CI_COMMIT_BRANCH == $CI_DEFAULT_BRANCH && $CI_COMMIT_MESSAGE !~ /chore\(autonodejs\)/
+ changes:
+ - web/themes/custom/cambridge_tailwind/*
+ - when: never
--
GitLab
From 8abdb8dd2091b8be35a695e19bf10c0cf2e4761e Mon Sep 17 00:00:00 2001
From: Dmitrii Unterov <du228@cam.ac.uk>
Date: Tue, 25 Mar 2025 11:43:19 +0000
Subject: [PATCH 09/15] feat: add job to update node in master
---
.gitlab-ci.yml | 8 +++-----
1 file changed, 3 insertions(+), 5 deletions(-)
diff --git a/.gitlab-ci.yml b/.gitlab-ci.yml
index 13590d1..e5805ba 100644
--- a/.gitlab-ci.yml
+++ b/.gitlab-ci.yml
@@ -224,8 +224,6 @@ update-theme-in-master:
if [[ -n "$GITLAB_TOKEN_ACCESSOR_SERVICE_ACCOUNT" ]]; then
export GOOGLE_IMPERSONATE_SERVICE_ACCOUNT="$GITLAB_TOKEN_ACCESSOR_SERVICE_ACCOUNT"
fi
- # Call the get-gcp-secrets helper script to retrieve the $GET_GCP_SECRET_GITLAB_TOKEN secret value and export it as
- # GITLAB_TOKEN for the release-it tool to access.
- !reference [.get-gcp-secrets, before_script]
- |
git fetch origin
@@ -248,13 +246,13 @@ update-theme-in-master:
git add -f components/**/*.js
cd ../../../..
- echo "** The following files will be committed to $CI_COMMIT_BRANCH branch **"
+ echo "** The following files will be committed to master branch **"
git status
git commit -m "chore(autonodejs): Update nodejs artifacts after commit $CI_COMMIT_SHORT_SHA" || true
- git push origin $CI_COMMIT_BRANCH
+ git push origin master
rules:
- - if: $CI_COMMIT_BRANCH == $CI_DEFAULT_BRANCH && $CI_COMMIT_MESSAGE !~ /chore\(autonodejs\)/
+ - if: $CI_COMMIT_BRANCH == master && $CI_COMMIT_MESSAGE !~ /chore\(autonodejs\)/
changes:
- web/themes/custom/cambridge_tailwind/*
- when: never
--
GitLab
From 419d4fcbbef906a0d31de6817161e0e929e83637 Mon Sep 17 00:00:00 2001
From: Dmitrii Unterov <du228@cam.ac.uk>
Date: Tue, 25 Mar 2025 12:06:21 +0000
Subject: [PATCH 10/15] feat: add job to update node in master
---
.gitlab-ci.yml | 11 ++++++++---
1 file changed, 8 insertions(+), 3 deletions(-)
diff --git a/.gitlab-ci.yml b/.gitlab-ci.yml
index e5805ba..72b148c 100644
--- a/.gitlab-ci.yml
+++ b/.gitlab-ci.yml
@@ -212,10 +212,13 @@ update-dev:
- when: never
update-theme-in-master:
+ image: registry.gitlab.developers.cam.ac.uk/uis/devops/infra/dockerimages/terminus:3.5-node20
+ stage: build
variables:
GIT_STRATEGY: clone
GIT_DEPTH: 0
before_script:
+ - apk add jq
- |
if [[ -n "$GITLAB_ACCESS_TOKEN_SECRET_ID" ]]; then
export GET_GCP_SECRET_GITLAB_TOKEN="$GITLAB_ACCESS_TOKEN_SECRET_ID/versions/latest"
@@ -246,13 +249,15 @@ update-theme-in-master:
git add -f components/**/*.js
cd ../../../..
- echo "** The following files will be committed to master branch **"
+ echo "** The following files will be committed to "$CI_COMMIT_REF_NAME" branch **"
git status
git commit -m "chore(autonodejs): Update nodejs artifacts after commit $CI_COMMIT_SHORT_SHA" || true
- git push origin master
+ git push origin "$CI_COMMIT_REF_NAME"
rules:
- - if: $CI_COMMIT_BRANCH == master && $CI_COMMIT_MESSAGE !~ /chore\(autonodejs\)/
+ - if: $CI_COMMIT_BRANCH == "master" && $CI_COMMIT_MESSAGE !~ "/chore\(autonodejs\)/"
changes:
- web/themes/custom/cambridge_tailwind/*
- when: never
+ tags:
+ - $GKE_RUNNER_TAG
--
GitLab
From dc134cee3f9ddc499300e70fd3e7261245f99582 Mon Sep 17 00:00:00 2001
From: Ray Addams <ra730@cam.ac.uk>
Date: Tue, 25 Mar 2025 17:54:00 +0000
Subject: [PATCH 11/15] Run linter on autogenerated artefacts.
---
.gitlab-ci.yml | 1 +
1 file changed, 1 insertion(+)
diff --git a/.gitlab-ci.yml b/.gitlab-ci.yml
index 6374b1e..b193e9d 100644
--- a/.gitlab-ci.yml
+++ b/.gitlab-ci.yml
@@ -235,6 +235,7 @@ update-theme-in-master:
cd web/themes/custom/cambridge_tailwind/
npm install
npm run build
+ npm run fix:lint
echo "** Adding files to git **"
git add -f css/tailwind.css
--
GitLab
From ebeb37caa502dd62673c594532ddabf33ab13c41 Mon Sep 17 00:00:00 2001
From: Ray Addams <ra730@cam.ac.uk>
Date: Tue, 25 Mar 2025 18:00:21 +0000
Subject: [PATCH 12/15] Fixed whitespace issue in develop
---
.../cambridge_tailwind/templates/layout/page--user.html.twig | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/web/themes/custom/cambridge_tailwind/templates/layout/page--user.html.twig b/web/themes/custom/cambridge_tailwind/templates/layout/page--user.html.twig
index 27b1d7a..bcb8716 100644
--- a/web/themes/custom/cambridge_tailwind/templates/layout/page--user.html.twig
+++ b/web/themes/custom/cambridge_tailwind/templates/layout/page--user.html.twig
@@ -62,7 +62,7 @@
{# Skip to main content link #}
<a id="main-content" tabindex="-1"></a>{# link is in html.html.twig #}
{{ page.pre_content }}
-
+
{% include 'cambridge_tailwind:page' with {
--
GitLab
From 144c5b4bb75dfad10ec1a8237abc3a0f1a560be2 Mon Sep 17 00:00:00 2001
From: Ray Addams <ra730@cam.ac.uk>
Date: Wed, 26 Mar 2025 10:34:19 +0000
Subject: [PATCH 13/15] Ignoring css artefects from pre-commit
---
.pre-commit-config.yaml | 1 +
1 file changed, 1 insertion(+)
diff --git a/.pre-commit-config.yaml b/.pre-commit-config.yaml
index 0657e33..1e7567d 100644
--- a/.pre-commit-config.yaml
+++ b/.pre-commit-config.yaml
@@ -6,6 +6,7 @@ repos:
hooks:
- id: trailing-whitespace
- id: end-of-file-fixer
+ exclude: web/themes/custom/cambridge_tailwind/css/tailwind.css
- id: check-yaml
args:
- --unsafe
--
GitLab
From 3b969bf28f0fd8ca9e352b8d7b784ee6b90d76c2 Mon Sep 17 00:00:00 2001
From: Dmitrii Unterov <du228@cam.ac.uk>
Date: Wed, 26 Mar 2025 14:15:05 +0000
Subject: [PATCH 14/15] feat: add npm build logic to update-dev job
---
.gitlab-ci.yml | 51 ++++++++++++++++++++++++++++++++++++++++++++++----
1 file changed, 47 insertions(+), 4 deletions(-)
diff --git a/.gitlab-ci.yml b/.gitlab-ci.yml
index b193e9d..36bf46a 100644
--- a/.gitlab-ci.yml
+++ b/.gitlab-ci.yml
@@ -176,13 +176,13 @@ clean-up-multidevs:
when: always
- when: never
-update-dev:
+update-dev-cwp-develop:
variables:
PATHEON_SITE: cwp-develop
extends: .pantheon-base
script: |
- echo "** Waiting a bit before Pantheon machinery to pick up the new commit from develop **"
- sleep 5
+ echo "** Waiting for a few seconds so pantheon could detect upstream changes **"
+ sleep 10
echo "** Checking available updates in upstream **"
terminus upstream:updates:status $PATHEON_SITE.dev
@@ -190,9 +190,52 @@ update-dev:
echo "** Updating upstream for dev environment of site $PATHEON_SITE **"
terminus upstream:updates:apply $PATHEON_SITE.dev --accept-upstream
- echo "** Adding ssh-key for drush commands to work as expected **"
+ echo "** Setting up GIT configuration and clone the internal repository of $PATHEON_SITE **"
+ GIT_URL=$(terminus connection:info $PATHEON_SITE.dev --field=git_url)
+ export GIT_SSH_COMMAND='ssh -o StrictHostKeyChecking=no -o UserKnownHostsFile=/dev/null -o IdentitiesOnly=yes -i /tmp/ssh-key'
eval "$(ssh-agent -s)"
ssh-add /tmp/ssh-key
+ git clone $GIT_URL -b master /tmp/site_repo
+ cd /tmp/site_repo
+
+ echo "** Building front end artifacts ***"
+ cd web/themes/custom/cambridge_tailwind/
+ npm install
+ npm run build
+ npm run fix:lint
+
+ echo "** Adding files to git"
+ git add -f css/tailwind.css
+ git add -f components/**/*.js
+ cd ../../../..
+
+ echo "** The following files will be committed to master branch **"
+ git status
+ git config user.email "not-real-address@gitlab.developers.cam.ac.uk"
+ git config user.name "CI Job"
+ git commit -m "chore: build frontend artifacts after commit $CI_COMMIT_SHORT_SHA" || true
+ git push
+ cd $CI_PROJECT_DIR
+ sleep 5
+
+ echo "** Waiting for 'Sync Code' workflow to be done **"
+ TIMEOUT=400
+ START_TIME=$(date +%s)
+ while true; do
+ STATUS=$(terminus workflow:list $PATHEON_SITE --format=json | jq -r "to_entries | map(select(.value.workflow | test(\"^Sync code on\")) | select(.value.env == \"$MULTIDEV_NAME\")).[0].value.status")
+ if [[ "$STATUS" == "succeeded" ]]; then
+ echo "** 'Sync Code' workflow completed successfully **"
+ break
+ fi
+ # Check if the timeout has been reached
+ CURRENT_TIME=$(date +%s)
+ ELAPSED_TIME=$((CURRENT_TIME - START_TIME))
+ if [[ $ELAPSED_TIME -ge $TIMEOUT ]]; then
+ echo "** Timeout reached. 'Sync Code' workflow did not complete successfully within 5 minutes **"
+ break
+ fi
+ sleep 10
+ done
echo "** Receiving information about the environment **"
DEV_DOMAIN=$(terminus env:info $PATHEON_SITE.dev --field=domain)
--
GitLab
From 79b464e27d611f73b94ba8a1218a8492a3e0adaa Mon Sep 17 00:00:00 2001
From: Dmitrii Unterov <du228@cam.ac.uk>
Date: Wed, 26 Mar 2025 14:20:19 +0000
Subject: [PATCH 15/15] feat: add npm build logic to update-dev job
---
.gitlab-ci.yml | 4 ++--
1 file changed, 2 insertions(+), 2 deletions(-)
diff --git a/.gitlab-ci.yml b/.gitlab-ci.yml
index 36bf46a..3c45a5b 100644
--- a/.gitlab-ci.yml
+++ b/.gitlab-ci.yml
@@ -198,7 +198,7 @@ update-dev-cwp-develop:
git clone $GIT_URL -b master /tmp/site_repo
cd /tmp/site_repo
- echo "** Building front end artifacts ***"
+ echo "** Building frontend artifacts ***"
cd web/themes/custom/cambridge_tailwind/
npm install
npm run build
@@ -222,7 +222,7 @@ update-dev-cwp-develop:
TIMEOUT=400
START_TIME=$(date +%s)
while true; do
- STATUS=$(terminus workflow:list $PATHEON_SITE --format=json | jq -r "to_entries | map(select(.value.workflow | test(\"^Sync code on\")) | select(.value.env == \"$MULTIDEV_NAME\")).[0].value.status")
+ STATUS=$(terminus workflow:list $PATHEON_SITE --format=json | jq -r "to_entries | map(select(.value.workflow | test(\"^Sync code on\")) | select(.value.env == \"dev\")).[0].value.status")
if [[ "$STATUS" == "succeeded" ]]; then
echo "** 'Sync Code' workflow completed successfully **"
break
--
GitLab