added processing of picture macro

build.js

@@ -1,34 +1,43 @@
 const fs = require('fs');
-// const path = require('path');
 const readline = require('readline')
 
 const files = ["src/index.html",
-	       "src/projects/2016-XXXX.html",
+			   "src/about.html",
-	       "src/projects/2023-Pepperstone.html"]; // this list should be generated.
+			   "src/projects/2016-XXXX.html",
+			   "src/projects/2023-Pepperstone.html"]; // this list should be generated.
 
 files.forEach( file => {
     var file_buffer = "";
 
     const rl = readline.createInterface({
-	input: fs.createReadStream(file),
+		input: fs.createReadStream(file),
-	output: process.stdout,
+		output: process.stdout,
-	terminal: false
+		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);
+		const match_include = line.match(re_include);
-	if (match) {
+		const match_picture = line.match(re_picture);
-	    file_buffer += fs.readFileSync(match[1], 'utf8');
+		if (match_include) {
-	} else {
+			line = line.replace(re_include, fs.readFileSync(match_include[1], 'utf8'));
-            file_buffer += line + "\n";
+		}
-	}
+		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', () => {
-	ensureDirectoryExists('build/' + file.split('/').slice(1).join('/')); // all this quatch is to remove the /src/.
+		ensureDirectoryExists('build/' + file.split('/').slice(1).join('/')); // all this quatch is to remove the /src/.
-	fs.writeFileSync('build/' + file.split('/').slice(1).join('/'), file_buffer, 'utf8');
+		fs.writeFileSync('build/' + file.split('/').slice(1).join('/'), file_buffer, 'utf8');
     });
 });
 
@@ -40,7 +49,7 @@ fs.cp('./src/styles','./build/styles', { recursive: true }, (err) => {
 function ensureDirectoryExists(filePath) {
     var dirname = filePath.split('/').slice(0,-1).join('/');
     if (fs.existsSync(dirname)) {
-	return true;
+		return true;
     }
     ensureDirectoryExists(dirname);
     fs.mkdirSync(dirname);

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' %}