refactor: move website files to the root level

assets/css/base.pcss

@@ -0,0 +1,30 @@
+@layer base {
+  h2 {
+    @apply font-bold
+  }
+
+  blockquote {
+    @apply pl-4 border-l-3 border-blue-primary dark:border-blue-400;
+  }
+
+  code {
+    @apply px-2 py-1 text-sm rounded-md text-grey-700 bg-grey-200 dark:bg-grey-800 dark:text-grey-100;
+  }
+
+  pre {
+    @apply p-4 my-8 overflow-auto rounded-md text-grey-700 bg-grey-200 dark:bg-grey-800 dark:text-grey-100;
+  }
+
+  pre code {
+    @apply bg-transparent;
+  }
+
+  iframe {
+    @apply w-full;
+  }
+
+  a:focus {
+    @apply outline-black dark:outline-white;
+    outline-offset: 2px !important;
+  }
+}

assets/css/components.pcss

@@ -0,0 +1,74 @@
+@layer components {
+  .link {
+    @apply inline-block underline text-blue-primary hover:text-blue-900 dark:text-blue-400 dark:hover:text-white;
+    text-decoration-thickness: 1px;
+    text-underline-offset: 0.1em;
+  }
+
+  .markdown {
+    > * + * {
+      @apply mt-4;
+    }
+
+    > *:first-child {
+      @apply mt-0;
+    }
+
+    h2 + * {
+      @apply mt-2;
+    }
+
+    h2 {
+      @apply mt-6;
+    }
+
+    h3 {
+      @apply mt-8 font-bold;
+    }
+
+    h2 + h3 {
+      @apply mt-2
+    }
+
+    blockquote {
+      @apply my-8;
+    }
+
+    ol {
+      @apply pl-6 list-decimal;
+    }
+
+    ul {
+      @apply pl-6 list-disc;
+    }
+
+    li {
+      @apply mt-1 first:mt-0;
+    }
+
+    a {
+      @apply link;
+    }
+
+    pre {
+      @apply my-8;
+    }
+
+    pre code {
+      @apply block;
+    }
+
+    .media--type-image {
+      @apply my-8;
+    }
+
+    .speakerdeck-embed-wrapper,
+    .video-full {
+      @apply my-8 aspect-w-4 aspect-h-3;
+    }
+  }
+
+  .visually-hidden {
+    @apply sr-only;
+  }
+}

assets/css/tailwind.pcss

@@ -0,0 +1,7 @@
+@import 'tailwindcss/base';
+@import 'tailwindcss/components';
+@import 'tailwindcss/utilities';
+
+@import './base.pcss';
+@import './components.pcss';
+@import './utilities.pcss';

assets/css/utilities.pcss

@@ -0,0 +1,15 @@
+@layer utilities {
+  @variants dark {
+    .text-decoration-blue-400 {
+      text-decoration-color: theme('colors.blue.400');
+    }
+
+    .text-decoration-blue-primary {
+      text-decoration-color: theme('colors.blue.800');
+    }
+
+    .text-decoration-white {
+      text-decoration-color: theme('colors.white');
+    }
+  }
+}