added imdb

src/components/projects/imdb.astro

@@ -0,0 +1,32 @@
+<div
+	id="imdb"
+	class="window projectwindow"
+	style="width: 60%; height: 70%; position: absolute; left: 10%; top: 10%; display: none; max-height: 820px; min-width: 400px;"
+>
+	<div id="notionheader" class="title-bar">
+		<div class="title-bar-text">Notion Canvas</div>
+		<div class="title-bar-controls">
+			<button class="close" aria-label="Minimize"></button>
+			<button class="close" aria-label="Close"></button>
+		</div>
+	</div>
+	<div class="window-body" style="height: 100%;">
+		<div class="field-row-stacked" style="height: 100%;">
+			<!-- prettier-ignore -->
+			<div
+        id="text20"
+        style="font-size: 22px; resize: none; padding: 10px; height:90%; overflow-y: hidden; padding-top: 0px; padding-bottom: 20px;"
+        >
+		<a href="https://github.com/S1monlol/Imdb-but-based"><h1 style="width: fit-content;"><i><u><b>Notion Canvas</b></u></i></h1></a>
+
+		<h2>
+			One of my first projects, this is an alternative frontend for IMDB that uses TMDB to fetch information about movies.
+
+		</h2>
+
+		<iframe src="https://imdb.simo.ng/?search=doctor+strange" width="800" height="400" frameborder="0" allowfullscreen="">            
+        </iframe>
+		</div>
+		</div>
+	</div>
+</div>

src/pages/index.astro

@@ -12,6 +12,7 @@ import Projects from "../components/projects.astro";
 // Projects
 import Summize from "../components/projects/summize.astro";
 import Notion from "../components/projects/notion.astro";
+import Imdb from "../components/projects/imdb.astro";
 
 import "../styles/global.css";
 
@@ -200,13 +201,17 @@ let projectsArr: project[] = [
 		id: "summize",
 	},
 	{
-		title: "Notion Canvas",
+		title: "Notion2Canvas",
 		id: "notion",
 	},
 	{
 		title: "PGPCord",
 		id: "pgpcord",
 	},
+	{
+		title: "IMDB Frontend",
+		id: "imdb"
+	}
 ];
 
 const row1Items = apps.filter((item) => item.row === 1);
@@ -254,6 +259,7 @@ apps = apps.map((item) => {
 		<Projects projects={projectsArr} />
 		<Summize />
 		<Notion />
+		<Imdb />
 
 		
 	</div>