diff --git a/.gitattributes b/.gitattributes
new file mode 100644
index 0000000..9cead7e
--- /dev/null
+++ b/.gitattributes
@@ -0,0 +1,4 @@
+*.PNG filter=lfs diff=lfs merge=lfs -text
+*.png filter=lfs diff=lfs merge=lfs -text
+*.jpg filter=lfs diff=lfs merge=lfs -text
+*.JPG filter=lfs diff=lfs merge=lfs -text
diff --git a/content/img/RB-w.png b/content/img/RB-w.png
index e6fd6fb..114796e 100644
Binary files a/content/img/RB-w.png and b/content/img/RB-w.png differ
diff --git a/content/img/blog/streamaudio/comp-wav.png b/content/img/blog/streamaudio/comp-wav.png
index 2080a11..8106543 100644
Binary files a/content/img/blog/streamaudio/comp-wav.png and b/content/img/blog/streamaudio/comp-wav.png differ
diff --git a/content/img/blog/streamaudio/comp.png b/content/img/blog/streamaudio/comp.png
index 7c03ff3..4efe443 100644
Binary files a/content/img/blog/streamaudio/comp.png and b/content/img/blog/streamaudio/comp.png differ
diff --git a/content/img/blog/streamaudio/eq.png b/content/img/blog/streamaudio/eq.png
index 961e7e0..a409e36 100644
Binary files a/content/img/blog/streamaudio/eq.png and b/content/img/blog/streamaudio/eq.png differ
diff --git a/content/layouts/base-container.njk b/content/layouts/base-container.njk
new file mode 100644
index 0000000..601a869
--- /dev/null
+++ b/content/layouts/base-container.njk
@@ -0,0 +1,6 @@
+---
+layout: base.njk
+---
+<div class="container">
+	{{content | safe}}
+</div>
\ No newline at end of file
diff --git a/content/layouts/base.njk b/content/layouts/base.njk
index c463381..ddb33a2 100644
--- a/content/layouts/base.njk
+++ b/content/layouts/base.njk
@@ -49,7 +49,8 @@
 				<div class="nav-links">
 					<div class="d-inline-block">
 						{{navItem("Home", "/")}}
-						{{navItem("Blog", "/blog", false)}}
+						{{navItem("Blog", "/blog")}}
+						{{navItem("Portfolio", "/portfolio", false)}}
 					</div>
 					<div class="d-inline-block">
 						<span> | </span>
@@ -57,11 +58,11 @@
 						{{navItem("Instagram", "https://instagram.com/RikBerkelder", false)}}
 					</div>
 				</div>
-
 			</div>
-			{{content | safe}}
-
 		</div>
+
+		{{content | safe}}
+
 		<script src="//instant.page/5.2.0" type="module"
 			integrity="sha384-jnZyxPjiipYXnSU0ygqeac2q7CVYMbh84q0uHVRRxEtvFPiQYbXWUorga2aqZJ0z"></script>
 		<script data-goatcounter="https://goatcounter.riksolo.com/count" async
diff --git a/content/layouts/portfolio.njk b/content/layouts/portfolio.njk
new file mode 100644
index 0000000..4682647
--- /dev/null
+++ b/content/layouts/portfolio.njk
@@ -0,0 +1,20 @@
+---
+layout: base.njk
+---
+<div class="portfolio-detail">
+	<div class="portfolio-detail-header container">
+		<h1>{{title}}</h1>
+		<span>{{description}}</span>
+		<a href="/portfolio">&lt;- Back to overview</a>
+		<span>
+			{{content | safe}}
+		</span>
+	</div>
+	<div class="portfolio-detail-images">
+		{% for image in data.images %}
+		<img src="{{image}}" alt="" loading="lazy" />
+		{% endfor %}
+	</div>
+
+
+</div>
\ No newline at end of file
diff --git a/content/pages/pages.json b/content/pages/pages.json
index 254e9c3..6e56a3e 100644
--- a/content/pages/pages.json
+++ b/content/pages/pages.json
@@ -1,4 +1,4 @@
 {
 	"tags": "page",
-	"layout": "base.njk"
+	"layout": "base-container.njk"
 }
