diff --git a/README.md b/README.md
index fdce390..43a547b 100644
--- a/README.md
+++ b/README.md
@@ -7,4 +7,10 @@ It's deployed using GitHub pages.
 ```bash
 npm install --include=dev
 npm run dev
-```
\ No newline at end of file
+```
+
+## Images
+
+Images have been manually resized to be 50% size, with 90% quality. The command used was:
+
+`find . -name "FINAL.png" | parallel convert -resize 50% -quality 90 {} {.}-50.<format>`
\ No newline at end of file
diff --git a/package-lock.json b/package-lock.json
index 6cb1d30..d311d42 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -4532,9 +4532,9 @@
       }
     },
     "node_modules/semver": {
-      "version": "7.5.2",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.2.tgz",
-      "integrity": "sha512-SoftuTROv/cRjCze/scjGyiDtcUyxw1rgYQSZY7XTmtR5hX+dm76iDbTH8TkLPHCQmlbQVSSbNZCPM2hb0knnQ==",
+      "version": "7.6.0",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.0.tgz",
+      "integrity": "sha512-EnwXhrlwXMk9gKu5/flx5sv/an57AkRplG3hTK68W7FRDN+k+OWBj65M7719OkA82XLBxrcX0KSHj+X5COhOVg==",
       "dev": true,
       "dependencies": {
         "lru-cache": "^6.0.0"
diff --git a/src/assets/cc.svg b/src/assets/cc.svg
new file mode 100644
index 0000000..3dfd59c
--- /dev/null
+++ b/src/assets/cc.svg
@@ -0,0 +1,27 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 13.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 14948)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="64px" height="64px" viewBox="5.5 -3.5 64 64" enable-background="new 5.5 -3.5 64 64" xml:space="preserve">
+<g>
+	<circle fill="#FFFFFF" cx="37.785" cy="28.501" r="28.836"/>
+	<path d="M37.441-3.5c8.951,0,16.572,3.125,22.857,9.372c3.008,3.009,5.295,6.448,6.857,10.314
+		c1.561,3.867,2.344,7.971,2.344,12.314c0,4.381-0.773,8.486-2.314,12.313c-1.543,3.828-3.82,7.21-6.828,10.143
+		c-3.123,3.085-6.666,5.448-10.629,7.086c-3.961,1.638-8.057,2.457-12.285,2.457s-8.276-0.808-12.143-2.429
+		c-3.866-1.618-7.333-3.961-10.4-7.027c-3.067-3.066-5.4-6.524-7-10.372S5.5,32.767,5.5,28.5c0-4.229,0.809-8.295,2.428-12.2
+		c1.619-3.905,3.972-7.4,7.057-10.486C21.08-0.394,28.565-3.5,37.441-3.5z M37.557,2.272c-7.314,0-13.467,2.553-18.458,7.657
+		c-2.515,2.553-4.448,5.419-5.8,8.6c-1.354,3.181-2.029,6.505-2.029,9.972c0,3.429,0.675,6.734,2.029,9.913
+		c1.353,3.183,3.285,6.021,5.8,8.516c2.514,2.496,5.351,4.399,8.515,5.715c3.161,1.314,6.476,1.971,9.943,1.971
+		c3.428,0,6.75-0.665,9.973-1.999c3.219-1.335,6.121-3.257,8.713-5.771c4.99-4.876,7.484-10.99,7.484-18.344
+		c0-3.543-0.648-6.895-1.943-10.057c-1.293-3.162-3.18-5.98-5.654-8.458C50.984,4.844,44.795,2.272,37.557,2.272z M37.156,23.187
+		l-4.287,2.229c-0.458-0.951-1.019-1.619-1.685-2c-0.667-0.38-1.286-0.571-1.858-0.571c-2.856,0-4.286,1.885-4.286,5.657
+		c0,1.714,0.362,3.084,1.085,4.113c0.724,1.029,1.791,1.544,3.201,1.544c1.867,0,3.181-0.915,3.944-2.743l3.942,2
+		c-0.838,1.563-2,2.791-3.486,3.686c-1.484,0.896-3.123,1.343-4.914,1.343c-2.857,0-5.163-0.875-6.915-2.629
+		c-1.752-1.752-2.628-4.19-2.628-7.313c0-3.048,0.886-5.466,2.657-7.257c1.771-1.79,4.009-2.686,6.715-2.686
+		C32.604,18.558,35.441,20.101,37.156,23.187z M55.613,23.187l-4.229,2.229c-0.457-0.951-1.02-1.619-1.686-2
+		c-0.668-0.38-1.307-0.571-1.914-0.571c-2.857,0-4.287,1.885-4.287,5.657c0,1.714,0.363,3.084,1.086,4.113
+		c0.723,1.029,1.789,1.544,3.201,1.544c1.865,0,3.18-0.915,3.941-2.743l4,2c-0.875,1.563-2.057,2.791-3.541,3.686
+		c-1.486,0.896-3.105,1.343-4.857,1.343c-2.896,0-5.209-0.875-6.941-2.629c-1.736-1.752-2.602-4.19-2.602-7.313
+		c0-3.048,0.885-5.466,2.658-7.257c1.77-1.79,4.008-2.686,6.713-2.686C51.117,18.558,53.938,20.101,55.613,23.187z"/>
+</g>
+</svg>
diff --git a/src/assets/gallery/1/FINAL-50.avif b/src/assets/gallery/1/FINAL-50.avif
new file mode 100644
index 0000000..d323731
Binary files /dev/null and b/src/assets/gallery/1/FINAL-50.avif differ
diff --git a/src/assets/gallery/1/FINAL-50.jpg b/src/assets/gallery/1/FINAL-50.jpg
new file mode 100644
index 0000000..7578e21
Binary files /dev/null and b/src/assets/gallery/1/FINAL-50.jpg differ
diff --git a/src/assets/gallery/1/FINAL-50.webp b/src/assets/gallery/1/FINAL-50.webp
new file mode 100644
index 0000000..971c949
Binary files /dev/null and b/src/assets/gallery/1/FINAL-50.webp differ
diff --git a/src/assets/gallery/1/FINAL.png b/src/assets/gallery/1/FINAL.png
new file mode 100644
index 0000000..8998103
Binary files /dev/null and b/src/assets/gallery/1/FINAL.png differ
diff --git a/src/assets/gallery/10/FINAL-50.avif b/src/assets/gallery/10/FINAL-50.avif
new file mode 100644
index 0000000..6038e93
Binary files /dev/null and b/src/assets/gallery/10/FINAL-50.avif differ
diff --git a/src/assets/gallery/10/FINAL-50.jpg b/src/assets/gallery/10/FINAL-50.jpg
new file mode 100644
index 0000000..03f500f
Binary files /dev/null and b/src/assets/gallery/10/FINAL-50.jpg differ
diff --git a/src/assets/gallery/10/FINAL-50.webp b/src/assets/gallery/10/FINAL-50.webp
new file mode 100644
index 0000000..0bec561
Binary files /dev/null and b/src/assets/gallery/10/FINAL-50.webp differ
diff --git a/src/assets/gallery/10/FINAL.png b/src/assets/gallery/10/FINAL.png
new file mode 100644
index 0000000..f8e2cc8
Binary files /dev/null and b/src/assets/gallery/10/FINAL.png differ
diff --git a/src/assets/gallery/11/FINAL-50.avif b/src/assets/gallery/11/FINAL-50.avif
new file mode 100644
index 0000000..559c4b8
Binary files /dev/null and b/src/assets/gallery/11/FINAL-50.avif differ
diff --git a/src/assets/gallery/11/FINAL-50.jpg b/src/assets/gallery/11/FINAL-50.jpg
new file mode 100644
index 0000000..7a02671
Binary files /dev/null and b/src/assets/gallery/11/FINAL-50.jpg differ
diff --git a/src/assets/gallery/11/FINAL-50.webp b/src/assets/gallery/11/FINAL-50.webp
new file mode 100644
index 0000000..478a570
Binary files /dev/null and b/src/assets/gallery/11/FINAL-50.webp differ
diff --git a/src/assets/gallery/11/FINAL.png b/src/assets/gallery/11/FINAL.png
new file mode 100644
index 0000000..07ee79a
Binary files /dev/null and b/src/assets/gallery/11/FINAL.png differ
diff --git a/src/assets/gallery/12/FINAL-50.avif b/src/assets/gallery/12/FINAL-50.avif
new file mode 100644
index 0000000..82b4d0a
Binary files /dev/null and b/src/assets/gallery/12/FINAL-50.avif differ
diff --git a/src/assets/gallery/12/FINAL-50.jpg b/src/assets/gallery/12/FINAL-50.jpg
new file mode 100644
index 0000000..5705698
Binary files /dev/null and b/src/assets/gallery/12/FINAL-50.jpg differ
diff --git a/src/assets/gallery/12/FINAL-50.webp b/src/assets/gallery/12/FINAL-50.webp
new file mode 100644
index 0000000..8579823
Binary files /dev/null and b/src/assets/gallery/12/FINAL-50.webp differ
diff --git a/src/assets/gallery/12/FINAL.png b/src/assets/gallery/12/FINAL.png
new file mode 100644
index 0000000..c47d92d
Binary files /dev/null and b/src/assets/gallery/12/FINAL.png differ
diff --git a/src/assets/gallery/13/FINAL-50.avif b/src/assets/gallery/13/FINAL-50.avif
new file mode 100644
index 0000000..753e070
Binary files /dev/null and b/src/assets/gallery/13/FINAL-50.avif differ
diff --git a/src/assets/gallery/13/FINAL-50.jpg b/src/assets/gallery/13/FINAL-50.jpg
new file mode 100644
index 0000000..ef5599d
Binary files /dev/null and b/src/assets/gallery/13/FINAL-50.jpg differ
diff --git a/src/assets/gallery/13/FINAL-50.webp b/src/assets/gallery/13/FINAL-50.webp
new file mode 100644
index 0000000..c2586b0
Binary files /dev/null and b/src/assets/gallery/13/FINAL-50.webp differ
diff --git a/src/assets/gallery/13/FINAL.png b/src/assets/gallery/13/FINAL.png
new file mode 100644
index 0000000..61d6c08
Binary files /dev/null and b/src/assets/gallery/13/FINAL.png differ
diff --git a/src/assets/gallery/14/FINAL-50.avif b/src/assets/gallery/14/FINAL-50.avif
new file mode 100644
index 0000000..ce2574f
Binary files /dev/null and b/src/assets/gallery/14/FINAL-50.avif differ
diff --git a/src/assets/gallery/14/FINAL-50.jpg b/src/assets/gallery/14/FINAL-50.jpg
new file mode 100644
index 0000000..47fd9bd
Binary files /dev/null and b/src/assets/gallery/14/FINAL-50.jpg differ
diff --git a/src/assets/gallery/14/FINAL-50.webp b/src/assets/gallery/14/FINAL-50.webp
new file mode 100644
index 0000000..f65be89
Binary files /dev/null and b/src/assets/gallery/14/FINAL-50.webp differ
diff --git a/src/assets/gallery/14/FINAL.png b/src/assets/gallery/14/FINAL.png
new file mode 100644
index 0000000..30a4028
Binary files /dev/null and b/src/assets/gallery/14/FINAL.png differ
diff --git a/src/assets/gallery/15/FINAL-50.avif b/src/assets/gallery/15/FINAL-50.avif
new file mode 100644
index 0000000..afea24a
Binary files /dev/null and b/src/assets/gallery/15/FINAL-50.avif differ
diff --git a/src/assets/gallery/15/FINAL-50.jpg b/src/assets/gallery/15/FINAL-50.jpg
new file mode 100644
index 0000000..14a4154
Binary files /dev/null and b/src/assets/gallery/15/FINAL-50.jpg differ
diff --git a/src/assets/gallery/15/FINAL-50.webp b/src/assets/gallery/15/FINAL-50.webp
new file mode 100644
index 0000000..11fd132
Binary files /dev/null and b/src/assets/gallery/15/FINAL-50.webp differ
diff --git a/src/assets/gallery/15/FINAL.png b/src/assets/gallery/15/FINAL.png
new file mode 100644
index 0000000..bf7a9d0
Binary files /dev/null and b/src/assets/gallery/15/FINAL.png differ
diff --git a/src/assets/gallery/16/FINAL-50.avif b/src/assets/gallery/16/FINAL-50.avif
new file mode 100644
index 0000000..705f561
Binary files /dev/null and b/src/assets/gallery/16/FINAL-50.avif differ
diff --git a/src/assets/gallery/16/FINAL-50.jpg b/src/assets/gallery/16/FINAL-50.jpg
new file mode 100644
index 0000000..3cb57df
Binary files /dev/null and b/src/assets/gallery/16/FINAL-50.jpg differ
diff --git a/src/assets/gallery/16/FINAL-50.webp b/src/assets/gallery/16/FINAL-50.webp
new file mode 100644
index 0000000..ec161ce
Binary files /dev/null and b/src/assets/gallery/16/FINAL-50.webp differ
diff --git a/src/assets/gallery/16/FINAL.png b/src/assets/gallery/16/FINAL.png
new file mode 100644
index 0000000..c4728fc
Binary files /dev/null and b/src/assets/gallery/16/FINAL.png differ
diff --git a/src/assets/gallery/17/FINAL-50.avif b/src/assets/gallery/17/FINAL-50.avif
new file mode 100644
index 0000000..48b690a
Binary files /dev/null and b/src/assets/gallery/17/FINAL-50.avif differ
diff --git a/src/assets/gallery/17/FINAL-50.jpg b/src/assets/gallery/17/FINAL-50.jpg
new file mode 100644
index 0000000..04c1828
Binary files /dev/null and b/src/assets/gallery/17/FINAL-50.jpg differ
diff --git a/src/assets/gallery/17/FINAL-50.webp b/src/assets/gallery/17/FINAL-50.webp
new file mode 100644
index 0000000..174d7fa
Binary files /dev/null and b/src/assets/gallery/17/FINAL-50.webp differ
diff --git a/src/assets/gallery/17/FINAL.png b/src/assets/gallery/17/FINAL.png
new file mode 100644
index 0000000..e000918
Binary files /dev/null and b/src/assets/gallery/17/FINAL.png differ
diff --git a/src/assets/gallery/18/FINAL-50.avif b/src/assets/gallery/18/FINAL-50.avif
new file mode 100644
index 0000000..1d9be28
Binary files /dev/null and b/src/assets/gallery/18/FINAL-50.avif differ
diff --git a/src/assets/gallery/18/FINAL-50.jpg b/src/assets/gallery/18/FINAL-50.jpg
new file mode 100644
index 0000000..f76498c
Binary files /dev/null and b/src/assets/gallery/18/FINAL-50.jpg differ
diff --git a/src/assets/gallery/18/FINAL-50.webp b/src/assets/gallery/18/FINAL-50.webp
new file mode 100644
index 0000000..0dc74ab
Binary files /dev/null and b/src/assets/gallery/18/FINAL-50.webp differ
diff --git a/src/assets/gallery/18/FINAL.png b/src/assets/gallery/18/FINAL.png
new file mode 100644
index 0000000..f3dec24
Binary files /dev/null and b/src/assets/gallery/18/FINAL.png differ
diff --git a/src/assets/gallery/19/FINAL-50.avif b/src/assets/gallery/19/FINAL-50.avif
new file mode 100644
index 0000000..946d2c0
Binary files /dev/null and b/src/assets/gallery/19/FINAL-50.avif differ
diff --git a/src/assets/gallery/19/FINAL-50.jpg b/src/assets/gallery/19/FINAL-50.jpg
new file mode 100644
index 0000000..59e7fe9
Binary files /dev/null and b/src/assets/gallery/19/FINAL-50.jpg differ
diff --git a/src/assets/gallery/19/FINAL-50.webp b/src/assets/gallery/19/FINAL-50.webp
new file mode 100644
index 0000000..9fa3491
Binary files /dev/null and b/src/assets/gallery/19/FINAL-50.webp differ
diff --git a/src/assets/gallery/19/FINAL.png b/src/assets/gallery/19/FINAL.png
new file mode 100644
index 0000000..8d5077a
Binary files /dev/null and b/src/assets/gallery/19/FINAL.png differ
diff --git a/src/assets/gallery/2/FINAL-50.avif b/src/assets/gallery/2/FINAL-50.avif
new file mode 100644
index 0000000..0cbd100
Binary files /dev/null and b/src/assets/gallery/2/FINAL-50.avif differ
diff --git a/src/assets/gallery/2/FINAL-50.jpg b/src/assets/gallery/2/FINAL-50.jpg
new file mode 100644
index 0000000..2d8e399
Binary files /dev/null and b/src/assets/gallery/2/FINAL-50.jpg differ
diff --git a/src/assets/gallery/2/FINAL-50.webp b/src/assets/gallery/2/FINAL-50.webp
new file mode 100644
index 0000000..fd72a13
Binary files /dev/null and b/src/assets/gallery/2/FINAL-50.webp differ
diff --git a/src/assets/gallery/2/FINAL.png b/src/assets/gallery/2/FINAL.png
new file mode 100644
index 0000000..b3a5a83
Binary files /dev/null and b/src/assets/gallery/2/FINAL.png differ
diff --git a/src/assets/gallery/20/FINAL-50.avif b/src/assets/gallery/20/FINAL-50.avif
new file mode 100644
index 0000000..3f046ec
Binary files /dev/null and b/src/assets/gallery/20/FINAL-50.avif differ
diff --git a/src/assets/gallery/20/FINAL-50.jpg b/src/assets/gallery/20/FINAL-50.jpg
new file mode 100644
index 0000000..6d7681b
Binary files /dev/null and b/src/assets/gallery/20/FINAL-50.jpg differ
diff --git a/src/assets/gallery/20/FINAL-50.webp b/src/assets/gallery/20/FINAL-50.webp
new file mode 100644
index 0000000..d263182
Binary files /dev/null and b/src/assets/gallery/20/FINAL-50.webp differ
diff --git a/src/assets/gallery/20/FINAL.png b/src/assets/gallery/20/FINAL.png
new file mode 100644
index 0000000..40500a1
Binary files /dev/null and b/src/assets/gallery/20/FINAL.png differ
diff --git a/src/assets/gallery/21/FINAL-50.avif b/src/assets/gallery/21/FINAL-50.avif
new file mode 100644
index 0000000..d9662f4
Binary files /dev/null and b/src/assets/gallery/21/FINAL-50.avif differ
diff --git a/src/assets/gallery/21/FINAL-50.jpg b/src/assets/gallery/21/FINAL-50.jpg
new file mode 100644
index 0000000..977a1a3
Binary files /dev/null and b/src/assets/gallery/21/FINAL-50.jpg differ
diff --git a/src/assets/gallery/21/FINAL-50.webp b/src/assets/gallery/21/FINAL-50.webp
new file mode 100644
index 0000000..fd3a4f7
Binary files /dev/null and b/src/assets/gallery/21/FINAL-50.webp differ
diff --git a/src/assets/gallery/21/FINAL.png b/src/assets/gallery/21/FINAL.png
new file mode 100644
index 0000000..6f4aa71
Binary files /dev/null and b/src/assets/gallery/21/FINAL.png differ
diff --git a/src/assets/gallery/3/FINAL-50.avif b/src/assets/gallery/3/FINAL-50.avif
new file mode 100644
index 0000000..ccd1691
Binary files /dev/null and b/src/assets/gallery/3/FINAL-50.avif differ
diff --git a/src/assets/gallery/3/FINAL-50.jpg b/src/assets/gallery/3/FINAL-50.jpg
new file mode 100644
index 0000000..bc0f647
Binary files /dev/null and b/src/assets/gallery/3/FINAL-50.jpg differ
diff --git a/src/assets/gallery/3/FINAL-50.webp b/src/assets/gallery/3/FINAL-50.webp
new file mode 100644
index 0000000..5b53391
Binary files /dev/null and b/src/assets/gallery/3/FINAL-50.webp differ
diff --git a/src/assets/gallery/3/FINAL.png b/src/assets/gallery/3/FINAL.png
new file mode 100644
index 0000000..8d40210
Binary files /dev/null and b/src/assets/gallery/3/FINAL.png differ
diff --git a/src/assets/gallery/4/FINAL-50.avif b/src/assets/gallery/4/FINAL-50.avif
new file mode 100644
index 0000000..5e3559a
Binary files /dev/null and b/src/assets/gallery/4/FINAL-50.avif differ
diff --git a/src/assets/gallery/4/FINAL-50.jpg b/src/assets/gallery/4/FINAL-50.jpg
new file mode 100644
index 0000000..0c5e1b6
Binary files /dev/null and b/src/assets/gallery/4/FINAL-50.jpg differ
diff --git a/src/assets/gallery/4/FINAL-50.webp b/src/assets/gallery/4/FINAL-50.webp
new file mode 100644
index 0000000..f856a2f
Binary files /dev/null and b/src/assets/gallery/4/FINAL-50.webp differ
diff --git a/src/assets/gallery/4/FINAL.png b/src/assets/gallery/4/FINAL.png
new file mode 100644
index 0000000..95a450b
Binary files /dev/null and b/src/assets/gallery/4/FINAL.png differ
diff --git a/src/assets/gallery/5/FINAL-50.avif b/src/assets/gallery/5/FINAL-50.avif
new file mode 100644
index 0000000..34c6713
Binary files /dev/null and b/src/assets/gallery/5/FINAL-50.avif differ
diff --git a/src/assets/gallery/5/FINAL-50.jpg b/src/assets/gallery/5/FINAL-50.jpg
new file mode 100644
index 0000000..668d7e6
Binary files /dev/null and b/src/assets/gallery/5/FINAL-50.jpg differ
diff --git a/src/assets/gallery/5/FINAL-50.webp b/src/assets/gallery/5/FINAL-50.webp
new file mode 100644
index 0000000..1d2b1d5
Binary files /dev/null and b/src/assets/gallery/5/FINAL-50.webp differ
diff --git a/src/assets/gallery/5/FINAL.png b/src/assets/gallery/5/FINAL.png
new file mode 100644
index 0000000..e2c6c23
Binary files /dev/null and b/src/assets/gallery/5/FINAL.png differ
diff --git a/src/assets/gallery/6/FINAL-50.avif b/src/assets/gallery/6/FINAL-50.avif
new file mode 100644
index 0000000..d1926a0
Binary files /dev/null and b/src/assets/gallery/6/FINAL-50.avif differ
diff --git a/src/assets/gallery/6/FINAL-50.jpg b/src/assets/gallery/6/FINAL-50.jpg
new file mode 100644
index 0000000..574c929
Binary files /dev/null and b/src/assets/gallery/6/FINAL-50.jpg differ
diff --git a/src/assets/gallery/6/FINAL-50.webp b/src/assets/gallery/6/FINAL-50.webp
new file mode 100644
index 0000000..60a38e2
Binary files /dev/null and b/src/assets/gallery/6/FINAL-50.webp differ
diff --git a/src/assets/gallery/6/FINAL.png b/src/assets/gallery/6/FINAL.png
new file mode 100644
index 0000000..9a64cb3
Binary files /dev/null and b/src/assets/gallery/6/FINAL.png differ
diff --git a/src/assets/gallery/7/FINAL-50.avif b/src/assets/gallery/7/FINAL-50.avif
new file mode 100644
index 0000000..da06021
Binary files /dev/null and b/src/assets/gallery/7/FINAL-50.avif differ
diff --git a/src/assets/gallery/7/FINAL-50.jpg b/src/assets/gallery/7/FINAL-50.jpg
new file mode 100644
index 0000000..8e839e5
Binary files /dev/null and b/src/assets/gallery/7/FINAL-50.jpg differ
diff --git a/src/assets/gallery/7/FINAL-50.webp b/src/assets/gallery/7/FINAL-50.webp
new file mode 100644
index 0000000..a5d1c2d
Binary files /dev/null and b/src/assets/gallery/7/FINAL-50.webp differ
diff --git a/src/assets/gallery/7/FINAL.png b/src/assets/gallery/7/FINAL.png
new file mode 100644
index 0000000..29c255f
Binary files /dev/null and b/src/assets/gallery/7/FINAL.png differ
diff --git a/src/assets/gallery/8/FINAL-50.avif b/src/assets/gallery/8/FINAL-50.avif
new file mode 100644
index 0000000..94c3ec9
Binary files /dev/null and b/src/assets/gallery/8/FINAL-50.avif differ
diff --git a/src/assets/gallery/8/FINAL-50.jpg b/src/assets/gallery/8/FINAL-50.jpg
new file mode 100644
index 0000000..9e9b435
Binary files /dev/null and b/src/assets/gallery/8/FINAL-50.jpg differ
diff --git a/src/assets/gallery/8/FINAL-50.webp b/src/assets/gallery/8/FINAL-50.webp
new file mode 100644
index 0000000..ac558c9
Binary files /dev/null and b/src/assets/gallery/8/FINAL-50.webp differ
diff --git a/src/assets/gallery/8/FINAL.png b/src/assets/gallery/8/FINAL.png
new file mode 100644
index 0000000..eb7f384
Binary files /dev/null and b/src/assets/gallery/8/FINAL.png differ
diff --git a/src/assets/gallery/9/FINAL-50.avif b/src/assets/gallery/9/FINAL-50.avif
new file mode 100644
index 0000000..7d76a59
Binary files /dev/null and b/src/assets/gallery/9/FINAL-50.avif differ
diff --git a/src/assets/gallery/9/FINAL-50.jpg b/src/assets/gallery/9/FINAL-50.jpg
new file mode 100644
index 0000000..e09a291
Binary files /dev/null and b/src/assets/gallery/9/FINAL-50.jpg differ
diff --git a/src/assets/gallery/9/FINAL-50.webp b/src/assets/gallery/9/FINAL-50.webp
new file mode 100644
index 0000000..9fc417f
Binary files /dev/null and b/src/assets/gallery/9/FINAL-50.webp differ
diff --git a/src/assets/gallery/9/FINAL.png b/src/assets/gallery/9/FINAL.png
new file mode 100644
index 0000000..a070bad
Binary files /dev/null and b/src/assets/gallery/9/FINAL.png differ
diff --git a/src/assets/gallery/winners/1-chess/FINAL-50.avif b/src/assets/gallery/winners/1-chess/FINAL-50.avif
new file mode 100644
index 0000000..a440db6
Binary files /dev/null and b/src/assets/gallery/winners/1-chess/FINAL-50.avif differ
diff --git a/src/assets/gallery/winners/1-chess/FINAL-50.jpg b/src/assets/gallery/winners/1-chess/FINAL-50.jpg
new file mode 100644
index 0000000..03052c3
Binary files /dev/null and b/src/assets/gallery/winners/1-chess/FINAL-50.jpg differ
diff --git a/src/assets/gallery/winners/1-chess/FINAL-50.webp b/src/assets/gallery/winners/1-chess/FINAL-50.webp
new file mode 100644
index 0000000..894a28b
Binary files /dev/null and b/src/assets/gallery/winners/1-chess/FINAL-50.webp differ
diff --git a/src/assets/gallery/winners/1-chess/FINAL.png b/src/assets/gallery/winners/1-chess/FINAL.png
new file mode 100644
index 0000000..219b4ef
Binary files /dev/null and b/src/assets/gallery/winners/1-chess/FINAL.png differ
diff --git a/src/assets/gallery/winners/2-intel/FINAL-50.avif b/src/assets/gallery/winners/2-intel/FINAL-50.avif
new file mode 100644
index 0000000..ace09a6
Binary files /dev/null and b/src/assets/gallery/winners/2-intel/FINAL-50.avif differ
diff --git a/src/assets/gallery/winners/2-intel/FINAL-50.jpg b/src/assets/gallery/winners/2-intel/FINAL-50.jpg
new file mode 100644
index 0000000..787b18a
Binary files /dev/null and b/src/assets/gallery/winners/2-intel/FINAL-50.jpg differ
diff --git a/src/assets/gallery/winners/2-intel/FINAL-50.webp b/src/assets/gallery/winners/2-intel/FINAL-50.webp
new file mode 100644
index 0000000..2ccfe91
Binary files /dev/null and b/src/assets/gallery/winners/2-intel/FINAL-50.webp differ
diff --git a/src/assets/gallery/winners/2-intel/FINAL.png b/src/assets/gallery/winners/2-intel/FINAL.png
new file mode 100644
index 0000000..42aec76
Binary files /dev/null and b/src/assets/gallery/winners/2-intel/FINAL.png differ
diff --git a/src/assets/gallery/winners/3-frasers/FINAL-50.avif b/src/assets/gallery/winners/3-frasers/FINAL-50.avif
new file mode 100644
index 0000000..234683c
Binary files /dev/null and b/src/assets/gallery/winners/3-frasers/FINAL-50.avif differ
diff --git a/src/assets/gallery/winners/3-frasers/FINAL-50.jpg b/src/assets/gallery/winners/3-frasers/FINAL-50.jpg
new file mode 100644
index 0000000..dec7e5e
Binary files /dev/null and b/src/assets/gallery/winners/3-frasers/FINAL-50.jpg differ
diff --git a/src/assets/gallery/winners/3-frasers/FINAL-50.webp b/src/assets/gallery/winners/3-frasers/FINAL-50.webp
new file mode 100644
index 0000000..db3fc8b
Binary files /dev/null and b/src/assets/gallery/winners/3-frasers/FINAL-50.webp differ
diff --git a/src/assets/gallery/winners/3-frasers/FINAL.png b/src/assets/gallery/winners/3-frasers/FINAL.png
new file mode 100644
index 0000000..8ea4da6
Binary files /dev/null and b/src/assets/gallery/winners/3-frasers/FINAL.png differ
diff --git a/src/assets/gallery/winners/4-capital-one/1/FINAL-50.avif b/src/assets/gallery/winners/4-capital-one/1/FINAL-50.avif
new file mode 100644
index 0000000..2e6b2b5
Binary files /dev/null and b/src/assets/gallery/winners/4-capital-one/1/FINAL-50.avif differ
diff --git a/src/assets/gallery/winners/4-capital-one/1/FINAL-50.jpg b/src/assets/gallery/winners/4-capital-one/1/FINAL-50.jpg
new file mode 100644
index 0000000..4d39b3f
Binary files /dev/null and b/src/assets/gallery/winners/4-capital-one/1/FINAL-50.jpg differ
diff --git a/src/assets/gallery/winners/4-capital-one/1/FINAL-50.webp b/src/assets/gallery/winners/4-capital-one/1/FINAL-50.webp
new file mode 100644
index 0000000..e094248
Binary files /dev/null and b/src/assets/gallery/winners/4-capital-one/1/FINAL-50.webp differ
diff --git a/src/assets/gallery/winners/4-capital-one/1/FINAL.png b/src/assets/gallery/winners/4-capital-one/1/FINAL.png
new file mode 100644
index 0000000..c5c35cb
Binary files /dev/null and b/src/assets/gallery/winners/4-capital-one/1/FINAL.png differ
diff --git a/src/assets/gallery/winners/4-capital-one/2/FINAL-50.avif b/src/assets/gallery/winners/4-capital-one/2/FINAL-50.avif
new file mode 100644
index 0000000..746c71e
Binary files /dev/null and b/src/assets/gallery/winners/4-capital-one/2/FINAL-50.avif differ
diff --git a/src/assets/gallery/winners/4-capital-one/2/FINAL-50.jpg b/src/assets/gallery/winners/4-capital-one/2/FINAL-50.jpg
new file mode 100644
index 0000000..0aa53db
Binary files /dev/null and b/src/assets/gallery/winners/4-capital-one/2/FINAL-50.jpg differ
diff --git a/src/assets/gallery/winners/4-capital-one/2/FINAL-50.webp b/src/assets/gallery/winners/4-capital-one/2/FINAL-50.webp
new file mode 100644
index 0000000..b6c5f7f
Binary files /dev/null and b/src/assets/gallery/winners/4-capital-one/2/FINAL-50.webp differ
diff --git a/src/assets/gallery/winners/4-capital-one/2/FINAL.png b/src/assets/gallery/winners/4-capital-one/2/FINAL.png
new file mode 100644
index 0000000..b51a440
Binary files /dev/null and b/src/assets/gallery/winners/4-capital-one/2/FINAL.png differ
diff --git a/src/assets/gallery/winners/5-hackiest-hack/FINAL-50.avif b/src/assets/gallery/winners/5-hackiest-hack/FINAL-50.avif
new file mode 100644
index 0000000..5a93ef9
Binary files /dev/null and b/src/assets/gallery/winners/5-hackiest-hack/FINAL-50.avif differ
diff --git a/src/assets/gallery/winners/5-hackiest-hack/FINAL-50.jpg b/src/assets/gallery/winners/5-hackiest-hack/FINAL-50.jpg
new file mode 100644
index 0000000..d5092cf
Binary files /dev/null and b/src/assets/gallery/winners/5-hackiest-hack/FINAL-50.jpg differ
diff --git a/src/assets/gallery/winners/5-hackiest-hack/FINAL-50.webp b/src/assets/gallery/winners/5-hackiest-hack/FINAL-50.webp
new file mode 100644
index 0000000..eb45c77
Binary files /dev/null and b/src/assets/gallery/winners/5-hackiest-hack/FINAL-50.webp differ
diff --git a/src/assets/gallery/winners/5-hackiest-hack/FINAL.png b/src/assets/gallery/winners/5-hackiest-hack/FINAL.png
new file mode 100644
index 0000000..7259360
Binary files /dev/null and b/src/assets/gallery/winners/5-hackiest-hack/FINAL.png differ
diff --git a/src/assets/gallery/winners/6-winners/1/FINAL-50.avif b/src/assets/gallery/winners/6-winners/1/FINAL-50.avif
new file mode 100644
index 0000000..c471d32
Binary files /dev/null and b/src/assets/gallery/winners/6-winners/1/FINAL-50.avif differ
diff --git a/src/assets/gallery/winners/6-winners/1/FINAL-50.jpg b/src/assets/gallery/winners/6-winners/1/FINAL-50.jpg
new file mode 100644
index 0000000..f6c0f13
Binary files /dev/null and b/src/assets/gallery/winners/6-winners/1/FINAL-50.jpg differ
diff --git a/src/assets/gallery/winners/6-winners/1/FINAL-50.webp b/src/assets/gallery/winners/6-winners/1/FINAL-50.webp
new file mode 100644
index 0000000..90a20d2
Binary files /dev/null and b/src/assets/gallery/winners/6-winners/1/FINAL-50.webp differ
diff --git a/src/assets/gallery/winners/6-winners/1/FINAL.png b/src/assets/gallery/winners/6-winners/1/FINAL.png
new file mode 100644
index 0000000..2f9117e
Binary files /dev/null and b/src/assets/gallery/winners/6-winners/1/FINAL.png differ
diff --git a/src/assets/gallery/winners/6-winners/2/FINAL-50.avif b/src/assets/gallery/winners/6-winners/2/FINAL-50.avif
new file mode 100644
index 0000000..0423197
Binary files /dev/null and b/src/assets/gallery/winners/6-winners/2/FINAL-50.avif differ
diff --git a/src/assets/gallery/winners/6-winners/2/FINAL-50.jpg b/src/assets/gallery/winners/6-winners/2/FINAL-50.jpg
new file mode 100644
index 0000000..1e4d5cc
Binary files /dev/null and b/src/assets/gallery/winners/6-winners/2/FINAL-50.jpg differ
diff --git a/src/assets/gallery/winners/6-winners/2/FINAL-50.webp b/src/assets/gallery/winners/6-winners/2/FINAL-50.webp
new file mode 100644
index 0000000..fccf22e
Binary files /dev/null and b/src/assets/gallery/winners/6-winners/2/FINAL-50.webp differ
diff --git a/src/assets/gallery/winners/6-winners/2/FINAL.png b/src/assets/gallery/winners/6-winners/2/FINAL.png
new file mode 100644
index 0000000..b2177b5
Binary files /dev/null and b/src/assets/gallery/winners/6-winners/2/FINAL.png differ
diff --git a/src/assets/gallery/winners/7-retro/FINAL-50.avif b/src/assets/gallery/winners/7-retro/FINAL-50.avif
new file mode 100644
index 0000000..a61d1ba
Binary files /dev/null and b/src/assets/gallery/winners/7-retro/FINAL-50.avif differ
diff --git a/src/assets/gallery/winners/7-retro/FINAL-50.jpg b/src/assets/gallery/winners/7-retro/FINAL-50.jpg
new file mode 100644
index 0000000..744b1a8
Binary files /dev/null and b/src/assets/gallery/winners/7-retro/FINAL-50.jpg differ
diff --git a/src/assets/gallery/winners/7-retro/FINAL-50.webp b/src/assets/gallery/winners/7-retro/FINAL-50.webp
new file mode 100644
index 0000000..9bbe316
Binary files /dev/null and b/src/assets/gallery/winners/7-retro/FINAL-50.webp differ
diff --git a/src/assets/gallery/winners/7-retro/FINAL.png b/src/assets/gallery/winners/7-retro/FINAL.png
new file mode 100644
index 0000000..1450110
Binary files /dev/null and b/src/assets/gallery/winners/7-retro/FINAL.png differ
diff --git a/src/assets/gallery/winners/8-first-time-hacker/1/FINAL-50.avif b/src/assets/gallery/winners/8-first-time-hacker/1/FINAL-50.avif
new file mode 100644
index 0000000..08b8572
Binary files /dev/null and b/src/assets/gallery/winners/8-first-time-hacker/1/FINAL-50.avif differ
diff --git a/src/assets/gallery/winners/8-first-time-hacker/1/FINAL-50.jpg b/src/assets/gallery/winners/8-first-time-hacker/1/FINAL-50.jpg
new file mode 100644
index 0000000..d7c4d8d
Binary files /dev/null and b/src/assets/gallery/winners/8-first-time-hacker/1/FINAL-50.jpg differ
diff --git a/src/assets/gallery/winners/8-first-time-hacker/1/FINAL-50.webp b/src/assets/gallery/winners/8-first-time-hacker/1/FINAL-50.webp
new file mode 100644
index 0000000..5f00e10
Binary files /dev/null and b/src/assets/gallery/winners/8-first-time-hacker/1/FINAL-50.webp differ
diff --git a/src/assets/gallery/winners/8-first-time-hacker/1/FINAL.png b/src/assets/gallery/winners/8-first-time-hacker/1/FINAL.png
new file mode 100644
index 0000000..dcee442
Binary files /dev/null and b/src/assets/gallery/winners/8-first-time-hacker/1/FINAL.png differ
diff --git a/src/assets/gallery/winners/8-first-time-hacker/2/FINAL-50.avif b/src/assets/gallery/winners/8-first-time-hacker/2/FINAL-50.avif
new file mode 100644
index 0000000..7e84fd3
Binary files /dev/null and b/src/assets/gallery/winners/8-first-time-hacker/2/FINAL-50.avif differ
diff --git a/src/assets/gallery/winners/8-first-time-hacker/2/FINAL-50.jpg b/src/assets/gallery/winners/8-first-time-hacker/2/FINAL-50.jpg
new file mode 100644
index 0000000..9da3e11
Binary files /dev/null and b/src/assets/gallery/winners/8-first-time-hacker/2/FINAL-50.jpg differ
diff --git a/src/assets/gallery/winners/8-first-time-hacker/2/FINAL-50.webp b/src/assets/gallery/winners/8-first-time-hacker/2/FINAL-50.webp
new file mode 100644
index 0000000..25c87f9
Binary files /dev/null and b/src/assets/gallery/winners/8-first-time-hacker/2/FINAL-50.webp differ
diff --git a/src/assets/gallery/winners/8-first-time-hacker/2/FINAL.png b/src/assets/gallery/winners/8-first-time-hacker/2/FINAL.png
new file mode 100644
index 0000000..349e7fa
Binary files /dev/null and b/src/assets/gallery/winners/8-first-time-hacker/2/FINAL.png differ
diff --git a/src/assets/zero.svg b/src/assets/zero.svg
new file mode 100644
index 0000000..c555b80
--- /dev/null
+++ b/src/assets/zero.svg
@@ -0,0 +1,24 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 13.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 14948)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="64px" height="64px" viewBox="-0.5 0.5 64 64" enable-background="new -0.5 0.5 64 64" xml:space="preserve">
+<g>
+	<circle fill="#FFFFFF" cx="31.325" cy="32.873" r="30.096"/>
+	<path id="text2809_1_" d="M31.5,14.08c-10.565,0-13.222,9.969-13.222,18.42c0,8.452,2.656,18.42,13.222,18.42
+		c10.564,0,13.221-9.968,13.221-18.42C44.721,24.049,42.064,14.08,31.5,14.08z M31.5,21.026c0.429,0,0.82,0.066,1.188,0.157
+		c0.761,0.656,1.133,1.561,0.403,2.823l-7.036,12.93c-0.216-1.636-0.247-3.24-0.247-4.437C25.808,28.777,26.066,21.026,31.5,21.026z
+		 M36.766,26.987c0.373,1.984,0.426,4.056,0.426,5.513c0,3.723-0.258,11.475-5.69,11.475c-0.428,0-0.822-0.045-1.188-0.136
+		c-0.07-0.021-0.134-0.043-0.202-0.067c-0.112-0.032-0.23-0.068-0.336-0.11c-1.21-0.515-1.972-1.446-0.874-3.093L36.766,26.987z"/>
+	<path id="path2815_1_" d="M31.433,0.5c-8.877,0-16.359,3.09-22.454,9.3c-3.087,3.087-5.443,6.607-7.082,10.532
+		C0.297,24.219-0.5,28.271-0.5,32.5c0,4.268,0.797,8.32,2.397,12.168c1.6,3.85,3.921,7.312,6.969,10.396
+		c3.085,3.049,6.549,5.399,10.398,7.037c3.886,1.602,7.939,2.398,12.169,2.398c4.229,0,8.34-0.826,12.303-2.465
+		c3.962-1.639,7.496-3.994,10.621-7.081c3.011-2.933,5.289-6.297,6.812-10.106C62.73,41,63.5,36.883,63.5,32.5
+		c0-4.343-0.77-8.454-2.33-12.303c-1.562-3.885-3.848-7.32-6.857-10.33C48.025,3.619,40.385,0.5,31.433,0.5z M31.567,6.259
+		c7.238,0,13.412,2.566,18.554,7.709c2.477,2.477,4.375,5.31,5.67,8.471c1.296,3.162,1.949,6.518,1.949,10.061
+		c0,7.354-2.516,13.454-7.506,18.33c-2.592,2.516-5.502,4.447-8.74,5.781c-3.2,1.334-6.498,1.994-9.927,1.994
+		c-3.468,0-6.788-0.653-9.949-1.948c-3.163-1.334-6.001-3.238-8.516-5.716c-2.515-2.514-4.455-5.353-5.826-8.516
+		c-1.333-3.199-2.017-6.498-2.017-9.927c0-3.467,0.684-6.787,2.017-9.949c1.371-3.2,3.312-6.074,5.826-8.628
+		C18.092,8.818,24.252,6.259,31.567,6.259z"/>
+</g>
+</svg>
diff --git a/src/components/shared/HackNottsNavbar.tsx b/src/components/shared/HackNottsNavbar.tsx
index f5aa240..fc16a61 100644
--- a/src/components/shared/HackNottsNavbar.tsx
+++ b/src/components/shared/HackNottsNavbar.tsx
@@ -1,6 +1,6 @@
 // import {useEffect, useState} from "react";
-import {Container, Navbar, Nav, Button} from "react-bootstrap";
-import {ReactComponent as HackNottsLogo} from "@assets/hacknotts_beeb_logo.svg"
+import { Container, Navbar, Nav, Button } from "react-bootstrap";
+import { ReactComponent as HackNottsLogo } from "@assets/hacknotts_beeb_logo.svg"
 import { ReactComponent as HackNottsStackedLogo } from "@assets/hacknotts_stacked_logo.svg";
 // import {useColorMode, ColorMode} from "@utils/ColorModeContext.tsx";
 
@@ -11,39 +11,40 @@ interface HackNottsBaseProps {
 
 // const colorModes : ColorMode[] = ["light", "dark"]
 
-function HackNottsNavbar(props : HackNottsBaseProps): JSX.Element {
+function HackNottsNavbar(props: HackNottsBaseProps): JSX.Element {
     // const [colorMode, setColorMode] = useColorMode()
     // const [currentColorModeIndex, setCurrentColourModeIndex] = useState(Math.max(colorModes.indexOf(colorMode), 0))
-    
+
     // const handleNextColorMode = function () {
     //     setCurrentColourModeIndex(x => (x + 1) % colorModes.length)
     // }
-    
+
     // useEffect(() => {
     //     setColorMode(colorModes[currentColorModeIndex])
     // }, [currentColorModeIndex])
-    
-    return <Navbar expand={props.hideTitle ? "sm": "lg"} bg="light" variant="light" sticky="top" className="w-100">
+
+    return <Navbar expand={props.hideTitle ? "sm" : "lg"} bg="light" variant="light" sticky="top" className="w-100">
         <Container className={`w-100 ${props.hideTitle ? "flex-row-reverse" : "flex-row"}`}>
             {!props.hideTitle ? <Navbar.Brand href="/" className="d-flex flex-nowrap align-items-center">
                 <div className={`d-block d-sm-none d-${props.titleBreakpoint}-none`}>
-                    <HackNottsStackedLogo style={{maxHeight:"2rem"}}/>
+                    <HackNottsStackedLogo style={{ maxHeight: "2rem" }} />
                 </div>
                 <div className={`d-none d-sm-block d-${props.titleBreakpoint}-none`}>
-                    <HackNottsLogo aria-label="HackNotts Home" style={{maxHeight:"4rem", height:"100%"}}/>
+                    <HackNottsLogo aria-label="HackNotts Home" style={{ maxHeight: "4rem", height: "100%" }} />
                 </div>
             </Navbar.Brand> : null}
-            <Navbar.Toggle aria-controls="basic-navbar-nav"/>
+            <Navbar.Toggle aria-controls="basic-navbar-nav" />
             <Navbar.Collapse id="basic-navbar-nav">
                 <Nav className="ms-auto">
                     <Nav.Link className="m-1" href="/sponsors">Sponsors</Nav.Link>
                     <Nav.Link className="m-1" href="/schedule">Schedule</Nav.Link>
                     <Nav.Link className="m-1" href="/about">About</Nav.Link>
                     <Nav.Link className="m-1" href="/faq">FAQ</Nav.Link>
+                    <Nav.Link className="m-1" href="/gallery">Gallery</Nav.Link>
                     {/*<Button onClick={handleNextColorMode}>*/}
                     {/*    {{"light": "MICRO", "dark": "SPECTRUM"}[colorModes[currentColorModeIndex]]}*/}
                     {/*</Button>*/}
-                    <Button href="/#tickets" className="m-1 bg-gradient text-primary border-0 comic fw-bolder" style={{fontSize: "1.1rem"}}>Get Tickets</Button>
+                    <Button href="/#tickets" className="m-1 bg-gradient text-primary border-0 comic fw-bolder" style={{ fontSize: "1.1rem" }}>Get Tickets</Button>
                 </Nav>
             </Navbar.Collapse>
         </Container>
diff --git a/src/main.tsx b/src/main.tsx
index 5de6a21..e1ca8bc 100644
--- a/src/main.tsx
+++ b/src/main.tsx
@@ -4,9 +4,10 @@ import {
   createBrowserRouter,
   RouterProvider,
 } from "react-router-dom"
-import { Home, Sponsors, Schedule, About, FAQ} from '@views'
+import { Home, Sponsors, Schedule, About, FAQ } from '@views'
 import './index.scss'
 import { ColorModeProvider } from "./utils/ColorModeContext.tsx";
+import Gallery from '@views/gallery.tsx'
 
 const router = createBrowserRouter([
   {
@@ -29,6 +30,10 @@ const router = createBrowserRouter([
     path: "/faq",
     element: <FAQ />,
   },
+  {
+    path: "/gallery",
+    element: <Gallery />
+  }
 ]);
 
 ReactDOM.createRoot(document.getElementById('root') as HTMLElement).render(
diff --git a/src/views/gallery.tsx b/src/views/gallery.tsx
new file mode 100644
index 0000000..0cf9764
--- /dev/null
+++ b/src/views/gallery.tsx
@@ -0,0 +1,297 @@
+import HackNottsDecoratedPage from "@components/shared/HackNottsDecoratedPage";
+import HackNottsSectionHeader from "@components/shared/HackNottsSectionHeader";
+import { ReactComponent as CC } from "@assets/cc.svg"
+import { ReactComponent as Zero } from "@assets/zero.svg"
+
+// god i wish there was an easier way of doing this
+import Img1JPEG from "@assets/gallery/1/FINAL-50.jpg"
+import Img1AVIF from "@assets/gallery/1/FINAL-50.avif"
+import Img1WEBP from "@assets/gallery/1/FINAL-50.webp"
+import Img2JPEG from "@assets/gallery/2/FINAL-50.jpg"
+import Img2AVIF from "@assets/gallery/2/FINAL-50.avif"
+import Img2WEBP from "@assets/gallery/2/FINAL-50.webp"
+import Img3JPEG from "@assets/gallery/3/FINAL-50.jpg"
+import Img3AVIF from "@assets/gallery/3/FINAL-50.avif"
+import Img3WEBP from "@assets/gallery/3/FINAL-50.webp"
+import Img4JPEG from "@assets/gallery/4/FINAL-50.jpg"
+import Img4AVIF from "@assets/gallery/4/FINAL-50.avif"
+import Img4WEBP from "@assets/gallery/4/FINAL-50.webp"
+import Img5JPEG from "@assets/gallery/5/FINAL-50.jpg"
+import Img5AVIF from "@assets/gallery/5/FINAL-50.avif"
+import Img5WEBP from "@assets/gallery/5/FINAL-50.webp"
+import Img6JPEG from "@assets/gallery/6/FINAL-50.jpg"
+import Img6AVIF from "@assets/gallery/6/FINAL-50.avif"
+import Img6WEBP from "@assets/gallery/6/FINAL-50.webp"
+import Img7JPEG from "@assets/gallery/7/FINAL-50.jpg"
+import Img7AVIF from "@assets/gallery/7/FINAL-50.avif"
+import Img7WEBP from "@assets/gallery/7/FINAL-50.webp"
+import Img8JPEG from "@assets/gallery/8/FINAL-50.jpg"
+import Img8AVIF from "@assets/gallery/8/FINAL-50.avif"
+import Img8WEBP from "@assets/gallery/8/FINAL-50.webp"
+import Img9JPEG from "@assets/gallery/9/FINAL-50.jpg"
+import Img9AVIF from "@assets/gallery/9/FINAL-50.avif"
+import Img9WEBP from "@assets/gallery/9/FINAL-50.webp"
+import Img10JPEG from "@assets/gallery/10/FINAL-50.jpg"
+import Img10AVIF from "@assets/gallery/10/FINAL-50.avif"
+import Img10WEBP from "@assets/gallery/10/FINAL-50.webp"
+import Img11JPEG from "@assets/gallery/11/FINAL-50.jpg"
+import Img11AVIF from "@assets/gallery/11/FINAL-50.avif"
+import Img11WEBP from "@assets/gallery/11/FINAL-50.webp"
+import Img12JPEG from "@assets/gallery/12/FINAL-50.jpg"
+import Img12AVIF from "@assets/gallery/12/FINAL-50.avif"
+import Img12WEBP from "@assets/gallery/12/FINAL-50.webp"
+import Img13JPEG from "@assets/gallery/13/FINAL-50.jpg"
+import Img13AVIF from "@assets/gallery/13/FINAL-50.avif"
+import Img13WEBP from "@assets/gallery/13/FINAL-50.webp"
+import Img14JPEG from "@assets/gallery/14/FINAL-50.jpg"
+import Img14AVIF from "@assets/gallery/14/FINAL-50.avif"
+import Img14WEBP from "@assets/gallery/14/FINAL-50.webp"
+import Img15JPEG from "@assets/gallery/15/FINAL-50.jpg"
+import Img15AVIF from "@assets/gallery/15/FINAL-50.avif"
+import Img15WEBP from "@assets/gallery/15/FINAL-50.webp"
+import Img16JPEG from "@assets/gallery/16/FINAL-50.jpg"
+import Img16AVIF from "@assets/gallery/16/FINAL-50.avif"
+import Img16WEBP from "@assets/gallery/16/FINAL-50.webp"
+import Img17JPEG from "@assets/gallery/17/FINAL-50.jpg"
+import Img17AVIF from "@assets/gallery/17/FINAL-50.avif"
+import Img17WEBP from "@assets/gallery/17/FINAL-50.webp"
+import Img18JPEG from "@assets/gallery/18/FINAL-50.jpg"
+import Img18AVIF from "@assets/gallery/18/FINAL-50.avif"
+import Img18WEBP from "@assets/gallery/18/FINAL-50.webp"
+import Img19JPEG from "@assets/gallery/19/FINAL-50.jpg"
+import Img19AVIF from "@assets/gallery/19/FINAL-50.avif"
+import Img19WEBP from "@assets/gallery/19/FINAL-50.webp"
+import Img20JPEG from "@assets/gallery/20/FINAL-50.jpg"
+import Img20AVIF from "@assets/gallery/20/FINAL-50.avif"
+import Img20WEBP from "@assets/gallery/20/FINAL-50.webp"
+import Img21JPEG from "@assets/gallery/21/FINAL-50.jpg"
+import Img21AVIF from "@assets/gallery/21/FINAL-50.avif"
+import Img21WEBP from "@assets/gallery/21/FINAL-50.webp"
+import ChessJPEG from "@assets/gallery/winners/1-chess/FINAL-50.jpg"
+import ChessAVIF from "@assets/gallery/winners/1-chess/FINAL-50.avif"
+import ChessWEBP from "@assets/gallery/winners/1-chess/FINAL-50.webp"
+import IntelJPEG from "@assets/gallery/winners/2-intel/FINAL-50.jpg"
+import IntelAVIF from "@assets/gallery/winners/2-intel/FINAL-50.avif"
+import IntelWEBP from "@assets/gallery/winners/2-intel/FINAL-50.webp"
+import FrasersJPEG from "@assets/gallery/winners/3-frasers/FINAL-50.jpg"
+import FrasersAVIF from "@assets/gallery/winners/3-frasers/FINAL-50.avif"
+import FrasersWEBP from "@assets/gallery/winners/3-frasers/FINAL-50.webp"
+import CapitalOne1JPEG from "@assets/gallery/winners/4-capital-one/1/FINAL-50.jpg"
+import CapitalOne1AVIF from "@assets/gallery/winners/4-capital-one/1/FINAL-50.avif"
+import CapitalOne1WEBP from "@assets/gallery/winners/4-capital-one/1/FINAL-50.webp"
+import CapitalOne2JPEG from "@assets/gallery/winners/4-capital-one/2/FINAL-50.jpg"
+import CapitalOne2AVIF from "@assets/gallery/winners/4-capital-one/2/FINAL-50.avif"
+import CapitalOne2WEBP from "@assets/gallery/winners/4-capital-one/2/FINAL-50.webp"
+import HackiestJPEG from "@assets/gallery/winners/5-hackiest-hack/FINAL-50.jpg"
+import HackiestAVIF from "@assets/gallery/winners/5-hackiest-hack/FINAL-50.avif"
+import HackiestWEBP from "@assets/gallery/winners/5-hackiest-hack/FINAL-50.webp"
+import Winners1JPEG from "@assets/gallery/winners/6-winners/1/FINAL-50.jpg"
+import Winners1AVIF from "@assets/gallery/winners/6-winners/1/FINAL-50.avif"
+import Winners1WEBP from "@assets/gallery/winners/6-winners/1/FINAL-50.webp"
+import Winners2JPEG from "@assets/gallery/winners/6-winners/2/FINAL-50.jpg"
+import Winners2AVIF from "@assets/gallery/winners/6-winners/2/FINAL-50.avif"
+import Winners2WEBP from "@assets/gallery/winners/6-winners/2/FINAL-50.webp"
+import RetroJPEG from "@assets/gallery/winners/7-retro/FINAL-50.jpg"
+import RetroAVIF from "@assets/gallery/winners/7-retro/FINAL-50.avif"
+import RetroWEBP from "@assets/gallery/winners/7-retro/FINAL-50.webp"
+import FirstHacker1JPEG from "@assets/gallery/winners/8-first-time-hacker/1/FINAL-50.jpg"
+import FirstHacker1AVIF from "@assets/gallery/winners/8-first-time-hacker/1/FINAL-50.avif"
+import FirstHacker1WEBP from "@assets/gallery/winners/8-first-time-hacker/1/FINAL-50.webp"
+import FirstHacker2JPEG from "@assets/gallery/winners/8-first-time-hacker/2/FINAL-50.jpg"
+import FirstHacker2AVIF from "@assets/gallery/winners/8-first-time-hacker/2/FINAL-50.avif"
+import FirstHacker2WEBP from "@assets/gallery/winners/8-first-time-hacker/2/FINAL-50.webp"
+
+import { Col, Container, Row } from "react-bootstrap";
+
+function Gallery(): JSX.Element {
+    return <HackNottsDecoratedPage>
+        <Container>
+            <HackNottsSectionHeader
+                title="Gallery"
+                id="Gallery"
+            />
+
+            <ul>
+                <li>All event images can be downloaded <a href="https://hacksocnotts.sharepoint.com/:f:/s/HackNottsPhotos/EmBuPf8Xic5BkXjunnlWJoEBIyv_EcOrLLF9ZjmvOTmVxw?e=3g0Yrb">here</a>.</li>
+                <li>All event images are licensed under <a href="http://creativecommons.org/publicdomain/zero/1.0">CC0 1.0
+                    {/* These CSS values are largely taken from the CC HTML generator, and messed about with until they made sense */}
+                    <CC style={{ width: "1rem", height: "1.2rem", marginLeft: "3px", verticalAlign: "text-bottom" }} />
+                    <Zero style={{ display: "inline", width: "1rem", height: "1.2rem", marginLeft: "3px", verticalAlign: "text-bottom" }} />
+                </a>.</li>
+                <li>If you want any images removed for any reason, please contact us at <a href="mailto:committee@hacksocnotts.co.uk">committee@hacksocnotts.co.uk</a>.</li>
+            </ul>
+
+            <Col>
+                <Row>
+                    <Col>
+                        <picture>
+                            <source srcSet={Img1AVIF} type="image/avif" />
+                            <source srcSet={Img1WEBP} type="image/webp" />
+                            <img src={Img1JPEG} style={{ width: "100%" }} alt="3 people at the Intel booth, with Arc A770 GPUs" />
+                        </picture>
+                        <picture>
+                            <source srcSet={Img3AVIF} type="image/avif" />
+                            <source srcSet={Img3WEBP} type="image/webp" />
+                            <img src={Img3JPEG} style={{ width: "100%" }} alt="People talking at the Capital One booth" />
+                        </picture>
+                        <picture>
+                            <source srcSet={Img5AVIF} type="image/avif" />
+                            <source srcSet={Img5WEBP} type="image/webp" />
+                            <img src={Img5JPEG} style={{ width: "100%" }} alt="Hackathons UK talking at the opening ceremony" />
+                        </picture>
+                        <picture>
+                            <source srcSet={Img7AVIF} type="image/avif" />
+                            <source srcSet={Img7WEBP} type="image/webp" />
+                            <img src={Img7JPEG} style={{ width: "100%" }} alt="Frasers Group delivering a workshop" />
+                        </picture>
+                        <picture>
+                            <source srcSet={Img9AVIF} type="image/avif" />
+                            <source srcSet={Img9WEBP} type="image/webp" />
+                            <img src={Img9JPEG} style={{ width: "100%" }} alt="People watching the Intel workshop" />
+                        </picture>
+                        <picture>
+                            <source srcSet={Img11AVIF} type="image/avif" />
+                            <source srcSet={Img11WEBP} type="image/webp" />
+                            <img src={Img11JPEG} style={{ width: "100%" }} alt="A laptop running basic raycaster, with a lot of clutter on the table" />
+                        </picture>
+                        <picture>
+                            <source srcSet={Img13AVIF} type="image/avif" />
+                            <source srcSet={Img13WEBP} type="image/webp" />
+                            <img src={Img13JPEG} style={{ width: "100%" }} alt="People working on their project, with cans and a rubber duck stacked on the table" />
+                        </picture>
+                        <picture>
+                            <source srcSet={Img15AVIF} type="image/avif" />
+                            <source srcSet={Img15WEBP} type="image/webp" />
+                            <img src={Img15JPEG} style={{ width: "100%" }} alt="Two organisers running Warewolf" />
+                        </picture>
+                        <picture>
+                            <source srcSet={Img17AVIF} type="image/avif" />
+                            <source srcSet={Img17WEBP} type="image/webp" />
+                            <img src={Img17JPEG} style={{ width: "100%" }} alt="A laptop running Minecraft, with a person sitting to the side of the laptop" />
+                        </picture>
+                        <picture>
+                            <source srcSet={Img19AVIF} type="image/avif" />
+                            <source srcSet={Img19WEBP} type="image/webp" />
+                            <img src={Img19JPEG} style={{ width: "100%" }} alt="People focusing on their laptops" />
+                        </picture>
+                        <picture>
+                            <source srcSet={Img21AVIF} type="image/avif" />
+                            <source srcSet={Img21WEBP} type="image/webp" />
+                            <img src={Img21JPEG} style={{ width: "100%" }} alt="The HackNotts organisers and volunteers. The lead organiser is in a maid dress" />
+                        </picture>
+                        <picture>
+                            <source srcSet={ChessAVIF} type="image/avif" />
+                            <source srcSet={ChessWEBP} type="image/webp" />
+                            <img src={ChessJPEG} style={{ width: "100%" }} alt="A HackNotts organiser with the chess prize winner" />
+                        </picture>
+                        <picture>
+                            <source srcSet={FrasersAVIF} type="image/avif" />
+                            <source srcSet={FrasersWEBP} type="image/webp" />
+                            <img src={FrasersJPEG} style={{ width: "100%" }} alt="The winners of Frasers' prize shaking hands with Frasers Group" />
+                        </picture>
+                        <picture>
+                            <source srcSet={CapitalOne2AVIF} type="image/avif" />
+                            <source srcSet={CapitalOne2WEBP} type="image/webp" />
+                            <img src={CapitalOne2JPEG} style={{ width: "100%" }} alt="The winners of Capital One's prize taking Capital One bags" />
+                        </picture>
+                        <picture>
+                            <source srcSet={Winners1AVIF} type="image/avif" />
+                            <source srcSet={Winners1WEBP} type="image/webp" />
+                            <img src={Winners1JPEG} style={{ width: "100%" }} alt="The winners picking up Raspberry Pi 5s" />
+                        </picture>
+                        <picture>
+                            <source srcSet={RetroAVIF} type="image/avif" />
+                            <source srcSet={RetroWEBP} type="image/webp" />
+                            <img src={RetroJPEG} style={{ width: "100%" }} alt="The retro prize winners posing with their prizes - retro computer kits and a Blahaj" />
+                        </picture>
+                    </Col>
+                    <Col>
+                        <picture>
+                            <source srcSet={Img2AVIF} type="image/avif" />
+                            <source srcSet={Img2WEBP} type="image/webp" />
+                            <img src={Img2JPEG} style={{ width: "100%" }} alt="A shot of the main hacking area" />
+                        </picture>
+                        <picture>
+                            <source srcSet={Img4AVIF} type="image/avif" />
+                            <source srcSet={Img4WEBP} type="image/webp" />
+                            <img src={Img4JPEG} style={{ width: "100%" }} alt="Two HackNotts organisers looking at a computer" />
+                        </picture>
+                        <picture>
+                            <source srcSet={Img6AVIF} type="image/avif" />
+                            <source srcSet={Img6WEBP} type="image/webp" />
+                            <img src={Img6JPEG} style={{ width: "100%" }} alt="Capital One delivering a workshop" />
+                        </picture>
+                        <picture>
+                            <source srcSet={Img8AVIF} type="image/avif" />
+                            <source srcSet={Img8WEBP} type="image/webp" />
+                            <img src={Img8JPEG} style={{ width: "100%" }} alt="Frasers Group delivering a workshop" />
+                        </picture>
+                        <picture>
+                            <source srcSet={Img10AVIF} type="image/avif" />
+                            <source srcSet={Img10WEBP} type="image/webp" />
+                            <img src={Img10JPEG} style={{ width: "100%" }} alt="A HackNotts organiser with a large stack of pizza boxes" />
+                        </picture>
+                        <picture>
+                            <source srcSet={Img12AVIF} type="image/avif" />
+                            <source srcSet={Img12WEBP} type="image/webp" />
+                            <img src={Img12JPEG} style={{ width: "100%" }} alt="Two people stacking cups in a pyramid, with multiple people behind watching" />
+                        </picture>
+                        <picture>
+                            <source srcSet={Img14AVIF} type="image/avif" />
+                            <source srcSet={Img14WEBP} type="image/webp" />
+                            <img src={Img14JPEG} style={{ width: "100%" }} alt="HackNotts organisers sitting together planning judging" />
+                        </picture>
+                        <picture>
+                            <source srcSet={Img16AVIF} type="image/avif" />
+                            <source srcSet={Img16WEBP} type="image/webp" />
+                            <img src={Img16JPEG} style={{ width: "100%" }} alt="A zoom shot of a table football table jankily held together by tape" />
+                        </picture>
+                        <picture>
+                            <source srcSet={Img18AVIF} type="image/avif" />
+                            <source srcSet={Img18WEBP} type="image/webp" />
+                            <img src={Img18JPEG} style={{ width: "100%" }} alt="Frasers Group working on their project" />
+                        </picture>
+                        <picture>
+                            <source srcSet={Img20AVIF} type="image/avif" />
+                            <source srcSet={Img20WEBP} type="image/webp" />
+                            <img src={Img20JPEG} style={{ width: "100%" }} alt="A hacker testing their project" />
+                        </picture>
+                        <picture>
+                            <source srcSet={IntelAVIF} type="image/avif" />
+                            <source srcSet={IntelWEBP} type="image/webp" />
+                            <img src={IntelJPEG} style={{ width: "100%" }} alt="The winners of Intel's prize taking their Arc A770s" />
+                        </picture>
+                        <picture>
+                            <source srcSet={CapitalOne1AVIF} type="image/avif" />
+                            <source srcSet={CapitalOne1WEBP} type="image/webp" />
+                            <img src={CapitalOne1JPEG} style={{ width: "100%" }} alt="The Capital One prize winners posing with their prizes" />
+                        </picture>
+                        <picture>
+                            <source srcSet={HackiestAVIF} type="image/avif" />
+                            <source srcSet={HackiestWEBP} type="image/webp" />
+                            <img src={HackiestJPEG} style={{ width: "100%" }} alt="The Hackiest Hack prize winners collecting Blahaj" />
+                        </picture>
+                        <picture>
+                            <source srcSet={Winners2AVIF} type="image/avif" />
+                            <source srcSet={Winners2WEBP} type="image/webp" />
+                            <img src={Winners2JPEG} style={{ width: "100%" }} alt="The winners and the lead organiser posing with two Blahaj" />
+                        </picture>
+                        <picture>
+                            <source srcSet={FirstHacker1AVIF} type="image/avif" />
+                            <source srcSet={FirstHacker1WEBP} type="image/webp" />
+                            <img src={FirstHacker1JPEG} style={{ width: "100%" }} alt="The First Time Hacker winner taking a Blahaj" />
+                        </picture>
+                        <picture>
+                            <source srcSet={FirstHacker2AVIF} type="image/avif" />
+                            <source srcSet={FirstHacker2WEBP} type="image/webp" />
+                            <img src={FirstHacker2JPEG} style={{ width: "100%" }} alt="The First Time Hacker winner and the lead organiser posing with their prize" />
+                        </picture>
+                    </Col>
+                </Row>
+            </Col>
+
+        </Container>
+    </HackNottsDecoratedPage>
+}
+
+export default Gallery;