From c3b28e18b7cd82fe3c4f1c13379ecf6de01f02a7 Mon Sep 17 00:00:00 2001
From: ejaz4 <ejazali4@protonmail.ch>
Date: Thu, 29 Aug 2024 23:57:15 +0100
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .prettierrc           |   4 +
 .vscode/settings.json |   4 +
 en/desk.css           | 748 ++++++++++++++++++++++--------------------
 en/index-d.html       | 356 +++++++++++---------
 4 files changed, 610 insertions(+), 502 deletions(-)
 create mode 100644 .prettierrc
 create mode 100644 .vscode/settings.json

diff --git a/.prettierrc b/.prettierrc
new file mode 100644
index 0000000..5a938ce
--- /dev/null
+++ b/.prettierrc
@@ -0,0 +1,4 @@
+{
+  "tabWidth": 4,
+  "useTabs": false
+}
diff --git a/.vscode/settings.json b/.vscode/settings.json
new file mode 100644
index 0000000..9bf4d12
--- /dev/null
+++ b/.vscode/settings.json
@@ -0,0 +1,4 @@
+{
+  "editor.defaultFormatter": "esbenp.prettier-vscode",
+  "editor.formatOnSave": true
+}
diff --git a/en/desk.css b/en/desk.css
index 83c72c4..ac0caa9 100644
--- a/en/desk.css
+++ b/en/desk.css
@@ -1,355 +1,399 @@
-body{
-	margin: 0;
-}
-h1, h2, h3, h4, h5, h6, p{
-	font-family: 'Inter', Sans-serif;
-	opacity: 0.7;
-}
-.r-img{
-	opacity: 0.7;
-}
-.rainbow-head{
-padding: 0;
-margin: 0;
-background-image: url(../images/kit/gradient-rgb.png);
-background-position: center;
-background-size: 100% 50px;
-background-repeat: no-repeat;
-height: 50px;
-}
-.rainbow-head p{
-padding: 0;
-margin: 0;
-}
-.rainbow-head-inner{
-background: -moz-linear-gradient(90deg, rgba(255,0,0,1) 16%, rgba(255,149,0,1) 33%, rgba(255,231,0,1) 50%, rgba(134,255,0,1) 66%, rgba(0,168,255,1) 83%);
-background: -webkit-linear-gradient(90deg, rgba(255,0,0,1) 16%, rgba(255,149,0,1) 33%, rgba(255,231,0,1) 50%, rgba(134,255,0,1) 66%, rgba(0,168,255,1) 83%);
-background: linear-gradient(90deg, rgba(255,0,0,1) 16%, rgba(255,149,0,1) 33%, rgba(255,231,0,1) 50%, rgba(134,255,0,1) 66%, rgba(0,168,255,1) 83%);
-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff0000",endColorstr="#00a8ff",GradientType=1);
-height: 5px;
-transition: height 0.1s linear;
-}
-.rainbow-head-inner:hover{
-	height: 10px;
-	transition: height 0.1s cubic-bezier(0,0,.06,.97);
-	}
-	.rainbow-head-inner-eg{
-		background: -moz-linear-gradient(90deg, rgba(134,255,0,1) 1%, rgba(0,168,255,1) 99%);
-		background: -webkit-linear-gradient(90deg, rgba(134,255,0,1) 1%, rgba(0,168,255,1) 99%);
-		background: linear-gradient(90deg, rgba(134,255,0,1) 1%, rgba(0,168,255,1) 99%);
-		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff0000",endColorstr="#00a8ff",GradientType=1);
-		height: 20px;
-		transition: height 0.5s linear;
-		}
-.content{
-	margin-left: 10%;
-	margin-right: 10%;
-}
-.dark-content{
-	background-color: rgb(44, 49, 55);
-	color: white;
-	opacity: 1;
-	width: 100%;
-}
-.dark-content h1{
-	color: white;
-	opacity: 1;
-}
-.dark-content-box{
-	background-color: rgba(255, 255, 255, 0.1);
-	width: 30%;
-	padding: 10px;
-	border-radius: 10px;
-}
-.dark-content-box button{
-	background-color: rgba(255, 255, 255, 0.1);
-	padding: 10px;
-	border: 2px white solid;
-	border-radius: 15px;
-	color: white;
-	font-family: 'Inter', sans-serif;
-	font-weight: 700;
-	transition: color 0.2s ease-out, background-color 0.2s ease-out;
-	outline: 0;
-}
-.dark-content-box button:hover{
-	background-color: rgba(255, 255, 255, 1);
-	color: black;
-	transition: color 0.2s ease-out, background-color 0.2s ease-out;
-}
-.header{
-	display: flex;
-	justify-content: space-between;
-	height: 60px;
-}
-.a{
-	color: black;
-	text-decoration: none;
-}
-.top{
-	display: flex;
-	align-items: center;
-	height: 500px;
-}
-.top p{
-font-size: 25px;
-padding: 0;
-margin: 0;
-}
-.top h1{
-padding: 0;
-margin: 0;
-margin-bottom: 20px;
-}
-.top button{
-	float: right;
-	padding: 20px;
-	opacity: 0.7;
-	font-size: 30px;
-	border: 0px solid red;
-	background-color: #292929;
-	color: white;
-	font-family: 'Inter', sans-serif;
-	border-radius: 20px;
-	transition: border 0.4s cubic-bezier(0,0,.06,.97);
-}
-.top button:hover{
-	border-bottom: 6px solid red;
-	transition: border 0.4s cubic-bezier(0,0,.06,.97);
-}
-.top-r{
-	width: 50%;
-}
-.hidden{
-	display: none;
-}
-.input-out{
-	padding: 0px;
-	background-color: white;
-	-webkit-box-shadow: 0px 5px 18px -9px rgba(0,0,0,0.75);
--moz-box-shadow: 0px 5px 18px -9px rgba(0,0,0,0.75);
-box-shadow: 0px 5px 18px -9px rgba(0,0,0,0.75);
-border: solid 1px rgba(0,0,0,0.3);
-border-radius: 7px;
-width: 40vw;
-height: 40px;
-}
-.input-out input{
-	float: left;
-width: 90%;
-height: 38px;
-background-color: rgba(0,0,0,0);
-margin: 0;
-font-family: 'Inter', sans-serif;
-display: inline-block;
-border: 0;
-vertical-align: top;
-outline: none;
-padding-left: 15px;
-}
-.input-out img{
-height: 60%;
-display: inline-block;
-opacity: 0.7;
-float: right;
-margin-top: 7px;
-margin-right: 10px;
-}
-.hamburger{
-	width: 30px;
-	border-radius: 20px;
-	height: 30px;
-	padding: 5px;
-	background-color: rgba(0,0,0,0.1);
-	float: right;
-}
-.hamburger:hover{
-	background-color: rgba(0,0,0,0.3);
-	transition: background-color 0.1s linear;
-}
-.hamburger img{
-	height: 30px;
-	width: 30px;
-	vertical-align: text-bottom;
-}
-.sidebar-s{
-position: fixed;
-top: 0px;
-	right: 0px;
-	height: 100vh;
-	width: 100vw;
-	opacity: 1;
-	background-color: rgba(255,255,255,0.5);
-	backdrop-filter: blur(0px);
-}
-.sidebar-s iframe{
-position:fixed;
-top: 0px;
--webkit-box-shadow: -4px 0px 11px 0px rgba(0,0,0,0.75);
--moz-box-shadow: -4px 0px 11px 0px rgba(0,0,0,0.75);
-box-shadow: -4px 0px 11px 0px rgba(0,0,0,0.75);
-opacity: 1;
-	right: 0px;
-	height: 100vh;
-	width: 30vw;
-	background-color: rgba(255,255,255,1);
-	transition: right 0.4s cubic-bezier(0,0,.06,.97);
-   -webkit-transform: translate3d(0, 0, 0);
-   -moz-transform: translate3d(0, 0, 0);
-   -ms-transform: translate3d(0, 0, 0);
-   transform: translate3d(0, 0, 0);
-}
-.sidebar-h{
-	z-index: -99;
-position: fixed;
-	background-color: rgba(255,255,255,0.0);
-}
-.sidebar-h iframe{
-	display: inline;
-position:fixed;
-top: 0px;
-	right: -30vw;
-	height: 100vh;
-	width: 30vw;
-	background-color: rgba(255,255,255,1);
-	transition: right 0.4s cubic-bezier(0,0,.06,.97);
-	   -webkit-transform: translate3d(0, 0, 0);
-   -moz-transform: translate3d(0, 0, 0);
-   -ms-transform: translate3d(0, 0, 0);
-   transform: translate3d(0, 0, 0);
-
-}
-button{
-	padding: 10px;
-border: solid 1px rgba(0,0,0,0.3);
-background-color: rgba(255,255,255,1);
-border-radius: 7px;
-outline: 0;
-color: black;
-font-family: 'Inter', sans-serif;
-}
-.tabindex{
-	position: fixed;
-		left: -200px;
-		width: 200px;
-		border: solid 1px rgba(0,0,0,0.2);
-		border-radius: 5px;
-		padding: 10px;
-opacity: 0;
-outline: 0;
-transition: left 0.2s cubic-bezier(0,0,.06,.97);
-}
-.tabindex p{
-margin: 0;
-padding: 0;
-}
-.tabindex:focus{
-	position: fixed;
-	left: 10%;
-opacity: 1;
-transition: left 0.2s cubic-bezier(0,0,.06,.97);
-}
-marquee{
-font-family: 'Inter', sans-serif;
-color: black;
-}
-.buttonarray{
-	width: 100%;
-	text-align: center;
-}
-.buttonarray div{
-	display: inline-block;
-	width: 100px;
-	margin-right: 5px;
-	margin-bottom: 10px;
-	padding: 10px;
-	border-radius: 10px;
-	background-color: rgba(0,0,0,0.1);
-	transition: background-color 0.1s linear;
-}
-.buttonarray div:hover{
-	background-color: rgba(0,0,0,0.3);
-	transition: background-color 0.1s linear;
+body {
+    margin: 0;
+}
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p {
+    font-family: "Inter", Sans-serif;
+    opacity: 0.7;
+}
+.r-img {
+    opacity: 0.7;
+}
+.rainbow-head {
+    padding: 0;
+    margin: 0;
+    background-image: url(../images/kit/gradient-rgb.png);
+    background-position: center;
+    background-size: 100% 50px;
+    background-repeat: no-repeat;
+    height: 50px;
+}
+.rainbow-head p {
+    padding: 0;
+    margin: 0;
+}
+.rainbow-head-inner {
+    background: -moz-linear-gradient(
+        90deg,
+        rgba(255, 0, 0, 1) 16%,
+        rgba(255, 149, 0, 1) 33%,
+        rgba(255, 231, 0, 1) 50%,
+        rgba(134, 255, 0, 1) 66%,
+        rgba(0, 168, 255, 1) 83%
+    );
+    background: -webkit-linear-gradient(
+        90deg,
+        rgba(255, 0, 0, 1) 16%,
+        rgba(255, 149, 0, 1) 33%,
+        rgba(255, 231, 0, 1) 50%,
+        rgba(134, 255, 0, 1) 66%,
+        rgba(0, 168, 255, 1) 83%
+    );
+    background: linear-gradient(
+        90deg,
+        rgba(255, 0, 0, 1) 16%,
+        rgba(255, 149, 0, 1) 33%,
+        rgba(255, 231, 0, 1) 50%,
+        rgba(134, 255, 0, 1) 66%,
+        rgba(0, 168, 255, 1) 83%
+    );
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff0000",endColorstr="#00a8ff",GradientType=1);
+    height: 5px;
+    transition: height 0.1s linear;
+}
+.rainbow-head-inner:hover {
+    height: 10px;
+    transition: height 0.1s cubic-bezier(0, 0, 0.06, 0.97);
+}
+.rainbow-head-inner-eg {
+    background: -moz-linear-gradient(
+        90deg,
+        rgba(134, 255, 0, 1) 1%,
+        rgba(0, 168, 255, 1) 99%
+    );
+    background: -webkit-linear-gradient(
+        90deg,
+        rgba(134, 255, 0, 1) 1%,
+        rgba(0, 168, 255, 1) 99%
+    );
+    background: linear-gradient(
+        90deg,
+        rgba(134, 255, 0, 1) 1%,
+        rgba(0, 168, 255, 1) 99%
+    );
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff0000",endColorstr="#00a8ff",GradientType=1);
+    height: 20px;
+    transition: height 0.5s linear;
+}
+.content {
+    margin-left: 10%;
+    margin-right: 10%;
+}
+.dark-content {
+    background-color: rgb(44, 49, 55);
+    color: white;
+    opacity: 1;
+    width: 100%;
+}
+.dark-content h1 {
+    color: white;
+    opacity: 1;
+}
+.dark-content-box {
+    background-color: rgba(255, 255, 255, 0.1);
+    width: 30%;
+    padding: 10px;
+    border-radius: 10px;
+}
+.dark-content-box button {
+    background-color: rgba(255, 255, 255, 0.1);
+    padding: 10px;
+    border: 2px white solid;
+    border-radius: 15px;
+    color: white;
+    font-family: "Inter", sans-serif;
+    font-weight: 700;
+    transition: color 0.2s ease-out, background-color 0.2s ease-out;
+    outline: 0;
+}
+.dark-content-box button:hover {
+    background-color: rgba(255, 255, 255, 1);
+    color: black;
+    transition: color 0.2s ease-out, background-color 0.2s ease-out;
+}
+.header {
+    display: flex;
+    justify-content: space-between;
+    height: 60px;
+}
+.a {
+    color: black;
+    text-decoration: none;
+}
+.top {
+    display: flex;
+    align-items: center;
+    height: 500px;
+}
+.top p {
+    font-size: 25px;
+    padding: 0;
+    margin: 0;
+}
+.top h1 {
+    padding: 0;
+    margin: 0;
+    margin-bottom: 20px;
+}
+.top button {
+    float: right;
+    padding: 20px;
+    opacity: 0.7;
+    font-size: 30px;
+    border: 0px solid red;
+    background-color: #292929;
+    color: white;
+    font-family: "Inter", sans-serif;
+    border-radius: 20px;
+    transition: border 0.4s cubic-bezier(0, 0, 0.06, 0.97);
+}
+.top button:hover {
+    border-bottom: 6px solid red;
+    transition: border 0.4s cubic-bezier(0, 0, 0.06, 0.97);
+}
+.top-r {
+    width: 50%;
+}
+.hidden {
+    display: none;
+}
+.input-out {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 0px;
+    background-color: white;
+    -webkit-box-shadow: 0px 5px 18px -9px rgba(0, 0, 0, 0.75);
+    -moz-box-shadow: 0px 5px 18px -9px rgba(0, 0, 0, 0.75);
+    box-shadow: 0px 5px 18px -9px rgba(0, 0, 0, 0.75);
+    border: solid 1px rgba(0, 0, 0, 0.3);
+    border-radius: 7px;
+    width: 40vw;
+    height: 40px;
+}
+.input-out input {
+    width: 90%;
+    height: 38px;
+    background-color: rgba(0, 0, 0, 0);
+    margin: 0;
+    font-family: "Inter", sans-serif;
+    display: inline-block;
+    border: 0;
+    vertical-align: top;
+    outline: none;
+    padding-left: 15px;
+}
+.input-out img {
+    height: 24px;
+    display: block;
+    opacity: 0.7;
+    margin-inline-end: 10px;
+}
+.hamburger {
+    width: 30px;
+    border-radius: 20px;
+    height: 30px;
+    padding: 5px;
+    background-color: rgba(0, 0, 0, 0.1);
+    float: right;
+}
+.hamburger:hover {
+    background-color: rgba(0, 0, 0, 0.3);
+    transition: background-color 0.1s linear;
+}
+.hamburger img {
+    height: 30px;
+    width: 30px;
+    vertical-align: text-bottom;
+}
+.sidebar-s {
+    position: fixed;
+    top: 0px;
+    right: 0px;
+    height: 100vh;
+    width: 100vw;
+    opacity: 1;
+    background-color: rgba(255, 255, 255, 0.5);
+    backdrop-filter: blur(0px);
+}
+.sidebar-s iframe {
+    position: fixed;
+    top: 0px;
+    -webkit-box-shadow: -4px 0px 11px 0px rgba(0, 0, 0, 0.75);
+    -moz-box-shadow: -4px 0px 11px 0px rgba(0, 0, 0, 0.75);
+    box-shadow: -4px 0px 11px 0px rgba(0, 0, 0, 0.75);
+    opacity: 1;
+    right: 0px;
+    height: 100vh;
+    width: 30vw;
+    background-color: rgba(255, 255, 255, 1);
+    transition: right 0.4s cubic-bezier(0, 0, 0.06, 0.97);
+    -webkit-transform: translate3d(0, 0, 0);
+    -moz-transform: translate3d(0, 0, 0);
+    -ms-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+}
+.sidebar-h {
+    z-index: -99;
+    position: fixed;
+    background-color: rgba(255, 255, 255, 0);
+}
+.sidebar-h iframe {
+    display: inline;
+    position: fixed;
+    top: 0px;
+    right: -30vw;
+    height: 100vh;
+    width: 30vw;
+    background-color: rgba(255, 255, 255, 1);
+    transition: right 0.4s cubic-bezier(0, 0, 0.06, 0.97);
+    -webkit-transform: translate3d(0, 0, 0);
+    -moz-transform: translate3d(0, 0, 0);
+    -ms-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+}
+button {
+    padding: 10px;
+    border: solid 1px rgba(0, 0, 0, 0.3);
+    background-color: rgba(255, 255, 255, 1);
+    border-radius: 7px;
+    outline: 0;
+    color: black;
+    font-family: "Inter", sans-serif;
+}
+.tabindex {
+    position: fixed;
+    left: -200px;
+    width: 200px;
+    border: solid 1px rgba(0, 0, 0, 0.2);
+    border-radius: 5px;
+    padding: 10px;
+    opacity: 0;
+    outline: 0;
+    transition: left 0.2s cubic-bezier(0, 0, 0.06, 0.97);
+}
+.tabindex p {
+    margin: 0;
+    padding: 0;
+}
+.tabindex:focus {
+    position: fixed;
+    left: 10%;
+    opacity: 1;
+    transition: left 0.2s cubic-bezier(0, 0, 0.06, 0.97);
+}
+marquee {
+    font-family: "Inter", sans-serif;
+    color: black;
+}
+.buttonarray {
+    width: 100%;
+    text-align: center;
+}
+.buttonarray div {
+    display: inline-block;
+    width: 100px;
+    margin-right: 5px;
+    margin-bottom: 10px;
+    padding: 10px;
+    border-radius: 10px;
+    background-color: rgba(0, 0, 0, 0.1);
+    transition: background-color 0.1s linear;
+}
+.buttonarray div:hover {
+    background-color: rgba(0, 0, 0, 0.3);
+    transition: background-color 0.1s linear;
 }
 
 @media (prefers-color-scheme: dark) {
-	.buttonarray div{
-		background-color: rgba(255,255,255,0.1);
-		transition: background-color 0.1s linear;
-	}
-	.buttonarray div:hover{
-		background-color: rgba(255,255,255,0.3);
-		transition: background-color 0.1s linear;
-	}
-	marquee{
-color: white;
-}
-	button{
-border: solid 1px rgba(255,255,255,0.3);
-background-color: rgba(0,0,0,1);
-color: white;
-	}
-	.sidebar-s{
-	background-color: rgba(0,0,0,0.5);
-}
-.sidebar-s iframe{
-	-webkit-box-shadow: -4px 0px 11px 0px rgba(255,255,255,0.75);
--moz-box-shadow: -4px 0px 11px 0px rgba(255,255,255,0.75);
-box-shadow: -4px 0px 11px 0px rgba(255,255,255,0.75);
-}
-.sidebar-h{
-	background-color: rgba(0,0,0,0.0);
-}
-	.hamburger{
-	background-color: rgba(255,255,255,0.1);
-}
-.hamburger:hover{
-	background-color: rgba(255,255,255,0.4);
-	transition: background-color 0.1s linear;
-}
-.hamburger img{
-filter: invert();
-}
-	.input-out{
-	padding: 0px;
-	background-color: black;
-	-webkit-box-shadow: 0px 5px 18px -9px rgba(255,255,255,0.75);
--moz-box-shadow: 0px 5px 18px -9px rgba(255,255,255,0.75);
-box-shadow: 0px 5px 18px -9px rgba(255,255,255,0.75);
-border: solid 1px rgba(255,255,255,0.3);
-border-radius: 7px;
-width: 40vw;
-height: 40px;
-}
-.input-out input{
-color: white;
-}
-.input-out img{
-filter: invert();
-opacity: 0.7;
-}
-	body{
-		background-color: black;
-	}
-	h1, h2, h3, h4, h5, h6, p{
-	color: white;
-}
-.r-img{
-	opacity: 0.7;
-	filter: invert();
-}
-.header{
-color: white;
-}
-.a{
-	color: white;
-	text-decoration: none;
-}
-.top{
-	color: white
-}
-.top button{
-	background-color: #ededed;
-	color: black;
-}
-}
\ No newline at end of file
+    .buttonarray div {
+        background-color: rgba(255, 255, 255, 0.1);
+        transition: background-color 0.1s linear;
+    }
+    .buttonarray div:hover {
+        background-color: rgba(255, 255, 255, 0.3);
+        transition: background-color 0.1s linear;
+    }
+    marquee {
+        color: white;
+    }
+    button {
+        border: solid 1px rgba(255, 255, 255, 0.3);
+        background-color: rgba(0, 0, 0, 1);
+        color: white;
+    }
+    .sidebar-s {
+        background-color: rgba(0, 0, 0, 0.5);
+    }
+    .sidebar-s iframe {
+        -webkit-box-shadow: -4px 0px 11px 0px rgba(255, 255, 255, 0.75);
+        -moz-box-shadow: -4px 0px 11px 0px rgba(255, 255, 255, 0.75);
+        box-shadow: -4px 0px 11px 0px rgba(255, 255, 255, 0.75);
+    }
+    .sidebar-h {
+        background-color: rgba(0, 0, 0, 0);
+    }
+    .hamburger {
+        background-color: rgba(255, 255, 255, 0.1);
+    }
+    .hamburger:hover {
+        background-color: rgba(255, 255, 255, 0.4);
+        transition: background-color 0.1s linear;
+    }
+    .hamburger img {
+        filter: invert();
+    }
+    .input-out {
+        padding: 0px;
+        background-color: black;
+        -webkit-box-shadow: 0px 5px 18px -9px rgba(255, 255, 255, 0.75);
+        -moz-box-shadow: 0px 5px 18px -9px rgba(255, 255, 255, 0.75);
+        box-shadow: 0px 5px 18px -9px rgba(255, 255, 255, 0.75);
+        border: solid 1px rgba(255, 255, 255, 0.3);
+        border-radius: 7px;
+        width: 40vw;
+        height: 40px;
+    }
+    .input-out input {
+        color: white;
+    }
+    .input-out img {
+        filter: invert();
+        opacity: 0.7;
+    }
+    body {
+        background-color: black;
+    }
+    h1,
+    h2,
+    h3,
+    h4,
+    h5,
+    h6,
+    p {
+        color: white;
+    }
+    .r-img {
+        opacity: 0.7;
+        filter: invert();
+    }
+    .header {
+        color: white;
+    }
+    .a {
+        color: white;
+        text-decoration: none;
+    }
+    .top {
+        color: white;
+    }
+    .top button {
+        background-color: #ededed;
+        color: black;
+    }
+}
diff --git a/en/index-d.html b/en/index-d.html
index 42f50ed..7677a1f 100644
--- a/en/index-d.html
+++ b/en/index-d.html
@@ -1,154 +1,210 @@
-<!doctype html>
+<!DOCTYPE html>
 <html>