\ No newline at end of file
diff --git a/content/pages/portfolio.njk b/content/pages/portfolio.njk
new file mode 100644
index 0000000..9ff4879
--- /dev/null
+++ b/content/pages/portfolio.njk
@@ -0,0 +1,20 @@
+---
+title: 'Portfolio'
+permalink: "/portfolio/"
+---
+<h1>Portfolio</h1>
+{% for portfolioItem in collections.portfolioSorted %}
+<div class="portfolio-list-item">
+	<div class="portfolio-list-item-header">
+		<h2>{{portfolioItem.data.title}}</h2>
+		- {{portfolioItem.data.description}}
+		<a href="{{portfolioItem.data.page.url | safe}}">See More -></a>
+	</div>
+	<div class="flex">
+		{% for image in portfolioItem.data.images.slice(0,3) %}
+
+		<img src={{image}} alt="" width="400" />
+		{% endfor %}
+	</div>
+</div>
+{% endfor %}
\ No newline at end of file
diff --git a/content/portfolio/femina/01.jpg b/content/portfolio/femina/01.jpg
new file mode 100644
index 0000000..cb294b2
--- /dev/null
+++ b/content/portfolio/femina/01.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:96725a654e923f7d37f750f70d6af7b7af87f00eb34547fc8c702876d762f2d2
+size 73264
diff --git a/content/portfolio/femina/02.jpg b/content/portfolio/femina/02.jpg
new file mode 100644
index 0000000..8ec32ca
--- /dev/null
+++ b/content/portfolio/femina/02.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:e720de457c4138ee8d11db8792217191cf6f821d03e694e114e059d888bb228b
+size 74448
diff --git a/content/portfolio/femina/03.JPG b/content/portfolio/femina/03.JPG
new file mode 100644
index 0000000..ebe29b4
--- /dev/null
+++ b/content/portfolio/femina/03.JPG
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:90f932503b42be48919165ce4968ea32a8704f7c2c35e10cc63b2300fd97c2e1
+size 1244275
diff --git a/content/portfolio/femina/04.jpg b/content/portfolio/femina/04.jpg
new file mode 100644
index 0000000..eeccec8
--- /dev/null
+++ b/content/portfolio/femina/04.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:74e8786cf7beed2b1d80226bb470ad17ed1284902b3ebbab6d014f6691d595ba
+size 66249
diff --git a/content/portfolio/femina/05.jpg b/content/portfolio/femina/05.jpg
new file mode 100644
index 0000000..feafec9
--- /dev/null
+++ b/content/portfolio/femina/05.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:9ba490fd67f47de47cf08a4a82d96d2ab60811f7c5e8b1ed7fb49154e7729ee4
+size 96684
diff --git a/content/portfolio/femina/06.jpg b/content/portfolio/femina/06.jpg
new file mode 100644
index 0000000..d4e9777
--- /dev/null
+++ b/content/portfolio/femina/06.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:b3d6f246eb029816ab49e2e5f858463cf820e0e99bd6b7be5e7c49b1abba75f8
+size 29379
diff --git a/content/portfolio/femina/femina.md b/content/portfolio/femina/femina.md
new file mode 100644
index 0000000..46c5fe4
--- /dev/null
+++ b/content/portfolio/femina/femina.md
@@ -0,0 +1,5 @@
+---
+order: 4
+title: ISZA - Femina
+description: Adapting abstract ideas from the artist into an impactful one-off festival show, with limited preparation time and a short timeframe on location.
+---
\ No newline at end of file
diff --git a/content/portfolio/luxorlive/1.JPG b/content/portfolio/luxorlive/1.JPG
new file mode 100644
index 0000000..6534d62
--- /dev/null
+++ b/content/portfolio/luxorlive/1.JPG
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:818fc1e3fc3b4408bb3566b00fc4c45b7f80cfc8a2c5ae14a5d1e258ee64dccd
+size 1600433
diff --git a/content/portfolio/luxorlive/2.JPG b/content/portfolio/luxorlive/2.JPG
new file mode 100644
index 0000000..d1f9e23
--- /dev/null
+++ b/content/portfolio/luxorlive/2.JPG
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:30f16a600a5fc3c3c7d47e64f7f978939234f26ce85b270d8cc4edd90d80a34d
+size 1495137
diff --git a/content/portfolio/luxorlive/3.JPG b/content/portfolio/luxorlive/3.JPG
new file mode 100644
index 0000000..5015d39
--- /dev/null
+++ b/content/portfolio/luxorlive/3.JPG
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:11424a84ecc08737b7d99599e7f058397bedcc0a5dad3c0948eab8125d2016b5
+size 1659601
diff --git a/content/portfolio/luxorlive/4.JPG b/content/portfolio/luxorlive/4.JPG
new file mode 100644
index 0000000..afa7964
--- /dev/null
+++ b/content/portfolio/luxorlive/4.JPG
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:331ef52e6f473809716677199971c3bcf174cd04d00345736b3fb0d6357cacb6
+size 1329899
diff --git a/content/portfolio/luxorlive/5.JPG b/content/portfolio/luxorlive/5.JPG
new file mode 100644
index 0000000..4cc64e2
--- /dev/null
+++ b/content/portfolio/luxorlive/5.JPG
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:7b71176e37ebe4d149a28bb9a5579453586528866e85966bdf8e5562869cc4ae
+size 1208100
diff --git a/content/portfolio/luxorlive/6.JPG b/content/portfolio/luxorlive/6.JPG
new file mode 100644
index 0000000..e7a3c21
--- /dev/null
+++ b/content/portfolio/luxorlive/6.JPG
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:42670be78e683223bbaef9fa875742060d22f19efdc38781b8594197e90f88de
+size 1857922
diff --git a/content/portfolio/luxorlive/7.JPG b/content/portfolio/luxorlive/7.JPG
new file mode 100644
index 0000000..0a32991
--- /dev/null
+++ b/content/portfolio/luxorlive/7.JPG
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:7033575c479c45855ba30fdcbdb8792499b6051cf42e97685e468888b4b2d6fe
+size 1318095
diff --git a/content/portfolio/luxorlive/8.JPG b/content/portfolio/luxorlive/8.JPG
new file mode 100644
index 0000000..db942cc
--- /dev/null
+++ b/content/portfolio/luxorlive/8.JPG
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:f5037a864a52abc40c96cbc8e48c2ca778882563e8e2c69b9a542b367227976b
+size 1997240
diff --git a/content/portfolio/luxorlive/9.jpg b/content/portfolio/luxorlive/9.jpg
new file mode 100644
index 0000000..d257348
--- /dev/null
+++ b/content/portfolio/luxorlive/9.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:48263662137ca3be9ae6dfe1b9f216aab573c4ec96aae93011ff9496f8bbef3d
+size 3195257
diff --git a/content/portfolio/luxorlive/91.jpg b/content/portfolio/luxorlive/91.jpg
new file mode 100644
index 0000000..ebe9183
--- /dev/null
+++ b/content/portfolio/luxorlive/91.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:6027b15bcc7ada77dc177ce648c5067f56b4452dcaf36cf3d8a51ea16ab46c40
+size 2161201
diff --git a/content/portfolio/luxorlive/luxorlive.md b/content/portfolio/luxorlive/luxorlive.md
new file mode 100644
index 0000000..28a5aac
--- /dev/null
+++ b/content/portfolio/luxorlive/luxorlive.md
@@ -0,0 +1,7 @@
+---
+order: 2
+title: Luxor Live
+description: Delivering dynamic, on-the-spot lighting for visiting acts without their own lighting designer, and ensuring a smooth experience with the house rig for visiting technicians. 
+---
+
+
diff --git a/content/portfolio/portfolio.11tydata.js b/content/portfolio/portfolio.11tydata.js
new file mode 100644
index 0000000..7ccd958
--- /dev/null
+++ b/content/portfolio/portfolio.11tydata.js
@@ -0,0 +1,23 @@
+import * as path from 'node:path';
+import * as fs from 'node:fs';
+
+const conf = {
+	tags: "portfolio",
+	layout: "portfolio.njk",
+	eleventyComputed: {
+		images(data) {
+			const dir = path.dirname(data.page.inputPath);
+
+			const images = fs.readdirSync(dir)
+				.filter(file => ['.png', '.jpg', '.jpeg', '.JPG'].includes(path.extname(file)))
+				.sort()
+				.map(image => `${data.page.url}${image}`);
+			console.log(images);
+
+			return images;
+		},
+		data(data) { return data; },
+	}
+};
+
+export default conf;
\ No newline at end of file
diff --git a/content/portfolio/prijsvdvrijheid/01.JPG b/content/portfolio/prijsvdvrijheid/01.JPG
new file mode 100644
index 0000000..c55c0ba
--- /dev/null
+++ b/content/portfolio/prijsvdvrijheid/01.JPG
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:6612b926020cd7feaf93750e46c50e7fbd5a58599f90e900515bd1cd971a4c1a
+size 1259268
diff --git a/content/portfolio/prijsvdvrijheid/02.JPG b/content/portfolio/prijsvdvrijheid/02.JPG
new file mode 100644
index 0000000..46c008d
--- /dev/null
+++ b/content/portfolio/prijsvdvrijheid/02.JPG
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:b6a7c833b632b2f9effc8a58a847e9d45fd0c70bf8c8755574f83bb9f5a1214d
+size 1453434
diff --git a/content/portfolio/prijsvdvrijheid/03.JPG b/content/portfolio/prijsvdvrijheid/03.JPG
new file mode 100644
index 0000000..6095613
--- /dev/null
+++ b/content/portfolio/prijsvdvrijheid/03.JPG
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:5ec582f3f7987c136232cbedfbaf1e121b56e9616c763b2b325df16ae5f07098
+size 1246301
diff --git a/content/portfolio/prijsvdvrijheid/04.JPG b/content/portfolio/prijsvdvrijheid/04.JPG
new file mode 100644
index 0000000..072b12e
--- /dev/null
+++ b/content/portfolio/prijsvdvrijheid/04.JPG
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:281b3b45e9e7109f4c1b7a3ab558f1ba6640aff69e256f17f3ef707e05a5508b
+size 1152101
diff --git a/content/portfolio/prijsvdvrijheid/05.JPG b/content/portfolio/prijsvdvrijheid/05.JPG
new file mode 100644
index 0000000..11a363e
--- /dev/null
+++ b/content/portfolio/prijsvdvrijheid/05.JPG
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:240091ac816bf50fc6247b3f312ca703ebcc8a75aa5f966304ccc8a039ef4f39
+size 1346197
diff --git a/content/portfolio/prijsvdvrijheid/06.JPG b/content/portfolio/prijsvdvrijheid/06.JPG
new file mode 100644
index 0000000..7a5acf9
--- /dev/null
+++ b/content/portfolio/prijsvdvrijheid/06.JPG
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:00d69af2b60f70a5ef2ff65c3736e4c0747c5e2bcbeaf2374b5b3864a0257199
+size 1350313
diff --git a/content/portfolio/prijsvdvrijheid/07.JPG b/content/portfolio/prijsvdvrijheid/07.JPG
new file mode 100644
index 0000000..7022ce1
--- /dev/null
+++ b/content/portfolio/prijsvdvrijheid/07.JPG
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:82aeafc479a186782122d1fad7fec7aadeb55e19c69f7c0b593a71aef2903e41
+size 2178742
diff --git a/content/portfolio/prijsvdvrijheid/prijsvdvrijheid.md b/content/portfolio/prijsvdvrijheid/prijsvdvrijheid.md
new file mode 100644
index 0000000..6b0e822
--- /dev/null
+++ b/content/portfolio/prijsvdvrijheid/prijsvdvrijheid.md
@@ -0,0 +1,5 @@
+---
+order: 5
+title: "Prijs v.d. Vrijheid"
+description: Emotive lighting design with tight limitations for a musical performed on location in a church.
+---
\ No newline at end of file
diff --git a/content/portfolio/sowulo/1.JPG b/content/portfolio/sowulo/1.JPG
new file mode 100644
index 0000000..c81956b
--- /dev/null
+++ b/content/portfolio/sowulo/1.JPG
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:22111b593f749a9291671409245c957ac843477e48ef72ac8910e491f9048c10
+size 325029
diff --git a/content/portfolio/sowulo/2.jpg b/content/portfolio/sowulo/2.jpg
new file mode 100644
index 0000000..bd98ab5
--- /dev/null
+++ b/content/portfolio/sowulo/2.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:5e97550e1d460e5d2f7f956c9a3aa4d5b848d92ea8bc00c6c3dce3c4efff9fae
+size 302720
diff --git a/content/portfolio/sowulo/3.jpg b/content/portfolio/sowulo/3.jpg
new file mode 100644
index 0000000..6d1168a
--- /dev/null
+++ b/content/portfolio/sowulo/3.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:6af812ffb377cfc13060749fc99c45a51a6ecf6910b4e4f30853b12dc98fa4bb
+size 2554570
diff --git a/content/portfolio/sowulo/4.jpg b/content/portfolio/sowulo/4.jpg
new file mode 100644
index 0000000..d723047
--- /dev/null
+++ b/content/portfolio/sowulo/4.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:e024cef93e2867e58b4fa92c299c1f3226a9ff65524693e5ac1bea962c27136b
+size 2303552
diff --git a/content/portfolio/sowulo/5.jpg b/content/portfolio/sowulo/5.jpg
new file mode 100644
index 0000000..27c2d43
--- /dev/null
+++ b/content/portfolio/sowulo/5.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:b891f8f53041b3a16d74bcfdb973e138b78f548789a1f791e0c073f15679cd37
+size 4541840
diff --git a/content/portfolio/sowulo/6.jpg b/content/portfolio/sowulo/6.jpg
new file mode 100644
index 0000000..9f197e9
--- /dev/null
+++ b/content/portfolio/sowulo/6.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:af88c82b03787cb086df67ab4b4d7790a513613e1625fa1416f431fe1f3e43a1
+size 2479332
diff --git a/content/portfolio/sowulo/sowulo.md b/content/portfolio/sowulo/sowulo.md
new file mode 100644
index 0000000..a09df55
--- /dev/null
+++ b/content/portfolio/sowulo/sowulo.md
@@ -0,0 +1,5 @@
+---
+order: 1
+title: Sowulo 
+description: Designing a theatrical, atmospheric and detailed show while and bringing it to a variety venues and festivals of varying sizes with very short on-site preparation times.
+---
\ No newline at end of file
diff --git a/content/portfolio/tinderella/20240126_202807.JPG b/content/portfolio/tinderella/20240126_202807.JPG
new file mode 100644
index 0000000..b598058
--- /dev/null
+++ b/content/portfolio/tinderella/20240126_202807.JPG
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:ded624c8a25a7fc26f6f66b2b2f06fcc72a708d5a037c1b2888d2c49ae03398e
+size 197555
diff --git a/content/portfolio/tinderella/20240126_202807.JPG~RF2878b3c8.TMP b/content/portfolio/tinderella/20240126_202807.JPG~RF2878b3c8.TMP
new file mode 100644
index 0000000..776fc84
Binary files /dev/null and b/content/portfolio/tinderella/20240126_202807.JPG~RF2878b3c8.TMP differ
diff --git a/content/portfolio/tinderella/20240126_212503.JPG b/content/portfolio/tinderella/20240126_212503.JPG
new file mode 100644
index 0000000..6e43f93
--- /dev/null
+++ b/content/portfolio/tinderella/20240126_212503.JPG
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:49fd319bcc55086e0032a6563751dade5ca5b339ce151f071e41117e312c2a59
+size 1801875
diff --git a/content/portfolio/tinderella/20240126_214152.JPG b/content/portfolio/tinderella/20240126_214152.JPG
new file mode 100644
index 0000000..ed31982
--- /dev/null
+++ b/content/portfolio/tinderella/20240126_214152.JPG
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:ed995d233c0253d2cd605f41678fe9d079e8dde0f13f7d9241d44deef6a03c61
+size 1130792
diff --git a/content/portfolio/tinderella/tinderella.md b/content/portfolio/tinderella/tinderella.md
new file mode 100644
index 0000000..6bef3a4
--- /dev/null
+++ b/content/portfolio/tinderella/tinderella.md
@@ -0,0 +1,5 @@
+---
+order: 6
+title: Tinderella
+description: Minimal but gripping lighting for a deeply personal solo theatre show. Delimiting scenes and building atmosphere without distracting from the content
+---
\ No newline at end of file
diff --git a/content/portfolio/tivolivredenburg/001.JPG b/content/portfolio/tivolivredenburg/001.JPG
new file mode 100644
index 0000000..2b4a358
--- /dev/null
+++ b/content/portfolio/tivolivredenburg/001.JPG
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:fbb9aad161cb051d90eef5e9ad90d56f9afb8c7cfd1a3c0a835c1db613a55b76
+size 1162235
diff --git a/content/portfolio/tivolivredenburg/002.JPG b/content/portfolio/tivolivredenburg/002.JPG
new file mode 100644
index 0000000..4407d7d
--- /dev/null
+++ b/content/portfolio/tivolivredenburg/002.JPG
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:556d0298ba49e10d1aa0b27da33f24b8ade60d9e489ed78381bec9bc41c93162
+size 3147360
diff --git a/content/portfolio/tivolivredenburg/003.JPG b/content/portfolio/tivolivredenburg/003.JPG
new file mode 100644
index 0000000..836096a
--- /dev/null
+++ b/content/portfolio/tivolivredenburg/003.JPG
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:4c0e36bc13e7cd5f17563b9965b38502207f80accd336182cccc956e2039f311
+size 1079588
diff --git a/content/portfolio/tivolivredenburg/004.JPG b/content/portfolio/tivolivredenburg/004.JPG
new file mode 100644
index 0000000..8ee7350
--- /dev/null
+++ b/content/portfolio/tivolivredenburg/004.JPG
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:876ae47fe059e20ce9bfcd09408311c831e369f7d3d91c85a3d6a97d84c92b43
+size 1743484
diff --git a/content/portfolio/tivolivredenburg/005.JPG b/content/portfolio/tivolivredenburg/005.JPG
new file mode 100644
index 0000000..53f10f1
--- /dev/null
+++ b/content/portfolio/tivolivredenburg/005.JPG
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:b69d1cad4285d7fe31c0550d3de3dc6129deec4d333a074801fea48246f132e2
+size 793939
diff --git a/content/portfolio/tivolivredenburg/006.JPG b/content/portfolio/tivolivredenburg/006.JPG
new file mode 100644
index 0000000..6a6552a
--- /dev/null
+++ b/content/portfolio/tivolivredenburg/006.JPG
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:e4efa84e2c579511cfb451307952083e6cfe90dc18205424f0c80b087fa73a8e
+size 570015
diff --git a/content/portfolio/tivolivredenburg/007.JPG b/content/portfolio/tivolivredenburg/007.JPG
new file mode 100644
index 0000000..7e78029
--- /dev/null
+++ b/content/portfolio/tivolivredenburg/007.JPG
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:a5809ddabf3ae9c608a10b385237c878151e7fdefd5116e68cb40ad7b9109671
+size 818999
diff --git a/content/portfolio/tivolivredenburg/008.JPG b/content/portfolio/tivolivredenburg/008.JPG
new file mode 100644
index 0000000..a675070
--- /dev/null
+++ b/content/portfolio/tivolivredenburg/008.JPG
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:d3be45ffc6fe10638b979d229812c6d1669d5b0a9433e245d3cff69d2d16f95d
+size 2025673
diff --git a/content/portfolio/tivolivredenburg/009.JPG b/content/portfolio/tivolivredenburg/009.JPG
new file mode 100644
index 0000000..b7e2372
--- /dev/null
+++ b/content/portfolio/tivolivredenburg/009.JPG
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:a3ff04928aee646cf7e0c7c1723c9c5e4da8f6faf1f388aa0f07ed47b2ea47ab
+size 1886453
diff --git a/content/portfolio/tivolivredenburg/010.JPG b/content/portfolio/tivolivredenburg/010.JPG
new file mode 100644
index 0000000..891e7d6
--- /dev/null
+++ b/content/portfolio/tivolivredenburg/010.JPG
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:a1d0424435a00a4d8755573493e630c6894f39e4d574e0475a73b44d57a8affd
+size 1885731
diff --git a/content/portfolio/tivolivredenburg/011.JPG b/content/portfolio/tivolivredenburg/011.JPG
new file mode 100644
index 0000000..7749b0f
--- /dev/null
+++ b/content/portfolio/tivolivredenburg/011.JPG
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:bc32fb20ddf4cc438060e9f59a24121cb10a09c146237f488dc77c63ceb3bef5
+size 1075573
diff --git a/content/portfolio/tivolivredenburg/012.JPG b/content/portfolio/tivolivredenburg/012.JPG
new file mode 100644
index 0000000..e017fe1
--- /dev/null
+++ b/content/portfolio/tivolivredenburg/012.JPG
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:35013665e8dff7d05257a48e5b01f98092c9fa968bb46b9f1dbfb1710bfb5922
+size 929610
diff --git a/content/portfolio/tivolivredenburg/013.JPG b/content/portfolio/tivolivredenburg/013.JPG
new file mode 100644
index 0000000..e3a8da9
--- /dev/null
+++ b/content/portfolio/tivolivredenburg/013.JPG
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:e13f019de6d41eee055cc806f1fd1e7026417c07296b6f6098947134bc692bfd
+size 1737973
diff --git a/content/portfolio/tivolivredenburg/tivolivredenburg.md b/content/portfolio/tivolivredenburg/tivolivredenburg.md
new file mode 100644
index 0000000..99abea2
--- /dev/null
+++ b/content/portfolio/tivolivredenburg/tivolivredenburg.md
@@ -0,0 +1,5 @@
+---
+order: 3
+title: TivoliVredenburg
+description: Creative and fitting lighting for a wide variety of productions. From sales to classical to jazz to metal, across 5 stages in the venue.
+---
\ No newline at end of file
diff --git a/content/portfolio/willemeen/01.JPG b/content/portfolio/willemeen/01.JPG
new file mode 100644
index 0000000..f769d21
--- /dev/null
+++ b/content/portfolio/willemeen/01.JPG
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:d4a39c47ca5e2767d67de52cae766d8fabf56b418cfb522781713d687dfc3e5b
+size 758843
diff --git a/content/portfolio/willemeen/01.JPG~RF287feb51.TMP b/content/portfolio/willemeen/01.JPG~RF287feb51.TMP
new file mode 100644
index 0000000..5ed7130
Binary files /dev/null and b/content/portfolio/willemeen/01.JPG~RF287feb51.TMP differ
diff --git a/content/portfolio/willemeen/02.JPG b/content/portfolio/willemeen/02.JPG
new file mode 100644
index 0000000..2db5221
--- /dev/null
+++ b/content/portfolio/willemeen/02.JPG
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:7be4c75bf4b5188c213e3978c9e99a1969374fc1fbd295075f3627e1dcd14a20
+size 528572
diff --git a/content/portfolio/willemeen/02.JPG~RF287f9476.TMP b/content/portfolio/willemeen/02.JPG~RF287f9476.TMP
new file mode 100644
index 0000000..872542f
Binary files /dev/null and b/content/portfolio/willemeen/02.JPG~RF287f9476.TMP differ
diff --git a/content/portfolio/willemeen/03.JPG b/content/portfolio/willemeen/03.JPG
new file mode 100644
index 0000000..dd1cf1f
--- /dev/null
+++ b/content/portfolio/willemeen/03.JPG
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:dbc1bc29a4b58715d762775f625714399eeb9bb8120700ab4670e755881cd83a
+size 620896
diff --git a/content/portfolio/willemeen/03.JPG~RF28806e1d.TMP b/content/portfolio/willemeen/03.JPG~RF28806e1d.TMP
new file mode 100644
index 0000000..cf061b3
Binary files /dev/null and b/content/portfolio/willemeen/03.JPG~RF28806e1d.TMP differ
diff --git a/content/portfolio/willemeen/05.JPG b/content/portfolio/willemeen/05.JPG
new file mode 100644
index 0000000..a2da272
--- /dev/null
+++ b/content/portfolio/willemeen/05.JPG
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:484940d7e7dc44d3eece943e51af1a4144db423fcb546aa75b18abbfc3b903ba
+size 1998869
diff --git a/content/portfolio/willemeen/willemeen.md b/content/portfolio/willemeen/willemeen.md
new file mode 100644
index 0000000..d449ab2
--- /dev/null
+++ b/content/portfolio/willemeen/willemeen.md
@@ -0,0 +1,5 @@
+---
+order: 7
+title: Willemeen
+description: Small venue, big looks.
+---
diff --git a/content/style.scss b/content/style.scss
index 753cc8c..80cc2ff 100644
--- a/content/style.scss
+++ b/content/style.scss
@@ -22,76 +22,167 @@ body {
 	background-color: $grey-vdark;
 	font-family: $default-font-family;
 	line-height: 1.3rem;
-
-
+	margin: 0;
+	margin-top: 0.2rem;
 
 	.container {
 		max-width: 900px;
 		margin-left: auto;
 		margin-right: auto;
 		display: block;
+	}
 
-		.blog {
-			max-width: 700px;
-			margin-left: auto;
-			margin-right: auto;
+	.blog {
+		max-width: 700px;
+		margin-left: auto;
+		margin-right: auto;
 
-			&-header {
-				&>* {
-					display: block;
-				}
-
-				a,
-				a:visited {
-					color: $primary;
-				}
-
-				small {
-					margin-top: 0.1em;
-					margin-bottom: 0.4em;
-				}
+		&-header {
+			&>* {
+				display: block;
 			}
 
-			&-content {
-				border-top: 1px solid $grey-medium;
-				margin-top: 1em;
+			a,
+			a:visited {
+				color: $primary;
 			}
 
+			small {
+				margin-top: 0.1em;
+				margin-bottom: 0.4em;
+			}
 		}
 
-		ol:not(ol *, ul *),
-		ul:not(ol *, ul *) {
-			margin-left: 0rem;
-			margin-top: 0rem;
-			margin-bottom: 1rem;
-			padding-left: 1.5rem;
-			margin-right: 2rem;
-			list-style-position: outside;
-		}
-
-		ol ol,
-		ol ul,
-		ul ol,
-		ul ul {
-			padding-left: 1rem;
-		}
-
-		ol p,
-		ul p {
-			margin: 0.3rem 0rem;
-			display: inline;
-		}
-
-		ol {
-			list-style-type: decimal;
-		}
-
-		ul {
-			list-style-type: "- ";
+		&-content {
+			border-top: 1px solid $grey-medium;
+			margin-top: 1em;
 		}
 
 	}
 
+	.portfolio-list-item {
+		padding: 0.5rem;
+		background-color: $grey-dark;
+		margin-top: 1rem;
+
+		.flex {
+			flex-wrap: nowrap;
+			align-items: center;
+			width: 100%;
+
+			@media (max-width: 500px) {
+				flex-wrap: wrap !important;
+			}
+
+			picture {
+				display: block;
+				height: 15rem;
+				flex-grow: 1;
+
+				img {
+					height: 100%;
+					max-height: 100%;
+					min-width: 100%;
+					object-fit: cover;
+				}
+			}
+		}
+
+		&-header {
+			display: block;
+			width: 100%;
+			margin-bottom: 0.3rem;
+
+			& * {
+				display: inline;
+				margin: 0;
+				padding: 0;
+
+				margin-right: 0.2rem;
+			}
+
+			a {
+				margin-left: auto;
+				float: right;
+			}
+		}
+	}
+
+	.portfolio-detail {
+		width: 100vw;
+
+		&-header {
+			text-align: justify;
+
+			&>* {
+				display: block;
+			}
+		}
+
+		&-images {
+			display: flex;
+			flex-wrap: wrap;
+			margin-top: 1rem;
+
+			picture {
+				display: block;
+				height: 22vw;
+				flex-grow: 1;
+				max-width: 33.33%;
+
+				@media screen and (max-width: 1250px) {
+					height: 30vw;
+					max-width: 50%;
+				}
+
+				@media screen and (max-width: 750px) {
+					max-width: 100%;
+					height: 100%;
+				}
+
+				img {
+					max-height: 100%;
+					height: 100% !important;
+					min-width: 100%;
+					object-fit: cover;
+				}
+			}
+		}
+	}
+
+
+	ol:not(ol *, ul *),
+	ul:not(ol *, ul *) {
+		margin-left: 0rem;
+		margin-top: 0rem;
+		margin-bottom: 1rem;
+		padding-left: 1.5rem;
+		margin-right: 2rem;
+		list-style-position: outside;
+	}
+
+	ol ol,
+	ol ul,
+	ul ol,
+	ul ul {
+		padding-left: 1rem;
+	}
+
+	ol p,
+	ul p {
+		margin: 0.3rem 0rem;
+		display: inline;
+	}
+
+	ol {
+		list-style-type: decimal;
+	}
+
+	ul {
+		list-style-type: "- ";
+	}
+
+
 	figure {
 		background-color: $grey-dark;
 		display: inline-block;
@@ -194,18 +285,18 @@ body {
 		padding: 0.1rem 0.4rem;
 		display: inline-block;
 	}
-}
 
-.d-inline-block {
-	display: inline-block;
-}
+	.d-inline-block {
+		display: inline-block;
+	}
 
-img {
-	max-width: 100%;
+	img {
+		max-width: 100%;
 
 
-	&[width][height] {
-		height: auto;
+		&[width][height] {
+			height: auto;
+		}
 	}
 }
 
diff --git a/eleventy.config.js b/eleventy.config.js
index 60cc1cd..1d5bd8e 100644
--- a/eleventy.config.js
+++ b/eleventy.config.js
@@ -29,11 +29,13 @@ export default async function (eleventyConfig) {
 	});
 
 	//Images
-	eleventyConfig.addPlugin(eleventyImageTransformPlugin);
-	eleventyConfig.addShortcode("figure", (url, alt, caption) => {
+	eleventyConfig.addPlugin(eleventyImageTransformPlugin, {
+		widths: ["700"]
+	});
+	eleventyConfig.addShortcode("figure", (url, alt, caption, width) => {
 		return `
 		<figure>
-			<img src="${url}" alt="${alt}" />
+			<img src="${url}" alt="${alt}" width="${width || "700"}" />
 			<figcaption>${caption}</figcaption>
 		</figure>
 		`;
@@ -52,6 +54,14 @@ export default async function (eleventyConfig) {
 
 	//File passthrough
 	eleventyConfig.addPassthroughCopy("content/robots.txt");
+
+	// Portfolio sort
+	eleventyConfig.addCollection("portfolioSorted", (collectionsAPi) => {
+		const portfolio = collectionsAPi.getFilteredByTag("portfolio");
+		const sorted = portfolio.sort((a, b) => a.data.order - b.data.order);
+		return sorted;
+	});
+
 }
 
 export const config = {
diff --git a/package.json b/package.json
index 216085b..015b175 100644
--- a/package.json
+++ b/package.json
@@ -19,4 +19,4 @@
     "luxon": "^3.5.0",
     "sass": "^1.83.4"
   }
-}
+}
\ No newline at end of file