diff --git a/build.js b/build.js
index e4b4d20..099299f 100644
--- a/build.js
+++ b/build.js
@@ -3,12 +3,10 @@ const fs = require('fs');
 const readline = require('readline')
 
 const files = ["src/index.html",
-	       "src/projects/2016-XXXX.html"];
+	       "src/projects/2016-XXXX.html",
+	       "src/projects/2023-Pepperstone.html"]; // this list should be generated.
 
 files.forEach( file => {
-//    console.log(file + "...");
-//    console.log(file.split('/').slice(1).join('/') + "\n"); //remove /src
-
     var file_buffer = "";
 
     const rl = readline.createInterface({
@@ -29,17 +27,11 @@ files.forEach( file => {
     });
     
     rl.on('close', () => {
-	//fs.mkdirSync('build/' + file.split('/').slice(1,-1).join('/')); // create dirs
-	ensureDirectoryExists('build/' + file.split('/').slice(1).join('/'));
+	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.cp('./src/projects','./build/projects', { recursive: true }, (err) => {
-//  	if (err) throw err;
-// });
-
 fs.cp('./src/styles','./build/styles', { recursive: true }, (err) => {
  	if (err) throw err;
 });
diff --git a/src/index.html b/src/index.html
index acc3f3d..896fcab 100644
--- a/src/index.html
+++ b/src/index.html
@@ -5,7 +5,8 @@
 	<div class="projects">
 	  <h1>Projects</h1>
 	  <ul>
-		<li><a href="projects/2016-XXXX.html">XX XX</a></li>
+	    <li><a href="projects/2016-XXXX.html">XX XX</a></li>
+ 	    <li><a href="projects/2023-Pepperstone.html">Pepperstone</a></li>
 	  </ul>
 	</div>
 	</main>
diff --git a/src/projects/2023-Pepperstone.html b/src/projects/2023-Pepperstone.html
new file mode 100644
index 0000000..0533a36
--- /dev/null
+++ b/src/projects/2023-Pepperstone.html
@@ -0,0 +1,6 @@
+{% include 'src/components/head.html' %}
+{% include 'src/components/header.html' %}
+<main>
+  <h1>Pepperstone</h1>
+</main>
+{% include 'src/components/footer.html' %}