Add static assets and update build scripts (#8)

* Add static assets and update build scripts

* Add logo to header and revamp header styling

Author: scotttrinh

.github/workflows/gh-pages.yml

@@ -28,7 +28,7 @@ jobs:
             ${{ runner.os }}-node-
 
       - run: npm ci
-      - run: npm run build
+      - run: npm run prod
 
       - name: Deploy
         uses: peaceiris/actions-gh-pages@v3

package.json

@@ -5,8 +5,10 @@
   "main": "index.js",
   "scripts": {
     "clean": "rm -rf docs && mkdir -p docs/styles",
-    "dev": "npm run clean && postcss src/styles/global.css > docs/styles/global.css && eleventy --serve",
-    "build": "npm run clean && NODE_ENV=production postcss src/styles/global.css > docs/styles/global.css && eleventy",
+    "static": "cp -r static docs",
+    "build": "npm run clean && npm run static && postcss src/styles/global.css > docs/styles/global.css",
+    "dev": "npm run build && eleventy --serve",
+    "prod": "NODE_ENV=production npm run build && eleventy",
     "format": "prettier --write src ./*.js ./.*.js"
   },
   "keywords": [],

src/index.md

@@ -3,8 +3,9 @@ layout: base.html
 title: The KDL Document Language
 ---
 
-<header class="py-10 bg-gray-300">
-  <h1 class="text-4xl text-center">The KDL Document Language</h1>
+<header class="pt-20 pb-10 px-4">
+  <img src="./static/logo.svg" class="mx-auto h-20">
+  <h1 class="text-2xl text-center">The KDL Document Language</h1>
 </header>
 
 {% include partials/description.md %}