QOL improvements.

brandonschlack · Feb 14, 2021 · e4b48a6 · e4b48a6
1 parent df7c118
commit e4b48a6
Show file tree

Hide file tree

Showing 12 changed files with 37 additions and 23 deletions.
diff --git a/.eleventy.js b/.eleventy.js
@@ -1,5 +1,5 @@
 module.exports = (config) => {
-  config.addPassthroughCopy({ 'src/assets': 'assets' })
+  config.addPassthroughCopy({ 'public': './' })
   config.setBrowserSyncConfig({
     files: ['dist/**/*'],
     open: true,

diff --git a/src/assets/.gitkeep → public/.gitkeep b/src/assets/.gitkeep → public/.gitkeep
diff --git a/src/_bundle/main.pcss b/src/_bundle/main.pcss
@@ -1,3 +1,8 @@
 @import "tailwindcss/base";
+@import "./styles/base.pcss";
+
 @import "tailwindcss/components";
+@import "./styles/components.pcss";
+
 @import "tailwindcss/utilities";
+@import "./styles/utilities.pcss";
diff --git a/src/_bundle/styles/base.pcss b/src/_bundle/styles/base.pcss
@@ -0,0 +1 @@
+/* Custom Base Styles Go Here. */
diff --git a/src/_bundle/styles/components.pcss b/src/_bundle/styles/components.pcss
@@ -0,0 +1 @@
+/* Custom Components Go Here. */
diff --git a/src/_bundle/styles/utilities.pcss b/src/_bundle/styles/utilities.pcss
@@ -0,0 +1 @@
+/* Custom Utilities Go Here. */
diff --git a/src/_data/navigation.js b/src/_data/navigation.js
@@ -0,0 +1,4 @@
+module.exports = [
+  { name: 'Home', route: '/' },
+  { name: 'About', route: '/about/' },
+]
diff --git a/src/_includes/header.njk b/src/_includes/header.njk
@@ -1,17 +1,12 @@
 <nav class="bg-gray-100">
   <div class="container py-4 space-x-2">
-    <a
-      class="{{ 'font-black' if page.url == '/' }}"
-      href="/"
-    >
-      Home
-    </a>
-    <a
-      class="{{ 'font-black' if page.url == '/about/' }}"
-      href="/about"
-    >
-      About
-    </a>
-
+    {% for item in navigation %}
+      <a
+        class="{{ 'font-black' if page.url == item.route }}"
+        href="{{ item.route }}"
+      >
+        {{ item.name }}
+      </a>
+    {% endfor %}
   </div>
 </nav>
diff --git a/src/_includes/layout.njk b/src/_includes/layout.njk
@@ -10,6 +10,10 @@
 </head>
 <body class="{{ 'debug-screens' if env.devMode }}">
   {% include 'header.njk' %}
-  {% block body %}{% endblock %}
+  {% block body %}
+    <div class="container py-8">
+      {{ content | safe }}
+    </div>
+  {% endblock %}
 </body>
 </html>
diff --git a/src/about.md b/src/about.md
@@ -0,0 +1,9 @@
+---
+title: About
+layout: layout.njk
+---
+
+<!-- This page is written in markdown! -->
+
+# This is the {{ title }} page.
+
diff --git a/src/about.njk b/src/about.njk
diff --git a/src/index.njk b/src/index.njk
@@ -1,3 +1,5 @@
+{# This page is built with nunjucks! #}
+
 {% set title = 'Home' %}
 {% extends "layout.njk" %}