From 9d09d256d9c9440b6410ac3ba8f0330a67350a58 Mon Sep 17 00:00:00 2001
From: Daniel Tomlinson <dtomlinson@panaetius.co.uk>
Date: Fri, 22 May 2020 01:26:01 +0100
Subject: [PATCH] Updating documentation

---
 blog/themes/.DS_Store     | Bin 6148 -> 8196 bytes
 blog/webpack-structure.md |  46 +++++++++++++++++++++++++++++++++++++-
 tasks.todo                |   5 +++--
 3 files changed, 48 insertions(+), 3 deletions(-)

diff --git a/blog/themes/.DS_Store b/blog/themes/.DS_Store
index f9bd41c806841e1622c3f70f0f3eae8b7e72cf68..46c97ad860b7cb88c7460b5544ccecbd8336d3f5 100644
GIT binary patch
delta 312
zcmZoMXmOBWU|?W$DortDU;r^WfEYvza8E20o2aKK$_bJO@);Pi87dic8A=#37*aP2
za)_~PR^aGmUd+zHF|mO~7Nm@aAsHxH%8-Ywlp&WPb#ezwz-9-QMa;Tl3<V5{Km~~m
zsX&u5fr^WPX5!W+pUIC^2iO%Lqdjx-laq4tlR!=e;*~(G@gEF;ECvPwy32x#@^bR?
u(t#=&H=pORXXcXN2C`j2{s;Q;JM(0I5zoo~JRBUrAOHmo!{&INIm`f|lt2Ff

delta 127
zcmZp1XfcprU|?W$DortDU=RQ@Ie-{Mvv5r;6q~50D9Q?w2aD-4lrUs4q%!0(q;4!+
z&dkU<xktccbA`Yn=7}Y$i`h9i1et+qfk1#8NVtN`*jV_Tc{0C@C&)wwCWz@E3mG=Y
I^UPre00Y4k1ONa4

diff --git a/blog/webpack-structure.md b/blog/webpack-structure.md
index e223496..5c8d3da 100644
--- a/blog/webpack-structure.md
+++ b/blog/webpack-structure.md
@@ -4,4 +4,48 @@ Following this tutorial: <https://www.sitepoint.com/bundle-static-site-webpack/>
 
 ## Initialise project
 
-Run `npm i webpack --save-dev` to install webpack locally and add it as a dev dependency to your `package.json`.
+Initialise a git repo for your project and clone it down.
+
+Create an empty `package.json` file:
+
+```json
+{}
+```
+
+Run `yarn add --dev webpack webpack-cli` to install webpack locally and add it as a dev dependency to your `package.json`.
+
+You should add `main`, `license` and `scripts` to the `package.json` object. At this point your `package.json` should look like:
+
+```json
+{
+  "main": "webpack.config.js",
+  "license": "MIT",
+  "scripts": {
+    "build": "webpack --config webpack.prod.js",
+    "watch": "webpack --watch --progress --colors --config webpack.dev.js"
+  },
+  "dependencies": {},
+  "devDependencies": {
+    "webpack": "^4.43.0",
+    "webpack-cli": "^3.3.11"
+  }
+}
+```
+
+You should create the file structure for your project.
+
+TODO: Link to the webpack-filestructure note in Trilium.
+
+We will create `./src/js` and `./src/scss` folders. We create a `./dist` folder for webpacks output and we create a `./static` folder for anything that needs to be outside the bundle.
+
+Inside `./src/js` we will create an `App.js`. Inside `./src` we will create a `main.js`.
+
+At this point your `./src` directory should look like:
+
+```text
+./src
+├── js
+│  └── App.js
+├── main.js
+└── scss
+```
diff --git a/tasks.todo b/tasks.todo
index a9a9444..f01a23a 100644
--- a/tasks.todo
+++ b/tasks.todo
@@ -109,6 +109,7 @@ Tasks:
     ☐ Look at the chunky themes webpack.prod.js - document all the extra modules being used.
     ☐ Add the lunr index build to the webpack bundle.
     ☐ Include lunr in the bundle + any other modules needed for search.
+    ☐ Use webpack to fill a html partial for the baseof.html file (see the notes).
 
   Tutorials:
     ☐ https://www.integralist.co.uk/posts/python-asyncio/
@@ -119,5 +120,5 @@ Tasks:
     ☐ Create new theme entirely, using a fresh webpack configuration.
     ☐ Move the AOS from the partials css and js into a webpack configuration.
 
-  Webpack:
-    ☐ Use webpack to fill a html partial for the baseof.html file (see the notes).
+  CSS:
+    ☐ Document using a fullscreen wallpaper (front-background in _variables.scss)