Merge pull request #20 from Sycamost/dev

Dev

41 files changed, 0 insertions, 861 deletions

diff --git a/public/css/base/index.css b/public/css/base/index.css
deleted file mode 100644
index a8e9f15..0000000
--- a/public/css/base/index.css
+++ /dev/null
@@ -1,3 +0,0 @@
-@import './typography.css';
-@import './theme.css';
-@import './list.css';
\ No newline at end of file
diff --git a/public/css/base/list.css b/public/css/base/list.css
deleted file mode 100644
index 2fd402b..0000000
--- a/public/css/base/list.css
+++ /dev/null
@@ -1,4 +0,0 @@
-ol li {
-  list-style-type: decimal;
-  margin-inline-start: --spacing-inline-md;
-}
\ No newline at end of file
diff --git a/public/css/base/theme.css b/public/css/base/theme.css
deleted file mode 100644
index f5d178c..0000000
--- a/public/css/base/theme.css
+++ /dev/null
@@ -1,13 +0,0 @@
-:root {
-  color: var(--text-color);
-  background-color: var(--background-color);
-}
-
-:is(main, article) {
-  color: var(--text-color);
-  background-color: var(--background-color);
-}
-
-:is(main, article) > section:not(:is(section, header) :is(section, header)) {
-  background-color: var(--background-color);
-}
\ No newline at end of file
diff --git a/public/css/base/typography.css b/public/css/base/typography.css
deleted file mode 100644
index fb2ac17..0000000
--- a/public/css/base/typography.css
+++ /dev/null
@@ -1,68 +0,0 @@
-body {
-  font-family: var(--font-sans-serif);
-  font-size: var(--font-size-1);
-  font-weight: 400;
-  letter-spacing: 0.03rem;
-  line-height: 1.5;
-  word-wrap: break-word;
-}
-
-h1 {
-  font-size: var(--font-size-5);
-}
-
-h1:not(:first-child) {
-  margin-block-start: var(--margin-block-lg);
-}
-
-h2 {
-  font-size: var(--font-size-4);
-}
-
-h2:not(:first-child) {
-  margin-block-start: var(--margin-block-lg);
-}
-
-h3 {
-  font-size: var(--font-size-3);
-}
-
-h3:not(:first-child) {
-  margin-block-start: var(--margin-block-md);
-}
-
-h4 {
-  font-size: var(--font-size-2);
-}
-
-h4:not(:first-child) {
-  margin-block-start: var(--margin-block-sm);
-}
-
-h1,
-h2,
-h3,
-h4 {
-  font-family: var(--font-serif);
-  font-weight: 700;
-}
-
-.title {
-  font-family: var(--font-serif);
-  font-size: var(--font-size-6);
-  font-weight: 700;
-  margin-block-start: var(--margin-block-sm);
-}
-
-.title--small {
-  font-size: var(--font-size-2);
-  margin-block-start: 0;
-}
-
-p:not(:first-child) {
-  margin-block-start: var(--margin-block-sm);
-}
-
-:is(p, h1, h2, h3, h4) {
-  max-width: var(--width-prose);
-}
diff --git a/public/css/layout/grid.css b/public/css/layout/grid.css
deleted file mode 100644
index 25cdd95..0000000
--- a/public/css/layout/grid.css
+++ /dev/null
@@ -1,30 +0,0 @@
-:is(
-  header,
-  footer,
-  nav,
-  :is(main, article) > section:not(:is(section, header) :is(section, header))
-):not(.section--full-width) {
-  padding-inline: calc(var(--grid-padding) + 0.5 * (100vw - var(--grid-total-width)));
-}
-
-.grid-span-1 {
-  width: var(--grid-column-width);
-}
-
-/* On screens narrower than 16rem, there is only one column. */
-
-.grid-span-2 {
-  width: var(--grid-column-width);
-}
-
-.grid-span-3 {
-  width: var(--grid-column-width);
-}
-
-.width-prose {
-  width: var(--prose-width);
-}
-
-.grid-span-full {
-  width: var(--grid-total-width);
-}
diff --git a/public/css/layout/grid.md.css b/public/css/layout/grid.md.css
deleted file mode 100644
index f0c8478..0000000
--- a/public/css/layout/grid.md.css
+++ /dev/null
@@ -1,8 +0,0 @@
-:is(
-  header,
-  footer,
-  nav,
-  :is(main, article) > section:not(:is(section, header) :is(section, header))
-) {
-  padding-inline: var(--grid-padding);
-}
\ No newline at end of file
diff --git a/public/css/layout/grid.xs.css b/public/css/layout/grid.xs.css
deleted file mode 100644
index e7c6d1a..0000000
--- a/public/css/layout/grid.xs.css
+++ /dev/null
@@ -1,55 +0,0 @@
-.grid-span-2 {
-  width: calc(var(--grid-column-width) * 2 + var(--grid-gutter-width));
-}
-
-.grid-span-3 {
-  width: calc(var(--grid-column-width) * 3 + var(--grid-gutter-width) * 2);
-}
-
-.grid-span-1.grid-end {
-  margin-inline-start: calc(
-    var(--grid-column-width) * (var(--grid-column-count) - 1) +
-    var(--grid-gutter-width) * (var(--grid-column-count) - 1)
-  );
-  margin-inline-end: 0;
-}
-
-.grid-span-2.grid-end {
-  margin-inline-start: calc(
-    var(--grid-column-width) * (var(--grid-column-count) - 2) +
-    var(--grid-gutter-width) * (var(--grid-column-count) - 2)
-  );
-  margin-inline-end: 0;
-}
-
-.grid-span-3.grid-end {
-  margin-inline-start: calc(
-    var(--grid-column-width) * (var(--grid-column-count) - 3) +
-    var(--grid-gutter-width) * (var(--grid-column-count) - 3)
-  );
-  margin-inline-end: 0;
-}
-
-.grid-span-1.grid-prose-end {
-  margin-inline-start: calc(
-    var(--grid-column-width) * (var(--grid-prose-column-count) - 1) +
-    var(--grid-gutter-width) * (var(--grid-prose-column-count) - 1)
-  );
-  margin-inline-end: 0;
-}
-
-.grid-span-2.grid-prose-end {
-  margin-inline-start: calc(
-    var(--grid-column-width) * (var(--grid-prose-column-count) - 2) +
-    var(--grid-gutter-width) * (var(--grid-prose-column-count) - 2)
-  );
-  margin-inline-end: 0;
-}
-
-.grid-span-3.grid-prose-end {
-  margin-inline-start: calc(
-    var(--grid-column-width) * (var(--grid-prose-column-count) - 3) +
-    var(--grid-gutter-width) * (var(--grid-prose-column-count) - 3)
-  );
-  margin-inline-end: 0;
-}
\ No newline at end of file
diff --git a/public/css/layout/index.css b/public/css/layout/index.css
deleted file mode 100644
index 0bede83..0000000
--- a/public/css/layout/index.css
+++ /dev/null
@@ -1,4 +0,0 @@
-@import './grid.css';
-@import './grid.xs.css' (min-width: 16rem);
-@import './grid.md.css' (min-width: 48rem);
-@import './section-margins.css';
\ No newline at end of file
diff --git a/public/css/layout/section-margins.css b/public/css/layout/section-margins.css
deleted file mode 100644
index a11073f..0000000
--- a/public/css/layout/section-margins.css
+++ /dev/null
@@ -1,14 +0,0 @@
-:is(main, article) > :is(section, header):not(:is(section, header) :is(section, header)) {
-  padding-block-start: var(--margin-block-lg);
-  padding-block-end: var(--margin-block-md);
-}
-
-footer {
-  padding-block-start: var(--margin-block-md);
-  padding-block-end: var(--margin-block-lg);
-}
-
-nav {
-  padding-block-start: var(--margin-block-sm);
-  padding-block-end: var(--margin-block-md);
-}
\ No newline at end of file
diff --git a/public/css/modules/btn.css b/public/css/modules/btn.css
deleted file mode 100644
index 142463c..0000000
--- a/public/css/modules/btn.css
+++ /dev/null
@@ -1,38 +0,0 @@
-.btn {
-  display: block;
-  box-sizing: border-box;
-  color: var(--text-color);
-  border: solid var(--relative-eighth-rem) var(--text-color);
-  font-weight: 500;
-  text-align: center;
-  margin-block-start: var(--margin-block-sm);
-  padding-inline: var(--padding-inline-md);
-  padding-block: var(--padding-block-sm);
-  background-color: transparent;
-  transition:
-    background-color 100ms,
-    font-weight 100ms,
-    transform 100ms;
-}
-
-.btn:is(:hover, :focus, :focus-visible, :focus-within, :active) {
-  box-shadow: none;
-  outline: none;
-  color: var(--text-highlight-color);
-  border-color: var(--background-highlight-color);
-  background-color: var(--background-highlight-color);
-  font-weight: 700;
-  transition:
-    background-color 300ms,
-    font-weight 300ms,
-    transform 300ms;
-}
-
-.btn:is(:focus, :focus-visible, :focus-within) {
-  border-color: var(--special-text-highlight-color);
-  border-style: dotted;
-}
-
-.btn:active {
-  transform: scale(1.1, 1.1);
-}
\ No newline at end of file
diff --git a/public/css/modules/committee.css b/public/css/modules/committee.css
deleted file mode 100644
index 8817fc1..0000000
--- a/public/css/modules/committee.css
+++ /dev/null
@@ -1,9 +0,0 @@
-.committee__member {
-  margin-block-start: var(--margin-block-sm);
-}
-
-.committee__member__img {
-  margin-inline: calc(var(--grid-column-width) + var(--grid-gutter-width));
-  width: calc(var(--grid-gutter-width) + 2 * var(--grid-column-width));
-  border-radius: 50%;
-}
\ No newline at end of file
diff --git a/public/css/modules/committee.md.css b/public/css/modules/committee.md.css
deleted file mode 100644
index 83ca252..0000000
--- a/public/css/modules/committee.md.css
+++ /dev/null
@@ -1,16 +0,0 @@
-.committee__member {
-  display: grid;
-  grid-template-columns: repeat(var(--grid-column-count), var(--grid-column-width));
-  grid-template-rows: 1fr;
-  column-gap: var(--grid-gutter-width);
-}
-
-.committee__member__img {
-  grid-column: 1 / 3;
-  margin-block: auto;
-  margin-inline: 0;
-}
-
-.committee__member__text {
-  grid-column: 3 / calc(3 + var(--grid-prose-column-count) - 2);
-}
\ No newline at end of file
diff --git a/public/css/modules/committee.xl.css b/public/css/modules/committee.xl.css
deleted file mode 100644
index 94d8429..0000000
--- a/public/css/modules/committee.xl.css
+++ /dev/null
@@ -1,15 +0,0 @@
-.committee__member {
-  display: grid;
-  grid-template-columns: repeat(var(--grid-column-count), var(--grid-column-width));
-  grid-template-rows: 1fr;
-  column-gap: var(--grid-gutter-width);
-}
-
-.committee__member__img {
-  grid-column: 1 / 3;
-  margin-block: auto;
-}
-
-.committee__member__text {
-  grid-column: 3 / min(11, calc(var(--grid-column-count) + 1));
-}
\ No newline at end of file
diff --git a/public/css/modules/footer.css b/public/css/modules/footer.css
deleted file mode 100644
index 0d1a896..0000000
--- a/public/css/modules/footer.css
+++ /dev/null
@@ -1,28 +0,0 @@
-footer {
-  display: grid;
-  grid-template-columns: repeat(var(--grid-column-count), var(--grid-column-width));
-  gap: var(--grid-gutter-width);
-  align-items: baseline;
-}
-
-.footer__rss-button__label {
-  /* Hides the label from non-screen-readers */
-  position: absolute;
-  width: 1px;
-  height: 1px;
-  padding: 0;
-  margin: -1px;
-  overflow: hidden;
-  clip: rect(0, 0, 0, 0);
-  white-space: nowrap;
-  border-width: 0;
-}
-
-.footer__rss-button__img {
-  min-width: 44px;
-  width: calc(8 * var(--relative-eighth-rem));
-}
-
-.footer__back-to-top {
-  grid-column: calc(var(--grid-column-count) - 2) / calc(var(--grid-column-count) + 1);
-}
\ No newline at end of file
diff --git a/public/css/modules/index.css b/public/css/modules/index.css
deleted file mode 100644
index d33754f..0000000
--- a/public/css/modules/index.css
+++ /dev/null
@@ -1,16 +0,0 @@
-@import './btn.css';
-@import './link.css';
-@import './news-index.css';
-@import './product.css';
-@import './schedule.css';
-@import './schedule.md.css' (min-width: 48rem);
-@import './link-gallery.css';
-@import './link-gallery.xs.css' (min-width: 16rem);
-@import './nav.css';
-@import './nav.xs.css' (min-width: 16rem);
-@import './nav.md.css' (min-width: 48rem);
-@import './nav.lg.css' (min-width: 64rem);
-@import './skip-to-content.css';
-@import './committee.css';
-@import './committee.md.css' (min-width: 48rem);
-@import './footer.css';
diff --git a/public/css/modules/link-gallery.css b/public/css/modules/link-gallery.css
deleted file mode 100644
index d9f9514..0000000
--- a/public/css/modules/link-gallery.css
+++ /dev/null
@@ -1,41 +0,0 @@
-.link-gallery {
-  display: grid;
-  grid-template-columns: repeat(var(--grid-column-count), var(--grid-column-width));
-  gap: var(--grid-gutter-width);
-  padding-block: var(--margin-block-md);
-  --gallery-item-column-span: 1;
-  --gallery-row-image-height: 12rem;
-  --gallery-row-title-height: fit-content;
-  text-align: center;
-}
-
-.link-gallery li {
-  grid-column: span var(--gallery-item-column-span);
-}
-
-.link-gallery__container {
-  display: grid;
-  grid-template-columns: 1fr;
-  grid-template-rows: var(--gallery-row-image-height) var(--gallery-row-title-height);
-  row-gap: var(--margin-block-sm);
-}
-
-.link-gallery--furthsettins img {
-  box-sizing: border-box;
-  border-radius: 50%;
-  border: solid calc(2 * var(--relative-eighth-rem)) var(--text-color);
-}
-
-.link-gallery img {
-  max-width: 100%;
-  max-height: 100%;
-  margin: auto;
-  height: auto;
-}
-
-.link-gallery__title {
-  width: 100%;
-  height: min-content;
-  text-align: center;
-  margin-inline: var(--spacing-inline-xs);
-}
diff --git a/public/css/modules/link-gallery.xs.css b/public/css/modules/link-gallery.xs.css
deleted file mode 100644
index b2bf86c..0000000
--- a/public/css/modules/link-gallery.xs.css
+++ /dev/null
@@ -1,21 +0,0 @@
-.link-gallery {
-  grid-auto-rows: calc(
-    var(--gallery-row-image-height) +
-    var(--margin-block-sm) +
-    var(--gallery-row-title-height)
-  );
-  --gallery-item-column-span: 2;
-  --gallery-row-title-height: 11ex;
-  text-align: center;
-}
-
-.link-gallery__title {
-  width: 100%;
-  height: 9.9ex;
-  height: 3lh;
-  text-overflow: ellipsis;
-  display: -webkit-box;
-  -webkit-line-clamp: 3;
-  -webkit-box-orient: vertical;
-  overflow: hidden;
-}
diff --git a/public/css/modules/link.css b/public/css/modules/link.css
deleted file mode 100644
index d225e9d..0000000
--- a/public/css/modules/link.css
+++ /dev/null
@@ -1,42 +0,0 @@
-.link {
-  color: var(--special-text-color);
-  text-decoration-line: underline;
-  text-decoration-color: var(--special-text-color);
-  text-decoration-thickness: var(--relative-eighth-rem);
-  text-underline-offset: var(--relative-eighth-rem);
-  border: dotted transparent var(--relative-eighth-rem);
-  border-radius: calc(3 * var(--relative-eighth-rem));
-  transition:
-    color 100ms,
-    text-decoration-color 100ms,
-    text-decoration-thickness 100ms,
-    text-underline-offset 100ms,
-    border-color 100ms,
-    text-shadow 100ms;
-}
-
-.link:is(:hover, :focus, :focus-visible, :focus-within),
-.group-hover:is(:hover, :focus, :focus-visible, :focus-within) .link {
-  text-decoration-color: currentColor;
-  text-decoration-thickness: calc(4 * var(--relative-eighth-rem));
-  text-underline-offset: calc(3 * var(--relative-eighth-rem));
-  text-shadow:
-    0 1px 0 currentColor,
-    1px 0 0 currentColor,
-    1px 0 0 currentColor,
-    0 1px 0 currentColor;
-  transition:
-    color 300ms,
-    text-decoration-color 300ms,
-    text-decoration-thickness 300ms,
-    text-underline-offset 300ms,
-    border-color 300ms,
-    text-shadow 300ms;
-}
-
-.link:focus, .link:focus-visible {
-  box-shadow: none;
-  outline: none;
-  border-color: var(--special-text-color);
-}
-
diff --git a/public/css/modules/nav.css b/public/css/modules/nav.css
deleted file mode 100644
index 44ec5c6..0000000
--- a/public/css/modules/nav.css
+++ /dev/null
@@ -1,77 +0,0 @@
-.nav > :not(:last-child) {
-  margin-block-end: var(--margin-block-sm);
-}
-
-.nav__bottom-row {
-  display: flex;
-  flex-direction: column;
-}
-
-.nav__nav-links {
-  display: grid;
-  grid-template-columns: repeat(var(--grid-column-count), var(--grid-column-width));
-  column-gap: var(--grid-gutter-width);
-}
-
-.nav__nav-links li {
-  margin: 0;
-}
-
-.nav__logo {
-  font-family: var(--font-serif);
-  font-size: var(--font-size-5);
-  font-weight: 700;
-
-  /* This gradient is based on                  *
-   * --color-primary-60 -> --color-secondary-60 *
-   * using Josh W Comeau's gradient generator   */
-  width: fit-content;
-  background-image: linear-gradient(
-    45deg,
-    hsl(248deg 100% 75%) 0%,
-    hsl(227deg 100% 70%) 24%,
-    hsl(211deg 100% 58%) 40%,
-    hsl(205deg 100% 50%) 51%,
-    hsl(202deg 100% 49%) 60%,
-    hsl(200deg 100% 47%) 66%,
-    hsl(197deg 100% 44%) 70%,
-    hsl(194deg 100% 41%) 73%,
-    hsl(190deg 100% 38%) 76%,
-    hsl(186deg 100% 35%) 79%,
-    hsl(181deg 100% 33%) 84%,
-    hsl(177deg 100% 32%) 100%
-  );
-  -webkit-background-clip: text;
-  -webkit-text-fill-color: transparent;
-}
-
-.nav__logo a {
-  text-decoration: none;
-  border: var(--relative-eighth-rem) dotted transparent;
-  transition: border-color 100ms;
-}
-
-.nav__logo a:is(:focus, :focus-visible, :focus-within) {
-  box-shadow: none;
-  outline: none;
-  border-color: var(--special-text-color);
-  transition: border-color 300ms;
-}
-
-.nav__breadcrumbs {
-  display: flex;
-  flex-wrap: wrap;
-}
-
-.nav__breadcrumbs li {
-  list-style-type: none;
-  min-width: max-content;
-}
-
-.nav__breadcrumbs li::before {
-  content: '/'
-}
-
-.nav__switch-language-link {
-  text-align: right;
-}
diff --git a/public/css/modules/nav.lg.css b/public/css/modules/nav.lg.css
deleted file mode 100644
index c47a685..0000000
--- a/public/css/modules/nav.lg.css
+++ /dev/null
@@ -1,15 +0,0 @@
-.nav__bottom-row {
-  flex-direction: row;
-  justify-content: space-between;
-  align-items: baseline;
-  padding-inline: max(10%, calc((100% - var(--max-width-all-content)) / 2));
-  gap: var(--spacing-inline-xs);
-}
-
-.nav__nav-links li:nth-child(4) {
-  grid-column: 8 / 10;
-}
-
-.nav__nav-links li:nth-child(5) {
-  grid-column: 10 / 12;
-}
diff --git a/public/css/modules/nav.md.css b/public/css/modules/nav.md.css
deleted file mode 100644
index c3f4a18..0000000
--- a/public/css/modules/nav.md.css
+++ /dev/null
@@ -1,11 +0,0 @@
-.nav__nav-links li:nth-child(3) {
-  grid-column: 5 / 8;
-}
-
-.nav__nav-links li:nth-child(4) {
-  grid-column: 1 / 3;
-}
-
-.nav__nav-links li:nth-child(5) {
-  grid-column: 3 / 5;
-}
\ No newline at end of file
diff --git a/public/css/modules/nav.xs.css b/public/css/modules/nav.xs.css
deleted file mode 100644
index 708652c..0000000
--- a/public/css/modules/nav.xs.css
+++ /dev/null
@@ -1,19 +0,0 @@
-.nav__nav-links li:nth-child(1) {
-  grid-column: 1 / 3;
-}
-
-.nav__nav-links li:nth-child(2) {
-  grid-column: 3 / 5;
-}
-
-.nav__nav-links li:nth-child(3) {
-  grid-column: 1 / 4;
-}
-
-.nav__nav-links li:nth-child(4) {
-  grid-column: 1 / 3;
-}
-
-.nav__nav-links li:nth-child(5) {
-  grid-column: 3 / 5;
-}
diff --git a/public/css/modules/news-index.css b/public/css/modules/news-index.css
deleted file mode 100644
index 0050f70..0000000
--- a/public/css/modules/news-index.css
+++ /dev/null
@@ -1,31 +0,0 @@
-.news-index__item {
-  display: block;
-  box-sizing: border-box;
-  border: var(--relative-eighth-rem) solid var(--text-color);
-  transition: background 100ms;
-  padding-block: var(--margin-block-md);
-  padding-inline: var(--padding-inline-sm);
-  width: var(--width-prose);
-}
-
-.news-index__item:not(:first-child) {
-  border-top-width: 0;
-}
-
-.news-index__item:is(:hover, :focus, :focus-visible, :focus-within) {
-  outline: none;
-  box-shadow: none;
-  color: var(--text-highlight-color);
-  border-color: var(--background-highlight-color);
-  background: var(--background-highlight-color);
-  transition-duration: 300ms;
-}
-
-.news-index__item:is(:hover, :focus, :focus-visible, :focus-within) .link {
-  color: var(--special-text-highlight-color);
-}
-
-.news-index__item:is(:focus, :focus-visible, :focus-within) {
-  border-color: var(--special-text-highlight-color);
-  border-style: dotted;
-}
\ No newline at end of file
diff --git a/public/css/modules/product.css b/public/css/modules/product.css
deleted file mode 100644
index 32fa37f..0000000
--- a/public/css/modules/product.css
+++ /dev/null
@@ -1,20 +0,0 @@
-.product__header-block {
-  display: flex;
-  flex-wrap: wrap;
-  justify-content: space-evenly;
-  gap: var(--spacing-inline-sm);
-}
-
-.product__action-block {
-  display: flex;
-  flex-direction: column;
-  margin-inline: auto;
-  width: fit-content;
-  gap: var(--margin-block-sm);
-}
-
-.product__action-block img {
-  max-width: 12rem;
-  width: 100%;
-  height: auto;
-}
diff --git a/public/css/modules/schedule.css b/public/css/modules/schedule.css
deleted file mode 100644
index 140767c..0000000
--- a/public/css/modules/schedule.css
+++ /dev/null
@@ -1,13 +0,0 @@
-.schedule:not(:first-child) {
-  margin-block-start: var(--margin-block-sm);
-}
-
-.schedule dt {
-  font-weight: 700;
-  margin-block-start: var(--margin-block-sm);
-  text-align: center;
-}
-
-.schedule dd {
-  text-align: center;
-}
diff --git a/public/css/modules/schedule.md.css b/public/css/modules/schedule.md.css
deleted file mode 100644
index 9ccfb0b..0000000
--- a/public/css/modules/schedule.md.css
+++ /dev/null
@@ -1,16 +0,0 @@
-.schedule {
-  display: grid;
-  grid-template-columns: repeat(var(--grid-column-count), var(--grid-column-width));
-  column-gap: var(--grid-gutter-width);
-}
-
-.schedule dt {
-  grid-column: 1 / 3;
-  margin: 0;
-  text-align: end;
-}
-
-.schedule dd {
-  grid-column: 3 / calc(1 + var(--grid-prose-column-count));
-  text-align: start;
-}
diff --git a/public/css/modules/skip-to-content.css b/public/css/modules/skip-to-content.css
deleted file mode 100644
index a752b29..0000000
--- a/public/css/modules/skip-to-content.css
+++ /dev/null
@@ -1,13 +0,0 @@
-.skip-to-content {
-  position: absolute;
-  left: var(--grid-padding);
-  top: -10rem;
-  opacity: 0;
-  transition: top 300ms, opacity 300ms;
-}
-
-.skip-to-content:is(:focus, :focus-visible, :focus-within) {
-  top: var(--margin-block-md);
-  opacity: 1;
-  transition: top 100ms;
-}
\ No newline at end of file
diff --git a/public/css/utils.css b/public/css/utils.css
deleted file mode 100644
index a05a216..0000000
--- a/public/css/utils.css
+++ /dev/null
@@ -1,7 +0,0 @@
-.italic {
-  font-style: italic;
-}
-
-.font-weight-lighter {
-  font-weight: lighter;
-}
diff --git a/public/css/variables/colours.css b/public/css/variables/colours.css
deleted file mode 100644
index 5c34e42..0000000
--- a/public/css/variables/colours.css
+++ /dev/null
@@ -1,23 +0,0 @@
-@import 'palette.css';
-
-:root {
-  --text-color: var(--color-primary-98);
-  --text-highlight-color: var(--color-primary-10);
-  --background-color: var(--color-primary-10);
-  --background-highlight-color: var(--color-primary-90);
-  --special-text-color: var(--color-secondary-90);
-  --special-text-highlight-color: var(--color-secondary-10);
-}
-
-:is(main, article) {
-  --text-color: var(--color-primary-10);
-  --text-highlight-color: var(--color-primary-90);
-  --background-color: var(--color-primary-98);
-  --background-highlight-color: var(--color-primary-10);
-  --special-text-color: var(--color-secondary-40);
-  --special-text-highlight-color: var(--color-secondary-90);
-}
-
-:is(main, article) > section:nth-child(even):not(:is(section, header) :is(section, header)) {
-    --background-color: var(--color-primary-95);
-}
\ No newline at end of file
diff --git a/public/css/variables/index.css b/public/css/variables/index.css
deleted file mode 100644
index 844ddba..0000000
--- a/public/css/variables/index.css
+++ /dev/null
@@ -1,11 +0,0 @@
-@import 'colours.css';
-@import 'spacing.css';
-@import 'spacing.xs.css' (min-width: 16rem);
-@import 'spacing.sm.css' (min-width: 30rem);
-@import 'spacing.md.css' (min-width: 48rem);
-@import 'spacing.lg.css' (min-width: 64rem);
-@import 'spacing.xl.css' (min-width: 96rem);
-@import 'spacing.xxl.css' (min-width: 120rem);
-@import 'typography.css';
-@import 'typography.xs.css' (min-width: 16rem);
-@import 'typography.md.css' (min-width: 48rem);
diff --git a/public/css/variables/palette.css b/public/css/variables/palette.css
deleted file mode 100644
index f40bb89..0000000
--- a/public/css/variables/palette.css
+++ /dev/null
@@ -1,35 +0,0 @@
-:root {
-  --color-primary-0: #000000;
-  --color-primary-10: #190064;
-  --color-primary-20: #2d009d;
-  --color-primary-25: #381aa8;
-  --color-primary-30: #442bb3;
-  --color-primary-35: #503abf;
-  --color-primary-40: #5c48cc;
-  --color-primary-50: #7663e7;
-  --color-primary-60: #907eff;
-  --color-primary-70: #ac9fff;
-  --color-primary-80: #c8bfff;
-  --color-primary-90: #e5deff;
-  --color-primary-95: #f4eeff;
-  --color-primary-98: #fdf8ff;
-  --color-primary-99: #fffbff;
-  --color-primary-100: #ffffff;
-
-  --color-secondary-0: #000000;
-  --color-secondary-10: #00201e;
-  --color-secondary-20: #003733;
-  --color-secondary-25: #00433f;
-  --color-secondary-30: #00504b;
-  --color-secondary-35: #005d57;
-  --color-secondary-40: #006a64;
-  --color-secondary-50: #00867e;
-  --color-secondary-60: #00a299;
-  --color-secondary-70: #26bfb4;
-  --color-secondary-80: #50dbcf;
-  --color-secondary-90: #71f7ec;
-  --color-secondary-95: #b2fff6;
-  --color-secondary-98: #e4fffb;
-  --color-secondary-99: #f2fffc;
-  --color-secondary-100: #ffffff;
-}
\ No newline at end of file
diff --git a/public/css/variables/spacing.css b/public/css/variables/spacing.css
deleted file mode 100644
index a4d1d91..0000000
--- a/public/css/variables/spacing.css
+++ /dev/null
@@ -1,47 +0,0 @@
-:root {
-  --margin-inline-md: calc(2 * var(--relative-eighth-rem));
-  --margin-block-lg: calc(16 * var(--relative-eighth-rem));
-  --margin-block-md: calc(10 * var(--relative-eighth-rem));
-  --margin-block-sm: calc(5 * var(--relative-eighth-rem));
-
-  --padding-inline-lg: calc(4 * var(--relative-eighth-rem));
-  --padding-inline-md: calc(2 * var(--relative-eighth-rem));
-  --padding-inline-sm: calc(1 * var(--relative-eighth-rem));
-  --padding-block-lg: calc(12 * var(--relative-eighth-rem));
-  --padding-block-md: calc(8 * var(--relative-eighth-rem));
-  --padding-block-sm: calc(5 * var(--relative-eighth-rem));
-
-  --grid-padding: calc(var(--grid-padding-relative-eighth-rem) * var(--relative-eighth-rem));
-  --grid-column-width: calc(var(--grid-column-width-relative-eighth-rem) * var(--relative-eighth-rem));
-  --grid-gutter-width: calc(var(--grid-gutter-width-relative-eighth-rem) * var(--relative-eighth-rem));
-  
-  --grid-total-relative-eighth-rem-width: calc(
-    var(--grid-padding-relative-eighth-rem) * 2 +
-    var(--grid-column-width-relative-eighth-rem) * var(--grid-column-count) + 
-    var(--grid-gutter-width-relative-eighth-rem) * (var(--grid-column-count) - 1)
-  );
-  --relative-eighth-rem: calc(
-    var(--grid-total-width) / var(--grid-total-relative-eighth-rem-width)
-  );
-  --width-prose: calc(
-    var(--grid-column-width) * var(--grid-prose-column-count) +
-    var(--grid-gutter-width) * (var(--grid-prose-column-count) - 1)
-  );
-
-  --grid-column-width-relative-eighth-rem: 32;
-  --grid-gutter-width-relative-eighth-rem: 4;
-
-  /***********************************************************
-   * Generally, we will use columns to keep things laid out  *
-   * nicely. However, on screens narrower than xs, this gets *
-   * pretty much impossible. So for those screens, we use a  *
-   * single-column layout taking up 100vw. In effect, this   *
-   * is just default CSS layout plus a wee bit padding. From *
-   * xs widewards, we use multiple columns on a fixed width. *
-   ***********************************************************/
-
-  --grid-total-width: 100vw;
-  --grid-padding-relative-eighth-rem: 8;
-  --grid-column-count: 1;
-  --grid-prose-column-count: 1;
-}
diff --git a/public/css/variables/spacing.lg.css b/public/css/variables/spacing.lg.css
deleted file mode 100644
index bc18bfd..0000000
--- a/public/css/variables/spacing.lg.css
+++ /dev/null
@@ -1,6 +0,0 @@
-:root {
-  --grid-total-width: 64rem;
-  --grid-padding-relative-eighth-rem: 20;
-  --grid-column-count: 12;
-  --grid-prose-column-count: 8;
-}
\ No newline at end of file
diff --git a/public/css/variables/spacing.md.css b/public/css/variables/spacing.md.css
deleted file mode 100644
index 0028e8a..0000000
--- a/public/css/variables/spacing.md.css
+++ /dev/null
@@ -1,6 +0,0 @@
-:root {
-  --grid-total-width: 48rem;
-  --grid-padding-relative-eighth-rem: 16;
-  --grid-column-count: 8;
-  --grid-prose-column-count: 8;
-}
\ No newline at end of file
diff --git a/public/css/variables/spacing.sm.css b/public/css/variables/spacing.sm.css
deleted file mode 100644
index 7cdf26f..0000000
--- a/public/css/variables/spacing.sm.css
+++ /dev/null
@@ -1,4 +0,0 @@
-:root {
-  --grid-total-width: 30rem;
-  --grid-padding-relative-eighth-rem: 12;
-}
diff --git a/public/css/variables/spacing.xl.css b/public/css/variables/spacing.xl.css
deleted file mode 100644
index fc8b1f3..0000000
--- a/public/css/variables/spacing.xl.css
+++ /dev/null
@@ -1,10 +0,0 @@
-:root {
-  --grid-total-width: 80rem;
-  --grid-padding-relative-eighth-rem: 26;
-  --grid-column-count: 12;
-  --grid-prose-column-count: 8;
-  --width-prose: calc(
-    var(--grid-column-width) * min(8, var(--grid-column-count)) +
-    var(--grid-gutter-width) * min(7, (var(--grid-column-count) - 1))
-  );
-}
\ No newline at end of file
diff --git a/public/css/variables/spacing.xs.css b/public/css/variables/spacing.xs.css
deleted file mode 100644
index fb7c01a..0000000
--- a/public/css/variables/spacing.xs.css
+++ /dev/null
@@ -1,6 +0,0 @@
-:root {
-  --grid-total-width: 15rem;
-  --grid-padding-relative-eighth-rem: 8;
-  --grid-column-count: 4;
-  --grid-prose-column-count: 4;
-}
diff --git a/public/css/variables/spacing.xxl.css b/public/css/variables/spacing.xxl.css
deleted file mode 100644
index 17d2f66..0000000
--- a/public/css/variables/spacing.xxl.css
+++ /dev/null
@@ -1,6 +0,0 @@
-:root {
-  --grid-total-width: 100rem;
-  --grid-padding-relative-eighth-rem: 32;
-  --grid-column-count: 12;
-  --grid-prose-column-count: 8;
-}
\ No newline at end of file
diff --git a/public/css/variables/typography.css b/public/css/variables/typography.css
deleted file mode 100644
index f8515fd..0000000
--- a/public/css/variables/typography.css
+++ /dev/null
@@ -1,42 +0,0 @@
-:root {
-  --font-size-0: calc(8 * var(--relative-eighth-rem));
-  --font-size-1: calc(8 * var(--relative-eighth-rem));
-  --font-size-2: calc(8 * var(--relative-eighth-rem));
-  --font-size-3: calc(8 * var(--relative-eighth-rem));
-  --font-size-4: calc(8 * var(--relative-eighth-rem));
-  --font-size-5: calc(8 * var(--relative-eighth-rem));
-  --font-size-6: calc(8 * var(--relative-eighth-rem));
-
-  --font-serif:
-    Alegreya,
-    -apple-system-ui-serif,
-    Iowan Old Style,
-    Apple Garamond,
-    Baskerville,
-    Sitka, "Sitka Display", "Sitka Heading", "Sitka Text",
-    Times New Roman,
-    Droid Serif,
-    Times,
-    Source Serif Pro,
-    serif,
-    Apple Color Emoji,
-    Segoe UI Emoji,
-    Segoe UI Symbol;
-
-  --font-sans-serif:
-    'Alegreya Sans',
-    Lato,
-    -apple-system,
-    BlinkMacSystemFont,
-    avenir next,
-    avenir,
-    segoe ui,
-    helvetica neue,
-    helvetica,
-    Cantarell,
-    Ubuntu,
-    roboto,
-    noto,
-    arial,
-    sans-serif
-}
\ No newline at end of file
diff --git a/public/css/variables/typography.md.css b/public/css/variables/typography.md.css
deleted file mode 100644
index 2c36d1d..0000000
--- a/public/css/variables/typography.md.css
+++ /dev/null
@@ -1,9 +0,0 @@
-:root {
-  --font-size-0: calc(7 * var(--relative-eighth-rem));
-  --font-size-1: calc(9 * var(--relative-eighth-rem));
-  --font-size-2: calc(12 * var(--relative-eighth-rem));
-  --font-size-3: calc(16 * var(--relative-eighth-rem));
-  --font-size-4: calc(20 * var(--relative-eighth-rem));
-  --font-size-5: calc(26 * var(--relative-eighth-rem));
-  --font-size-6: calc(32 * var(--relative-eighth-rem));
-}
\ No newline at end of file
diff --git a/public/css/variables/typography.xs.css b/public/css/variables/typography.xs.css
deleted file mode 100644
index 6375aad..0000000
--- a/public/css/variables/typography.xs.css
+++ /dev/null
@@ -1,9 +0,0 @@
-:root {
-  --font-size-0: calc(6 * var(--relative-eighth-rem));
-  --font-size-1: calc(8 * var(--relative-eighth-rem));
-  --font-size-2: calc(11 * var(--relative-eighth-rem));
-  --font-size-3: calc(14 * var(--relative-eighth-rem));
-  --font-size-4: calc(18 * var(--relative-eighth-rem));
-  --font-size-5: calc(23 * var(--relative-eighth-rem));
-  --font-size-6: calc(28 * var(--relative-eighth-rem));
-}
\ No newline at end of file