feat: layout

README.md

@@ -1,14 +1,16 @@
 ---
+layout: layouts/base.njk
 permalink: /
 ---
 
-# task
-
-Run any project.
+<hgroup>
+  <h1>task</h1>
+  <p>Run any project.</p>
+</hgroup>
 
 The task file is a simple bash script to install, configure and run a software project.
 
-## Spec
+## Specification
 
 The specification is a short tutorial to setup a task file for a python project.
 

_includes/layouts/base.njk

@@ -0,0 +1,34 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="color-scheme" content="light dark">
+    <link
+      rel="stylesheet"
+      href="https://cdn.jsdelivr.net/npm/@picocss/pico@2/css/pico.min.css"
+    >
+    <link
+			href="https://unpkg.com/prismjs@1.20.0/themes/prism-okaidia.css"
+			rel="stylesheet"
+		/>
+    <title>
+      {{ renderData.title or title or metadata.title}}
+    </title>
+  </head>
+  <body>
+    <main class="container">
+<nav>
+  <ul>
+    <li><strong><a href="/">taskfile.build</a></strong></li>
+  </ul>
+  <ul>
+    <li><a href="#specification">Specification</a></li>
+    <li><a href="#usage">Usage</a></li>
+    <li><a href="#examples">Examples</a></li>
+  </ul>
+</nav>
+      {{ content | safe }}
+    </main>
+  </body>
+</html>

eleventy.config.js

@@ -0,0 +1,7 @@
+module.exports = async function (eleventyConfig) {
+	const { IdAttributePlugin } = await import("@11ty/eleventy");
+	const syntaxHighlight = require("@11ty/eleventy-plugin-syntaxhighlight");
+
+	eleventyConfig.addPlugin(IdAttributePlugin);
+	eleventyConfig.addPlugin(syntaxHighlight);
+}

package-lock.json

@@ -9,7 +9,8 @@
       "version": "1.0.0",
       "license": "ISC",
       "dependencies": {
-        "@11ty/eleventy": "^3.0.0"
+        "@11ty/eleventy": "^3.0.0",
+        "@11ty/eleventy-plugin-syntaxhighlight": "^5.0.0"
       }
     },
     "node_modules/@11ty/dependency-tree": {
@@ -150,6 +151,19 @@
         "url": "https://opencollective.com/11ty"
       }
     },
+    "node_modules/@11ty/eleventy-plugin-syntaxhighlight": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/@11ty/eleventy-plugin-syntaxhighlight/-/eleventy-plugin-syntaxhighlight-5.0.0.tgz",
+      "integrity": "sha512-y9BUmP1GofmbJgxM1+ky/UpFCpD8JSOeLeKItUs0WApgnrHk9haHziW7lS86lbArX5SiCVo4zTTw9x53gvRCaA==",
+      "license": "MIT",
+      "dependencies": {
+        "prismjs": "^1.29.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/11ty"
+      }
+    },
     "node_modules/@11ty/eleventy-utils": {
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/@11ty/eleventy-utils/-/eleventy-utils-1.0.3.tgz",
@@ -1912,6 +1926,15 @@
         "node": ">=12"
       }
     },
+    "node_modules/prismjs": {
+      "version": "1.29.0",
+      "resolved": "https://registry.npmjs.org/prismjs/-/prismjs-1.29.0.tgz",
+      "integrity": "sha512-Kx/1w86q/epKcmte75LNrEoT+lX8pBpavuAbvJWRXar7Hz8jrtF+e3vY751p0R8H9HdArwaCTNDDzHg/ScJK1Q==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
     "node_modules/promise": {
       "version": "7.3.1",
       "resolved": "https://registry.npmjs.org/promise/-/promise-7.3.1.tgz",

package.json

@@ -18,6 +18,7 @@
   },
   "homepage": "https://github.com/janikvonrotz/taskfile.build#readme",
   "dependencies": {
-    "@11ty/eleventy": "^3.0.0"
+    "@11ty/eleventy": "^3.0.0",
+    "@11ty/eleventy-plugin-syntaxhighlight": "^5.0.0"
   }
 }