diff --git a/static/imgs/violets-purgatory-screenshot.png b/static/imgs/violets-purgatory-screenshot.png
new file mode 100644
index 0000000..505d721
Binary files /dev/null and b/static/imgs/violets-purgatory-screenshot.png differ
diff --git a/static/projects/index.html b/static/projects/index.html
index 2415d3f..9967712 100644
--- a/static/projects/index.html
+++ b/static/projects/index.html
@@ -16,8 +16,15 @@
 </head>
 
 <body>
-    <h1>This page is under construction</h1>
-    <p style="color: gray">Come back later!</p>
+    <h1>Projects</h1>
+    <p>All my silly lil projects in one, concise page. To be updated over time!</p>
+    <div class="project">
+        <h2>Violet's Purgatory</h2>
+        <div class="project-inner">
+            <img src="/imgs/violets-purgatory-screenshot.png">
+            <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Lorem, ipsum dolor sit amet consectetur adipisicing elit. Veniam qui unde, deleniti culpa quas dolore quasi nesciunt reiciendis nobis quo iste perferendis nulla praesentium. Magni excepturi quaerat laboriosam vel sed! Lorem ipsum dolor sit amet consectetur adipisicing elit. Illum amet sunt deserunt explicabo enim atque beatae, commodi architecto, eaque vitae libero quisquam asperiores. Mollitia, veritatis assumenda blanditiis possimus sequi sunt! Lorem ipsum dolor sit amet consectetur adipisicing elit. Iste culpa tenetur labore accusamus, error sapiente illum quidem dolor placeat numquam sunt? Debitis nesciunt ad quos eum nam iste dolor veniam! Lorem ipsum dolor sit amet consectetur, adipisicing elit. Maxime qui suscipit et ipsum, accusantium repellat, nulla, minima esse nam provident possimus reprehenderit ab facilis. Consectetur molestiae sequi cum praesentium minima.</p>
+        </div>
+    </div>
 </body>
 
 </html>
\ No newline at end of file
diff --git a/static/style.css b/static/style.css
index 750fe49..fe5c2df 100644
--- a/static/style.css
+++ b/static/style.css
@@ -118,7 +118,7 @@ p {
     margin: 10px;
 }
 
-img {
+img:not(.project-inner > img) {
     width: 100%;
     max-width: 135px;
     transition: all 2s cubic-bezier(0.075, 0.82, 0.165, 1);
@@ -167,6 +167,31 @@ hr {
     border-color: limegreen;
 }
 
+.project {
+    background-color: rgba(35, 35, 35, 1);
+    padding: 10px;
+}
+
+.project-inner {
+    overflow: hidden;
+    margin: auto;
+    padding: 0;
+    display: flex;
+    position: relative;
+    z-index: 3;
+}
+
+.project-inner > img {
+    object-fit: cover;
+    max-width: 300px;
+    border: 2px lightgray solid;
+}
+
+.project > p {
+    text-align: right;
+    display: inline-block;
+}
+
 /* I am so sorry about this code,,, */
 
 .love::before {