-<head>
-<title>Stella - Things to change the world.</title>
-<meta charset="UTF-8">
-<link href="desk.css" rel="stylesheet"/>
-<script type="text/javascript">
-var ss = new URL(window.location).searchParams.get("overridelogo");
-if (window.innerWidth < window.innerHeight){
-if (ss != "" && ss != null){
-	window.location.replace("index-m.html?overridelogo=" + ss);
-} else{
-window.location.replace("index-m.html");
-}
-}
-</script>
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
-<script src="/blocks/bangs.js"></script>
-<link rel="shortcut icon" type="image/png" href="favicon.png"/>
- <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap" rel="stylesheet"> 
-</head>
-<body onload="loadcall()">
-<!-- Adrenaline Engine 5 -->
-<div class="hidden" style="font-family: 'Inter'"><p>See this message? There may be an issue with your browser, try refreshing the page or coming back later.</p></div>
-<div class="rainbow-head">
-<div id="rainbwh" class="rainbow-head-inner">
-<p>&nbsp </p>
-</div>
-</div>
-<div class="content">
-<div class="tabindex" tabindex=1><p>Press the index key again to scroll through the list of available actions.</p></div>
-<div class="tabindex" tabindex=2><p>A popup will show with your action, press the index key again to visit that action.</p></div>
-<a class="tabindex" tabindex=3><p>Focus on search box.</p></a>
-<a class="tabindex" tabindex=5><p>Focus on cookie notification.</p></a>
-<a class="tabindex" tabindex=7><p>END</p></a>
-<div style="text-align: right; width: 100%; margin-bottom: 40px;">
-&nbsp
-<div id="ham" onclick="document.getElementById('sidebar').setAttribute('class','sidebar-s'); 
-window.open('global_ass/sidebar-d.html', 'sidebar-in');" class="hamburger">
-<image src="../images/hamburger.svg"></image>
-</div>
-</div>
-<div style="margin-top: 15vh;">
-<center>
-<h1 id="slog" style="font-size: 50px;">Stella</h1>
-	<script>
-	if (ss != "" && ss != null){
-	document.getElementById("slog").innerHTML = ss;
-	}
-	</script>
-<div class="input-out"><input id="sb" tabindex=4 placeholder="Search the Internet."><script>
-var input = document.getElementById("sb");
-input.addEventListener("keyup", function(event) {
-    event.preventDefault();
-    var bangav = queryBangs(document.getElementById("sb").value);
-    if (event.keyCode === 13) {
-      if (bangav != null){
-      doBang(document.getElementById("sb").value);
-      } else{
-var inputa = encodeURIComponent(document.getElementById("sb").value);
-     window.location = "search/index-d.html?q=" + inputa;
-}
-}});
-</script></input><flsemobilehide><image src="../images/search.png"></image></flsemobilehide></div>
-</center>
-</div>
-<div>
-  <center>
-    <div id="bangs_field" class="bangs_field">
+    <head>
+        <title>Stella - Things to change the world.</title>
+        <meta charset="UTF-8" />
+        <link href="desk.css" rel="stylesheet" />
+        <script type="text/javascript">
+            var ss = new URL(window.location).searchParams.get("overridelogo");
+            if (window.innerWidth < window.innerHeight) {
+                if (ss != "" && ss != null) {
+                    window.location.replace("index-m.html?overridelogo=" + ss);
+                } else {
+                    window.location.replace("index-m.html");
+                }
+            }
+        </script>
+        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+        <script src="/blocks/bangs.js"></script>
+        <link rel="shortcut icon" type="image/png" href="favicon.png" />
+        <link
+            href="https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap"
+            rel="stylesheet"
+        />
+    </head>
+    <body onload="loadcall()">
+        <!-- Adrenaline Engine 5 -->
+        <div class="hidden" style="font-family: 'Inter'">
+            <p>
+                See this message? There may be an issue with your browser, try
+                refreshing the page or coming back later.
+            </p>
+        </div>
+        <div class="rainbow-head">
+            <div id="rainbwh" class="rainbow-head-inner">
+                <p>&nbsp</p>
+            </div>
+        </div>
+        <div class="content">
+            <div class="tabindex" tabindex="1">
+                <p>
+                    Press the index key again to scroll through the list of
+                    available actions.
+                </p>
+            </div>
+            <div class="tabindex" tabindex="2">
+                <p>
+                    A popup will show with your action, press the index key
+                    again to visit that action.
+                </p>
+            </div>
+            <a class="tabindex" tabindex="3"><p>Focus on search box.</p></a>
+            <a class="tabindex" tabindex="5"
+                ><p>Focus on cookie notification.</p></a
+            >
+            <a class="tabindex" tabindex="7"><p>END</p></a>
+            <div style="text-align: right; width: 100%; margin-bottom: 40px">
+                &nbsp
+                <div
+                    id="ham"
+                    onclick="document.getElementById('sidebar').setAttribute('class','sidebar-s'); 
+window.open('global_ass/sidebar-d.html', 'sidebar-in');"
+                    class="hamburger"
+                >
+                    <image src="../images/hamburger.svg"></image>
+                </div>
+            </div>
+            <div style="margin-top: 15vh">
+                <center>
+                    <h1 id="slog" style="font-size: 50px">Stella</h1>
+                    <script>
+                        if (ss != "" && ss != null) {
+                            document.getElementById("slog").innerHTML = ss;
+                        }
+                    </script>
+                    <div class="input-out">
+                        <input
+                            id="sb"
+                            tabindex="4"
+                            placeholder="Search the Internet."
+                        />
+                        <script>
+                            var input = document.getElementById("sb");
+                            input.addEventListener("keyup", function (event) {
+                                event.preventDefault();
+                                var bangav = queryBangs(
+                                    document.getElementById("sb").value
+                                );
+                                if (event.keyCode === 13) {
+                                    if (bangav != null) {
+                                        doBang(
+                                            document.getElementById("sb").value
+                                        );
+                                    } else {
+                                        var inputa = encodeURIComponent(
+                                            document.getElementById("sb").value
+                                        );
+                                        window.location =
+                                            "search/index-d.html?q=" + inputa;
+                                    }
+                                }
+                            });
+                        </script>
+                        <image src="../images/search.png"></image>
+                    </div>
+                </center>
+            </div>
+            <div>
+                <center>
+                    <div id="bangs_field" class="bangs_field"></div>
+                </center>
+                <script>
+                    function loadcall() {
+                        showBangs();
+                    }
 
