added processing of picture macro

build.js

@@ -1,8 +1,8 @@
 const fs = require('fs');
-// const path = require('path');
 const readline = require('readline')
 
 const files = ["src/index.html",
+			   "src/about.html",
 			   "src/projects/2016-XXXX.html",
 			   "src/projects/2023-Pepperstone.html"]; // this list should be generated.
 
@@ -15,15 +15,24 @@ files.forEach( file => {
 		terminal: false
     });
 
-    const re = new RegExp('{% include \'*(.*)\' %}');
+    const re_include = new RegExp('{% include \'*(.*)\' %}');
+    const re_picture = new RegExp('{% picture \'*(.*)\' %}');
 
     rl.on('line', line => {
-	const match = line.match(re);
-	if (match) {
-	    file_buffer += fs.readFileSync(match[1], 'utf8');
-	} else {
-            file_buffer += line + "\n";
+		const match_include = line.match(re_include);
+		const match_picture = line.match(re_picture);
+		if (match_include) {
+			line = line.replace(re_include, fs.readFileSync(match_include[1], 'utf8'));
 		}
+		if (match_picture) {
+			const picture_src = match_picture[1].split('/').slice(1).join('/');
+			ensureDirectoryExists('build/' + picture_src);
+			fs.cp(match_picture[1], 'build/' + picture_src, { recursive: false }, (err) => {
+				if (err) throw err;
+			});
+			line = line.replace(re_picture, "<img src=\'/" + picture_src + "\' \>");
+		}
+		file_buffer += line;
     });
     
     rl.on('close', () => {

src/about.html

@@ -0,0 +1,13 @@
+{% include 'src/components/head.html' %}
+{% include 'src/components/header.html' %}
+<main>
+  <div>
+	{% picture 'src/images/JHN_Head_200131_v03.png' %}
+  </div>
+  <div>
+	<h2>I’m Jordan Hanrahan — a&nbspMelbourne based art director and multi−disciplinary designer.</h2>
+	<p>My specialties lie between the fields of communication, digital and motion design, all of which I am deeply passionate about.</p>
+	<p>I graduated from Swinburne University of Technology, BA. Design, Multimedia Design in 2014, and have since worked in agencies and as a freelancer all across the Asia Pacific region.</p>
+  </div>
+</main>
+{% include 'src/components/footer.html' %}