added meta data to page template

package.json

@@ -4,14 +4,14 @@
   "private": true,
   "description": "Theming tool pack for Fipamo",
   "repository": "https://code.playvicio.us/Are0h/Fipamo",
-  
-  "scripts":{
+  "scripts": {
     "dev": "stylus -w -m -o src/front/assets/css src/styles/base.styl & parcel watch src/com/Start.mjs --out-dir src/front/assets/scripts --out-file start.min.js & parcel src/front/*.pug"
-},
-"engines": {
+  },
+  "engines": {
     "node": ">=10.16.0"
-},
+  },
   "devDependencies": {
+    "parcel": "^1.12.4",
     "pug": "^2.0.4",
     "stylus": "^0.54.7"
   }

pug.config.js

@@ -13,6 +13,18 @@ module.exports = {
 			"The path of the <a href='#'>righteous</a> man is beset on ALL sides by the iniquities of the selfish and the tyranny of evil men. Blessed is he who, in the name of charity and good will, shepherds the weak through the valley of darkness, for he is truly his brother's keeper and the finder of lost children. And I will strike down upon thee with great vengeance and furious anger those who would attempt to poison and destroy My brothers. And you will know My name is the Lord when I lay My vengeance upon thee.",
 		bucket: [{ item: 'one' }, { item: 'two' }, { item: 'three' }],
 		tag_list: [{ title: 'Swaggy Disgust', slug: 'swaggy-disgust', path: '2020/06' }],
+		meta: {
+			who: 'Are0h',
+			when: '6 hours ago',
+			tags: [
+				{ label: 'star trek discovery', slug: 'star-trek-discovery' },
+				{ label: ' sonequa martin-green', slug: 'sonequa-martin-green' },
+				{ label: ' faves', slug: 'faves' },
+				{ label: ' damn', slug: 'damn' },
+				{ label: ' sci-fi', slug: 'sci-fi' },
+				{ label: ' tv', slug: 'tv' }
+			]
+		},
 		menu: [
 			{
 				title: 'This is the first page',

src/front/assets/css/base.css

@@ -341,6 +341,14 @@ header::before {
   font-size: 1.5em;
   line-height: 1.3;
 }
+.container article .index label .meta label,
+.container article .page label .meta label {
+  font-size: 0.8em;
+}
+.container article .index label .meta a,
+.container article .page label .meta a {
+  font-size: 0.8em;
+}
 .container section {
   color: #d5cfba;
 }

src/front/assets/scripts/start.min.js

@@ -131,9 +131,7 @@ function _defineProperties(target, props) { for (var i = 0; i < props.length; i+
 
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
 
-var Base =
-/*#__PURE__*/
-function () {
+var Base = /*#__PURE__*/function () {
   //--------------------------
   // constructor
   //--------------------------
@@ -170,7 +168,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 document.addEventListener('DOMContentLoaded', function () {
   var base = new _Base.default();
 }, false);
-},{"./Base.mjs":"Base.mjs"}],"../../../../../.nvm/versions/node/v10.16.3/lib/node_modules/parcel/src/builtins/hmr-runtime.js":[function(require,module,exports) {
+},{"./Base.mjs":"Base.mjs"}],"../../node_modules/parcel/src/builtins/hmr-runtime.js":[function(require,module,exports) {
 var global = arguments[3];
 var OVERLAY_ID = '__parcel__error__overlay__';
 var OldModule = module.bundle.Module;
@@ -198,7 +196,7 @@ var parent = module.bundle.parent;
 if ((!parent || !parent.isParcelRequire) && typeof WebSocket !== 'undefined') {
   var hostname = "" || location.hostname;
   var protocol = location.protocol === 'https:' ? 'wss' : 'ws';
-  var ws = new WebSocket(protocol + '://' + hostname + ':' + "55628" + '/');
+  var ws = new WebSocket(protocol + '://' + hostname + ':' + "55663" + '/');
 
   ws.onmessage = function (event) {
     checkedAssets = {};
@@ -229,8 +227,9 @@ if ((!parent || !parent.isParcelRequire) && typeof WebSocket !== 'undefined') {
         assetsToAccept.forEach(function (v) {
           hmrAcceptRun(v[0], v[1]);
         });
-      } else {
-        window.location.reload();
+      } else if (location.reload) {
+        // `location` global exists in a web worker context but lacks `.reload()` function.
+        location.reload();
       }
     }
 
@@ -373,5 +372,5 @@ function hmrAcceptRun(bundle, id) {
     return true;
   }
 }
-},{}]},{},["../../../../../.nvm/versions/node/v10.16.3/lib/node_modules/parcel/src/builtins/hmr-runtime.js","Start.mjs"], null)
+},{}]},{},["../../node_modules/parcel/src/builtins/hmr-runtime.js","Start.mjs"], null)
 //# sourceMappingURL=/start.min.js.map

src/front/page.pug

@@ -5,6 +5,19 @@ block main-content
       article
         .page
           p !{content}
+          .meta
+            | !{meta.who}
+            
+            | dropped this 
+            
+            | !{meta.when}
+            br
+
+            | tags: 
+            - var i = 0;
+            - for (i; i < meta.tags.length; i++)
+              - var tag = meta.tags[i]
+                a(href="/tags/"+tag.slug)= tag.label
 
   footer
      | © 2020 Fipamo by PV 

src/front/theme.json

@@ -1,6 +1,6 @@
 {
-    "name": "default-light",
-    "display-name":"Fipamo Oh Won Light",
+    "name": "default-dark",
+    "display-name": "Fipamo Oh Won dark",
     "author": "Are0h",
     "description": "The most dangerous default theme in the known universe.",
     "version": "1.0.0"

src/styles/_structure.styl

@@ -103,6 +103,11 @@ header::before
           color $white
           font-size 1.5em
           line-height 1.3
+          .meta
+            label
+              font-size: 0.8em
+            a
+              font-size: 0.8em
         
           
     section