-    </div>
-  </center>
-  <script>
-    function loadcall(){
-      showBangs();
-    }
+                    function showBangs() {
+                        var bangs = getBangs();
+                        var target = document.getElementById("bangs_field");
+                        bangs.forEach(function (item, index) {
+                            var image =
+                                item["url"].split("/")[0] +
+                                "//" +
+                                item["url"].split("/")[2] +
+                                "/favicon.ico";
+                            var newEl = document.createElement("div");
+                            newEl.innerHTML =
+                                '<image src="' + image + '"></image>';
+                            newEl.setAttribute(
+                                "onclick",
+                                "inputBang('" +
+                                    item["parameter"] +
+                                    item["name"] +
+                                    "');"
+                            );
+                            newEl.setAttribute("class", "bangs_field_item");
+                            target.appendChild(newEl);
+                        });
+                    }
 
-    function showBangs(){
-      var bangs = getBangs();
-      var target = document.getElementById("bangs_field");
-      bangs.forEach(function (item, index){
-        var image = item["url"].split('/')[0] + "//" + item["url"].split('/')[2] + "/favicon.ico";
-        var newEl = document.createElement('div');
-        newEl.innerHTML = '<image src="' + image +'"></image>';
-        newEl.setAttribute("onclick", "inputBang('" + item["parameter"] + item["name"] + "');");
-        newEl.setAttribute("class","bangs_field_item");
-        target.appendChild(newEl);
-      });
-    }
-
-    function inputBang(bang){
-      document.getElementById("sb").value = bang + " ";
-      document.getElementById("sb").focus();
-    }
-  </script>
-</div>
-<style>
-  .bangs_field{
-    display: flex;
-    flex-direction: row;
-    flex-wrap: wrap;
-    justify-content: flex-start;
-    width: 40vw;
-    margin-top: 10px;
-  }
-  .bangs_field_item{
-    border: solid 1px rgba(0,0,0,0.3);
-    border-radius: 5px;
-    padding: 5px;
-    margin-right: 2px;
-  }
-  .bangs_field_item img{
-    margin: auto;
-    display: block;
-    height: 16px;
-  }
-  @media(prefers-color-scheme: dark){
-  .bangs_field_item{
-    background-color: black;
-    border: solid 1px rgba(255,255,255,0.3);
-    border-radius: 5px;
-    padding: 5px;
-  }
-  }
-</style>
-<div style="margin-top: 100px;">
-<center id="local-area">
-
-</center>
-</div>
-</div>
-<!-- Sidebar -->
-<div id="sidebar" class="sidebar-h">
-&nbsp
-<iframe name="sidebar-in" id="sidebar-in" frameborder="0" style="height: 100vh;"></iframe>
-</div>
-<script>
-window.addEventListener('click', function(e){   
-  if (document.getElementById('sidebar-in').contains(e.target) || document.getElementById('ham').contains(e.target)){
-    // Clicked in box
-  } else{
-    // Clicked outside the box
-	document.getElementById('sidebar').setAttribute('class','sidebar-h'); 
-  }
-});
-</script>
-<script src="global_ass/titlescript.js"></script>
-<script>
-filla();
-</script>
-<script src="global_ass/script.js"></script>
-<script src="https://stella.hs.vc/flse/flse-0.1.js"></script>
-</body>
+                    function inputBang(bang) {
+                        document.getElementById("sb").value = bang + " ";
+                        document.getElementById("sb").focus();
+                    }
+                </script>
+            </div>
+            <style>
+                .bangs_field {
+                    display: flex;
+                    flex-direction: row;
+                    flex-wrap: wrap;
+                    justify-content: flex-start;
+                    width: 40vw;
+                    margin-top: 10px;
+                }
+                .bangs_field_item {
+                    border: solid 1px rgba(0, 0, 0, 0.3);
+                    border-radius: 5px;
+                    padding: 5px;
+                    margin-right: 2px;
+                }
+                .bangs_field_item img {
+                    margin: auto;
+                    display: block;
+                    height: 16px;
+                }
+                @media (prefers-color-scheme: dark) {
+                    .bangs_field_item {
+                        background-color: black;
+                        border: solid 1px rgba(255, 255, 255, 0.3);
+                        border-radius: 5px;
+                        padding: 5px;
+                    }
+                }
+            </style>
+            <div style="margin-top: 100px">
+                <center id="local-area"></center>
+            </div>
+        </div>
+        <!-- Sidebar -->
+        <div id="sidebar" class="sidebar-h">
+            &nbsp
+            <iframe
+                name="sidebar-in"
+                id="sidebar-in"
+                frameborder="0"
+                style="height: 100vh"
+            ></iframe>
+        </div>
+        <script>
+            window.addEventListener("click", function (e) {
+                if (
+                    document.getElementById("sidebar-in").contains(e.target) ||
+                    document.getElementById("ham").contains(e.target)
+                ) {
+                    // Clicked in box
+                } else {
+                    // Clicked outside the box
+                    document
+                        .getElementById("sidebar")
+                        .setAttribute("class", "sidebar-h");
+                }
+            });
+        </script>
+        <script src="global_ass/titlescript.js"></script>
+        <script>
+            filla();
+        </script>
+        <script src="global_ass/script.js"></script>
+    </body>
 </html>