diff --git a/gallery/1.png b/gallery/1.png
new file mode 100644
index 0000000..3817543
Binary files /dev/null and b/gallery/1.png differ
diff --git a/gallery/index.html b/gallery/index.html
new file mode 100644
index 0000000..ba531f0
--- /dev/null
+++ b/gallery/index.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<title>blek! nox</title>
+		<meta name='description' content='blek! Nox (or simply "nox") is a matrix client that focuses on a good look & feel' />
+		<meta charset='utf-8' />
+		<meta name="viewport" content="width=device-width, initial-scale=1"/>
+
+		<!-- Open Graph / Facebook -->
+		<meta property="og:type" content="website" />
+		<meta property="og:url" content="https://nox.blek.codes/" />
+		<meta property="og:title" content="blek! nox" />
+		<meta property="og:description" content='blek! nox (or simply "nox") is a matrix client that focuses on a good look & feel' />
+
+		<!-- Twitter -->
+		<meta property="twitter:card" content="summary_large_image" />
+		<meta property="twitter:url" content="https://nox.blek.codes/" />
+		<meta property="twitter:title" content="blek! nox" />
+		<meta property="twitter:description" content='blek! nox (or simply "nox") is a matrix client that focuses on a good look & feel' />
+
+		<!-- Meta Tags Generated with https://metatags.io -->
+	</head>
+	<body>
+		<a href='https://blek.codes'><img src='/blek.png'></img></a>
+		<p>
+			<a href='/'>Go back</a>
+		</p>
+		<h1>Gallery</h1>
+		<p>
+			<img src='/gallery/1.png' alt='loading screen'></img>
+			<br/>
+			The loading screen
+		</p>
+	</body>
+</html>
diff --git a/index.html b/index.html
index 60cedf5..a93f08d 100644
--- a/index.html
+++ b/index.html
@@ -32,6 +32,7 @@
 		<h1>Links</h1>
 		<ul>
 			<li><a href='https://git.blek.codes/blek/nox_site'>Git repo</a></li>
+			<li><a href='/gallery'>Gallery</a></li>
 		</ul>
 		<h1>Where do i get it?</h1>
 		<p>
