Merge http4k

css/package.json

@@ -0,0 +1,15 @@
+{
+    "name": "css",
+    "version": "1.0.0",
+    "scripts": {
+        "css": "NODE_ENV=dev MANIFEST=../app/src/main/resources/css-manifest.json postcss build styles.css --output ../app/src/main/resources/static/styles.css",
+        "css-purge": "NODE_ENV=production  MANIFEST=../app/src/main/resources/css-manifest.json postcss build styles.css --output ../app/src/main/resources/static/styles.css"
+    },
+    "dependencies": {
+        "autoprefixer": "^9.8.6",
+        "cssnano": "^4.1.10",
+        "postcss-cli": "^7.1.1",
+        "postcss-hash": "^2.0.0",
+        "tailwindcss": "^1.5.1"
+    }
+}

css/postcss.config.js

@@ -0,0 +1,18 @@
+module.exports = {
+    plugins: [
+        require('tailwindcss'),
+        require('autoprefixer'),
+        require('cssnano')({
+            preset: ['default', {
+                discardComments: {
+                    removeAll: true,
+                },
+            }]
+        }),
+        require('postcss-hash')({
+            algorithm: 'sha256',
+            trim: 20,
+            manifest: process.env.MANIFEST
+        }),
+    ]
+}

css/styles.css

@@ -10,15 +10,54 @@
     min-height: calc(100vh - 64px);
 }
 
+.tag {
+    @apply italic font-semibold text-sm bg-teal-500 text-gray-900 rounded-full py-1 px-2 align-middle;
+}
+
+nav.pages {
+    @apply flex pl-0 list-none rounded my-2 flex justify-center;
+}
+
+nav.pages :first-child {
+    @apply rounded-l;
+}
+
+nav.pages :last-child {
+    @apply rounded-r;
+}
+
+nav.pages :not(:last-child) {
+    @apply border-r-0;
+}
+
+nav.pages a {
+    @apply relative block py-2 px-3 leading-tight border bg-gray-800 border-gray-700 text-teal-300;
+}
+
+nav.pages a:hover {
+    @apply bg-gray-700;
+}
+
+nav.pages a.active {
+    @apply bg-teal-800 border-gray-700 text-white;
+}
+
+nav.pages a.active:hover {
+    @apply bg-gray-700;
+}
+
 #note a {
-    @apply text-blue-700 underline; }
+    @apply text-blue-700 underline;
+}
 
 #note p {
-    @apply my-4; }
+    @apply my-4;
+}
 
 #note blockquote,
 #note figure {
-    @apply my-4 mx-10; }
+    @apply my-4 mx-10;
+}
 
 #note hr {
     @apply border; }

css/tailwind.config.js

@@ -0,0 +1,12 @@
+module.exports = {
+    purge: {
+        content: [
+            '../app/src/main/kotlin/views/**/*.kt'
+        ]
+    },
+    theme: {
+        extend: {},
+    },
+    variants: {},
+    plugins: [],
+}