From 03130a415d8bd299e85348cfc220e093b298cd77 Mon Sep 17 00:00:00 2001
From: incognitotgt <mashoor539@icloud.com>
Date: Wed, 27 Dec 2023 15:02:08 -0500
Subject: [PATCH 1/3] fixed the nebula link, why the hell is it `w-1/2`

---
 src/components/iframe/IframeHeader.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/iframe/IframeHeader.tsx b/src/components/iframe/IframeHeader.tsx
index c9bddfa..5478167 100644
--- a/src/components/iframe/IframeHeader.tsx
+++ b/src/components/iframe/IframeHeader.tsx
@@ -21,7 +21,7 @@ export function IframeHeader(props: { url: string }) {
       id="iframeNav"
       className="flex h-16 flex-row items-center justify-between bg-navbar-color px-4"
     >
-      <Link href="/" class="w-1/2">
+      <Link href="/" class="w-1/8">
         <div className="flex flex-row items-center">
           <img
             src="/logo.png"

From 949e92260642e9c03aff850dc7ef03bbb9a8f77a Mon Sep 17 00:00:00 2001
From: incognitotgt <mashoor539@icloud.com>
Date: Wed, 27 Dec 2023 19:12:47 -0500
Subject: [PATCH 2/3] Got navigation buttons, haha merge conflict

---
 src/components/iframe/IframeHeader.tsx | 29 +++++++++++++++++++++++---
 1 file changed, 26 insertions(+), 3 deletions(-)

diff --git a/src/components/iframe/IframeHeader.tsx b/src/components/iframe/IframeHeader.tsx
index 0fc3003..d072546 100644
--- a/src/components/iframe/IframeHeader.tsx
+++ b/src/components/iframe/IframeHeader.tsx
@@ -2,7 +2,7 @@ import { useState } from "preact/hooks";
 import { useTranslation } from "react-i18next";
 import { Link } from "preact-router";
 import { RiPictureInPictureExitFill, RiFullscreenFill } from "react-icons/ri";
-import { IoCodeSlashSharp } from "react-icons/io5";
+import { IoCodeSlashSharp,IoChevronBackSharp,IoChevronForwardSharp, IoReloadSharp } from "react-icons/io5";
 import { FaXmark } from "react-icons/fa6";
 
 interface ProxyFrame extends HTMLElement {
@@ -25,7 +25,7 @@ export function IframeHeader(props: { url: string }) {
   return (
     <div
       id="iframeNav"
-      className="flex h-16 flex-row items-center justify-between bg-navbar-color px-4"
+      className="flex h-16 flex-row items-center justify-between bg-navbar-color px-4 gap-3"
     >
       <Link href="/" class="w-1/8">
         <div className="flex flex-row items-center">
@@ -39,7 +39,30 @@ export function IframeHeader(props: { url: string }) {
           </h1>
         </div>
       </Link>
-      <div id="navItems" class="w-1/2">
+        <div className="gap-3 mr-4 flex flex-row items-center justify-end">
+      <IoChevronBackSharp
+        className="duration-0500 h-6 w-6 cursor-pointer text-navbar-text-color transition-all hover:scale-110 hover:brightness-125"
+        onClick={() => {
+          const proxyFrame: ProxyFrame | null = document.getElementById("iframe") as ProxyFrame;
+          proxyFrame.contentWindow.history.back();
+        }}
+      />
+    <IoReloadSharp
+        className="duration-0500 h-6 w-6 cursor-pointer text-navbar-text-color transition-all hover:rotate-[360deg] hover:scale-110 hover:brightness-125"
+        onClick={() => {
+          const proxyFrame: ProxyFrame | null = document.getElementById("iframe") as ProxyFrame;
+          proxyFrame.contentWindow.location.reload();
+        }}
+    />
+      <IoChevronForwardSharp
+          className="duration-0500 h-6 w-6 cursor-pointer text-navbar-text-color transition-all hover:scale-110 hover:brightness-125"
+          onClick={() => {
+            const proxyFrame: ProxyFrame | null = document.getElementById("iframe") as ProxyFrame;
+            proxyFrame.contentWindow.history.forward();
+          }}
+      />
+        </div>
+      <div id="navItems" class="w-1/8">
         <div className="mr-4 flex flex-row items-center justify-end gap-3">
           <IoCodeSlashSharp
             className="duration-0500 h-6 w-6 cursor-pointer text-navbar-text-color transition-all hover:scale-110 hover:brightness-125"

From fc6c4a1c6dd09bd986667e8fc1ce33544c2a753c Mon Sep 17 00:00:00 2001
From: incognitotgt <mashoor539@icloud.com>
Date: Wed, 27 Dec 2023 19:13:09 -0500
Subject: [PATCH 3/3] Got navigation buttons, haha merge conflict

---
 src/components/iframe/IframeHeader.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/components/iframe/IframeHeader.tsx b/src/components/iframe/IframeHeader.tsx
index d072546..787b845 100644
--- a/src/components/iframe/IframeHeader.tsx
+++ b/src/components/iframe/IframeHeader.tsx
@@ -32,6 +32,7 @@ export function IframeHeader(props: { url: string }) {
           <img
             src="/logo.png"
             className="h-16 w-16 transition-all duration-1000 hover:rotate-[360deg]"
+            alt="Nebula Logo"
           ></img>
           <h1 className="font-roboto text-2xl font-bold text-navbar-text-color md:text-4xl">
             {" "}