pgp

src/components/pgp.astro

@@ -0,0 +1,89 @@
+<div
+	id="pgp"
+	class="window"
+	style="position: absolute; left: 15%; top: 22%; display: none;"
+>
+	<div id="pgpheader" class="title-bar">
+		<div class="title-bar-text"> 
+            <a style="font-size: 15px;" href="https://pgp.simo.ng">https://pgp.simo.ng</a>
+		</div>
+		<div class="title-bar-controls">
+			<button
+				class="close"
+				aria-label="Minimize"
+				style="background-color: silver;"></button>
+			<button class="close" aria-label="Close" style="background-color: silver;"
+			></button>
+		</div>
+	</div>
+	<div class="window-body" style="height: 100%;">
+		<div class="field-row-stacked" style="height: 100%;">
+			<!-- prettier-ignore -->
+			<textarea
+          readonly
+          id="text20"
+          style="font-size: 22px; resize: none; padding: 10px; height: 92%"
+          >-----BEGIN PGP PUBLIC KEY BLOCK-----
+
+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
+NQ==
+=/BYv
+-----END PGP PUBLIC KEY BLOCK-----</textarea>
+		</div>
+	</div>
+</div>
+
+<style>
+	/* Default style for mobile and smaller devices */
+	#pgp {
+		width: 50%;
+		height: 700px;
+	}
+
+	Style for tablets, desktops, and larger devices
+	@media (max-width: 540px) {
+		#pgp {
+			width: 80%;
+		}
+	}
+	@media (max-width: 1080px) and (min-width: 540px) {
+		#pgp {
+			width: 60%;
+		}
+	}
+</style>

src/pages/index.astro

@@ -6,6 +6,7 @@ import App from "../components/app.astro";
 import Aboutme from "../components/aboutme.astro";
 import Redirect from "../components/redirect.astro";
 import Contact from "../components/contact.astro";
+import Pgp from "../components/pgp.astro";
 import Projects from "../components/projects.astro";
 
 // Projects
@@ -20,6 +21,7 @@ import pastwork from "../assets/apps/pastWork.png";
 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";
 
 function dragElement(elmnt) {
 	var pos1 = 0,
@@ -180,6 +182,15 @@ let apps: app[] = [
 			document.getElementById("contact").style.display = "block";
 		},
 	},
+	{
+		name: "PGP Key",
+		logo: pgp.src,
+		row: 2,
+		onclick: () => {
+			raiseUpSpec("pgp");
+			document.getElementById("pgp").style.display = "block";
+		},
+	},
 ];
 
 let projectsArr: project[] = [
@@ -232,6 +243,7 @@ apps = apps.map((item) => {
 <Redirect />
 <Contact />
 <Taskbar />
+<Pgp />
 
 <Projects projects={projectsArr} />