docs: add package.json file to watch for changes in docs website

Signed-off-by: Radu Matei <radu.matei@fermyon.com>

.gitignore

@@ -1,3 +1,5 @@
 target
 .husky
-cache
+cache
+node_modules
+ignored-assets

docs/README.md

@@ -4,5 +4,6 @@ First, build Spin based on the
 [contributing guide](./content/docs/contributing.md).
 
 ```
-$ RUST_LOG=spin=trace spin up --file spin.toml
+$ npm install
+$ npm run spin
 ```

docs/content/docs/intro.md

@@ -1,10 +1,3 @@
-title = "Spin"
-description = "Introducing Spin"
-
-[extra]
-date = "March 8, 2022"
----
-
 # Introducing Spin
 
 Spin is an open source framework for building and running fast, secure, and

docs/package.json

@@ -0,0 +1,35 @@
+{
+  "name": "spin-docs",
+  "version": "0.1.0",
+  "homepage": "https://github.com/fermyon/spin",
+  "author": {
+    "name": "Fermyon Engineering",
+    "email": "engineering@fermyon.com",
+    "url": "https://fermyon.com"
+  },
+  "description": "Documentation website for Spin",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/fermyon/spin.git"
+  },
+  "license": "Apache-2.0",
+  "keywords": [
+    "fermyon",
+    "styleguide",
+    "sass",
+    "design",
+    "responsive"
+  ],
+  "bugs": {
+    "url": "https://github.com/fermyon/spin/issues"
+  },
+  "devDependencies": {
+    "@parcel/transformer-sass": "2.3.2",
+    "nodemon": "^2.0.15",
+    "parcel": "^2.3.2",
+    "sass": "^1.49.9"
+  },
+  "scripts": {
+    "spin": "nodemon --watch content --watch static --watch templates --ext md,rhai,hbs,css --verbose --legacy-watch --exec 'RUST_LOG=spin=trace spin up --file spin.toml'"
+  }
+}

docs/templates/content_top.hbs

@@ -11,6 +11,7 @@
     <!-- Twitter Bootstrap -->
     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.0/dist/css/bootstrap.min.css" rel="stylesheet"
         integrity="sha384-KyZXEAg3QhqLMpG8r+8fhAXLRk2vvoC2f3B09zVXn8CA5QIVfZOJ3BCsw2P0p/We" crossorigin="anonymous">
+    <link href="https://fonts.googleapis.com/css2?family=Sen:wght@400;700&amp;display=swap" rel="stylesheet" />
     <!-- JavaScript Bundle with Popper -->
     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.0/dist/js/bootstrap.bundle.min.js"
         integrity="sha384-U1DAWAznBHeqEIlVSCgzq+c9gqGAJn5c/t99JyeKa9xxaYpSvHU5awsuZVVFIhvj"
@@ -37,4 +38,4 @@
     <div class="container" id="main-container">
         {{> navbar }}
         <main>
-            <div class="row">
+            <div class="row">