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 bb3e2f2..ddb33a2 100644
--- a/content/layouts/base.njk
+++ b/content/layouts/base.njk
@@ -58,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
index 3c16206..9ff4879 100644
--- a/content/pages/portfolio.njk
+++ b/content/pages/portfolio.njk
@@ -3,7 +3,7 @@ title: 'Portfolio'
 permalink: "/portfolio/"
 ---
 <h1>Portfolio</h1>
-{% for portfolioItem in collections.portfolio %}
+{% for portfolioItem in collections.portfolioSorted %}
 <div class="portfolio-list-item">
 	<div class="portfolio-list-item-header">
 		<h2>{{portfolioItem.data.title}}</h2>
@@ -11,9 +11,9 @@ permalink: "/portfolio/"
 		<a href="{{portfolioItem.data.page.url | safe}}">See More -></a>
 	</div>
 	<div class="flex">
-		{% for image in portfolioItem.data.images | slice(3) %}
+		{% for image in portfolioItem.data.images.slice(0,3) %}
 
-		<img src="{{image}}" alt="" />
+		<img src={{image}} alt="" width="400" />
 		{% endfor %}
 	</div>
 </div>
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/20240906_220541.JPG b/content/portfolio/luxorlive/3.JPG
similarity index 100%
rename from content/portfolio/luxorlive/20240906_220541.JPG
rename to content/portfolio/luxorlive/3.JPG
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/20250124_204057.JPG b/content/portfolio/luxorlive/7.JPG
similarity index 100%
rename from content/portfolio/luxorlive/20250124_204057.JPG
rename to content/portfolio/luxorlive/7.JPG
diff --git a/content/portfolio/luxorlive/20250124_204945.JPG b/content/portfolio/luxorlive/8.JPG
similarity index 100%
rename from content/portfolio/luxorlive/20250124_204945.JPG
rename to content/portfolio/luxorlive/8.JPG
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
index 62fc067..28a5aac 100644
--- a/content/portfolio/luxorlive/luxorlive.md
+++ b/content/portfolio/luxorlive/luxorlive.md
@@ -1,4 +1,5 @@
 ---
+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
index f19bf17..7ccd958 100644
--- a/content/portfolio/portfolio.11tydata.js
+++ b/content/portfolio/portfolio.11tydata.js
@@ -3,12 +3,16 @@ import * as fs from 'node:fs';
 
 const conf = {
 	tags: "portfolio",
-	layout: "base.njk",
+	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).toLowerCase())).map(image => `${data.page.url}${image}`);
+			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;
 		},
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/1.jpg b/content/portfolio/sowulo/1.jpg
deleted file mode 100644
index 462b41e..0000000
--- a/content/portfolio/sowulo/1.jpg
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:c1c51438a878718b03e62fae74f8d17bc351c7ae1bcd589c4f31fd06c4b3698a
-size 2733210
diff --git a/content/portfolio/sowulo/2.JPG b/content/portfolio/sowulo/2.JPG
deleted file mode 100644
index 17523c2..0000000
--- a/content/portfolio/sowulo/2.JPG
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:f277d64699a71a3cdf4aa4956617b97a0cab59acafb5466dc61e9b5552f5e56e
-size 1174804
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
index d723047..6d1168a 100644
--- a/content/portfolio/sowulo/3.jpg
+++ b/content/portfolio/sowulo/3.jpg
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:e024cef93e2867e58b4fa92c299c1f3226a9ff65524693e5ac1bea962c27136b
-size 2303552
+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
index ce057fb..a09df55 100644
--- a/content/portfolio/sowulo/sowulo.md
+++ b/content/portfolio/sowulo/sowulo.md
@@ -1,4 +1,5 @@
 ---
+order: 1
 title: Sowulo 
-description: Designing a theatrical, atmospheric and detailed show while efficiently adapting to both venues of varying sizes and large festivals with very short on-site preparation times
+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 5e2ba32..80cc2ff 100644
--- a/content/style.scss
+++ b/content/style.scss
@@ -22,116 +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;
 			}
 
-		}
-
-		.portfolio-list-item {
-			padding: 0.5rem;
-			background-color: $grey-dark;
-			margin-top: 1rem;
-
-			.flex {
-				flex-wrap: nowrap;
-				align-items: center;
-
-				picture {
-					display: block;
-					height: 15rem;
-
-					img {
-						height: 100%;
-						max-height: 100%;
-						min-width: 100%;
-						object-fit: cover;
-					}
-				}
-			}
-
-			&-header {
-				margin-bottom: 0.3rem;
-
-				& * {
-					display: inline;
-					margin: 0;
-					padding: 0;
-
-					margin-right: 0.2rem;
-				}
-
-				a {
-					margin-left: auto;
-					float: right;
-				}
+			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;
@@ -234,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 = {