glance

src/components/projects/glance.astro

@@ -0,0 +1,19 @@
+---
+import Item from './item.astro';
+---
+
+<Item projectName="glance" title="Glance">
+  <div
+    id="text205"
+    style="font-size: 22px; resize: none; padding: 10px; height:90%; overflow-y: hidden; padding-top: 0px; padding-bottom: 20px;"
+  >
+    <a href="https://glance.simo.ng"><h1 style="width: fit-content;"><i><u><b>Glance</b></u></i></h1></a>
+
+    <h2>
+        A customizable dashboard optimized for E-Ink Displays
+    </h2>
+
+    <iframe src="https://glance.simo.ng/demo" width="600" height="400" frameborder="0" allowfullscreen="">
+    </iframe>
+  </div>
+</Item>

src/components/projects/imdb.astro → src/components/projects/old/imdb.astro

@@ -1,6 +1,5 @@
 ---
-import Item from './item.astro';
-import summizeExample from "../../assets/summizeExample.png";
+import Item from '../item.astro';
 ---
 
 <Item projectName="imdb" title="IMDB Frontend">

src/components/projects/summize.astro

@@ -3,7 +3,7 @@ import Item from './item.astro';
 import summizeExample from "../../assets/summizeExample.png";
 ---
 
-<Item id="summize" title="Summize - A Youtube Video Summarizer" layout={{
+<Item projectName="summize" title="Summize - A Youtube Video Summarizer" layout={{
   desktop: { width: '70%', height: '45%' }
 }}>
   <div

src/pages/index.astro

@@ -14,7 +14,7 @@ import GitHubGraph from "../components/githubgraph.astro";
 // Projects
 import Summize from "../components/projects/summize.astro";
 import Notion from "../components/projects/notion.astro";
-import Imdb from "../components/projects/imdb.astro";
+// import Imdb from "../components/projects/imdb.astro";
 
 import "../styles/global.css";
 
@@ -25,6 +25,7 @@ import projects from "../assets/apps/projects.png";
 import blog from "../assets/apps/blog.png";
 import contact from "../assets/apps/contact.png";
 import pgp from "../assets/apps/pgp.png";
+import Glance from "../components/projects/glance.astro";
 
 function dragElement(elmnt) {
 	var pos1 = 0,
@@ -137,18 +138,18 @@ let apps: app[] = [
 		},
 		row: 1,
 	},
-	{
-		name: "Blog",
-		logo: blog.src,
-		onclick: () => {
-			raiseUpSpec("Redirect");
-			document.getElementById("Redirect").style.display = "block";
-			document.getElementById("Redirect").dataset.redirecturl =
-				"https://blog.simo.ng/";
-			updateRedirectMessage();
-		},
-		row: 1,
-	},
+	// {
+	// 	name: "Blog",
+	// 	logo: blog.src,
+	// 	onclick: () => {
+	// 		raiseUpSpec("Redirect");
+	// 		document.getElementById("Redirect").style.display = "block";
+	// 		document.getElementById("Redirect").dataset.redirecturl =
+	// 			"https://blog.simo.ng/";
+	// 		updateRedirectMessage();
+	// 	},
+	// 	row: 1,
+	// },
 	{
 		name: "Projects",
 		logo: projects.src,
@@ -164,14 +165,14 @@ let apps: app[] = [
 	// 	row: 1,
 	// },
 	{
-		name: "Github",
+		name: "Git",
 		logo: github.src,
 		onclick: () => {
 			// ignore
 			raiseUpSpec("Redirect");
 			document.getElementById("Redirect").style.display = "block";
 			document.getElementById("Redirect").dataset.redirecturl =
-				"https://github.com/s1monlol/";
+				"https://git.simo.ng/simo";
 			updateRedirectMessage();
 		},
 		row: 2,
@@ -188,7 +189,7 @@ let apps: app[] = [
 	{
 		name: "PGP Key",
 		logo: pgp.src,
-		row: 2,
+		row: 1,
 		onclick: () => {
 			raiseUpSpec("pgp");
 			document.getElementById("pgp").classList.add("fullscreen");
@@ -198,6 +199,10 @@ let apps: app[] = [
 ];
 
 let projectsArr: project[] = [
+ 	{
+		title: "Glance",
+		id: "glance",
+	},
 	{
 		title: "Summize",
 		id: "summize",
@@ -206,14 +211,6 @@ let projectsArr: project[] = [
 		title: "Notion2Canvas",
 		id: "notion",
 	},
-	{
-		title: "PGPCord",
-		id: "pgpcord",
-	},
-	{
-		title: "IMDB Frontend",
-		id: "imdb",
-	},
 ];
 
 const row1Items = apps.filter((item) => item.row === 1);
@@ -259,7 +256,7 @@ apps = apps.map((item) => {
 		<Projects projects={projectsArr} />
 		<Summize />
 		<Notion />
-		<Imdb />
+		<Glance />
 		<Duolingo />
 		<GitHubGraph />
 	</div>
@@ -319,6 +316,7 @@ apps = apps.map((item) => {
 		}
 		project.onclick = () => {
 			setTimeout(() => {
+			  console.log(id)
 				document.getElementsByClassName(id)[0].style.display = "block";
 				raiseUpSpec(document.getElementsByClassName(id)[0].id);
 			}, 1);