Re-structure project

References #34

assets/css/app.pcss

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

assets/css/custom-components.pcss

@@ -0,0 +1,17 @@
+#main a {
+  @apply text-blue-300 no-underline border-b border-blue-100 border-dotted;
+
+  &:hover,
+  &:focus {
+    @apply text-blue-100 border-solid
+  }
+}
+
+#footer a {
+  @apply text-white no-underline border-b border-dotted border-white;
+
+  &:hover,
+  &:focus {
+    @apply border-none
+  }
+}

assets/css/custom-utilities.pcss

@@ -0,0 +1,4 @@
+.skip-link:focus {
+  left: 50%;
+  transform: translateX(-50%)
+}

assets/js/app.js

@@ -0,0 +1,2 @@
+import 'alpinejs'
+import '../css/app.pcss'