fixes

DuckyGit · Sep 26, 2022 · 637e339 · 637e339
1 parent 6e2fe2f
commit 637e339
Show file tree

Hide file tree

Showing 9 changed files with 241 additions and 281 deletions.
diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -0,0 +1,3 @@
+{
+    "liveServer.settings.port": 5501
+}
diff --git a/static/index.css b/static/index.css
@@ -106,7 +106,6 @@
 
 [data-theme="dark"] {
     /* body */
-    --wallpaper: url("resources/wallpapers/darkWall.png");
     --body: #111;
     --body-color: #ffffff;
     --userselect-background: #ffffff0a;
@@ -145,7 +144,9 @@
     /* desktop */
     --desktopapp-background: #8c8c8c5e;
     --inputAppSearch-background: #373737;
-    --inputApsSearchNoneFocus-color: #9d9d9d;
+    --inputAppSearchNoneFocus-color: #9d9d9d;
+    --inputAppSearch-focus-boxShadow: 0 0 54px -8px #75ff8c;
+    --inputAppSearch-focus-background: #373737a6;
     --inputAppSearch-color: #ffffff;
 
     /* dock */
@@ -197,13 +198,12 @@
     --tab-active-close-active-hover: #424242;
     --tab-active-background: #1c1c1c;
     --tab-active-hover-color: #47CA64;
-    --tab-inactive-background: #0000;
+    --tab-inactive-background: #2d2d2d;
     --tab-hover-background: #85ff9e59;
 }
 
 [data-theme="night"] {
     /* body */
-    --wallpaper: url("resources/wallpapers/nightWall.png");
     --body: #0e0a40;
     --body-color: #fff7a5;
     --userselect-background: #ffffff0a;
@@ -242,7 +242,9 @@
     /* desktop */
     --desktopapp-background: #0e0b35;
     --inputAppSearch-background: #302a73;
-    --inputApsSearchNoneFocus-color: #716ae1;
+    --inputAppSearchNoneFocus-color: #716ae1;
+    --inputAppSearch-focus-boxShadow: 0 0 54px -8px #fffac7;
+    --inputAppSearch-focus-background: #302a73;
     --inputAppSearch-color: #fff7a5;
 
     /* dock */
@@ -300,7 +302,6 @@
 
 [data-theme="fracital"] {
     /* body */
-    --wallpaper: url("resources/wallpapers/fracitalWall.png");
     --body: #1C1C1C;
     --body-color: #FF75F9;
     --userselect-background: #ffffff0a;
@@ -339,7 +340,9 @@
     /* desktop */
     --desktopapp-background: #8c8c8c5e;
     --inputAppSearch-background: #202020;
-    --inputApsSearchNoneFocus-color: #757575;
+    --inputAppSearchNoneFocus-color: #757575;
+    --inputAppSearch-focus-boxShadow: 0 0 54px -8px #ff3bf5;
+    --inputAppSearch-focus-background: #20202083;
     --inputAppSearch-color: #FF40F7;
 
     /* dock */
@@ -692,7 +695,7 @@ main.closedA {
     visibility: collapse;
     inset: 0;
     background-color: transparent;
-    justify-content: center;
+    justify-items: center;
     align-content: center;
 }
 
@@ -1111,11 +1114,7 @@ li {
 }
 
 .inputAppSearch {
-    position: absolute;
-    top: 54px;
-    left: 50%;
-    transform: translateX(-50%);
-    background-color: var(--inputAppSearch-background);
+    transform: translateY(calc(-355px));
     border: none;
     border-radius: 8px;
     height: 40px;
@@ -1126,18 +1125,23 @@ main > .inputAppSearch {
 }
 
 .inputAppSearch input {
+    width: calc(100% - 20px);
     transition: 200ms ease-in-out;
-    color: var(--inputApsSearchNoneFocus-color);
+    background-color: var(--inputAppSearch-background);
+    color: var(--inputAppSearchNoneFocus-color);
     border: none;
-    background-color: transparent;
     padding: 0 10px;
     font-size: 16px;
     height: 100%;
+    border-radius: 8px;
+    box-shadow: 0 0 0px 2px transparent;
 }
 
 .inputAppSearch input:focus-visible {
+    box-shadow: var(--inputAppSearch-focus-boxShadow);
+    background-color: var(--inputAppSearch-focus-background);
     outline: none;
-    color: var(--inputApsSearch-color);
+    color: var(--inputAppSearch-color);
 }
 
 .start {
@@ -1508,7 +1512,7 @@ main > .inputAppSearch {
 
 .browser iframe {
     border-radius: 0;
-    height: calc(100% - 93px);
+    height: calc(100% - 84px);
 }
 
 .winmini {
@@ -1969,6 +1973,7 @@ iframe {
     flex-direction: row;
     background: var(--tab-container-background);
     align-items: center;
+    transition: 200ms ease-in-out;
 }
 
 .bBtnIcon {
@@ -1992,15 +1997,16 @@ iframe {
 }
 
 .chrome-tabs {
-  box-sizing: border-box;
-  position: relative;
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica,
-    Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
-  font-size: 12px;
-  height: 46px;
-  padding: 12px 3px 4px 3px;
-  overflow: hidden;
-  width: calc(100% - 50px);
+    box-sizing: border-box;
+    position: relative;
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+    font-size: 12px;
+    height: max-content;
+    padding: 2px 0px 0px 0px;
+    overflow: hidden;
+      overflow-x: hidden;
+    width: calc(100% - 50px);
+    overflow-x: auto;
 }
 
 .chrome-tabs * {
@@ -2012,6 +2018,7 @@ iframe {
   position: relative;
   width: 100%;
   height: 100%;
+  min-height: 34px;
 }
 
 .chrome-tabs .chrome-tab {
@@ -2333,6 +2340,7 @@ iframe {
 
 .chrome-tabs .chrome-tab[active] .chrome-tab-content {
   background: var(--tab-active-background);
+  box-shadow: none;
 }
 
 .chrome-tab-title {

diff --git a/static/index.html b/static/index.html
@@ -12,8 +12,7 @@
         <meta name="theme-color" media="(prefers-color-scheme: dark)" content="#4cb05e">
         <link href="index.css" id="rels" rel="stylesheet">
         <script src="index.js" defer></script>
-        <!-- <link rel="stylesheet" href="./styles/cursors.css"> -->
-        <!-- <script async src="https://arc.io/widget.min.js#nxu6Wm1G"></script> -->
+        <script async src="https://arc.io/widget.min.js#nxu6Wm1G"></script>
     </head>
     <body tabindex="-1" oncontextmenu="return false;" class="noSelect" data-notification="false">
         <div class="shell" id="shell">
@@ -139,9 +138,35 @@ <h5 class="timeT" id="time"></h5>
                             <path class="fill" fill-rule="evenodd" clip-rule="evenodd" d="M9 23C9 19.6863 11.6863 17 15 17H65.6111C68.9248 17 71.6111 19.6863 71.6111 23V57C71.6111 60.3137 68.9248 63 65.6111 63H15C11.6863 63 9 60.3137 9 57V23ZM38.3889 46.4945C38.3889 45.9422 38.8366 45.4945 39.3889 45.4945H56.5555C57.1078 45.4945 57.5555 45.9422 57.5555 46.4945V49.6056C57.5555 50.1579 57.1078 50.6056 56.5555 50.6056H39.3889C38.8366 50.6056 38.3889 50.1579 38.3889 49.6056V46.4945ZM21.2652 45.9362C20.8421 46.2912 20.787 46.9219 21.142 47.345L23.6893 50.3808C24.0443 50.8039 24.6751 50.8591 25.0981 50.5041L34.2339 42.8382L37.2697 40.2909C37.6928 39.9359 37.748 39.3051 37.393 38.8821L34.8456 35.8463L34.8452 35.8457L27.1798 26.7105C26.8248 26.2874 26.194 26.2322 25.771 26.5872L22.7352 29.1346C22.3121 29.4896 22.2569 30.1203 22.6119 30.5434L28.1976 37.2002L28.8344 38.2495C29.0609 38.6227 29.0192 39.0996 28.7314 39.4277L27.9221 40.3504L27.922 40.3505L21.2652 45.9362ZM29.635 38.9132L28.1976 37.2002L29.635 38.9131L29.635 38.9132Z"/>
                         </svg>
                     </div>
-                    <div class="deskapp" data-appName="ruffle" title="ruffle" onclick="windows('./ruffle/ruffle.html', './resources/ruffle.svg', 'ruffle', false, true, false, 'ruffle');">
-                        <svg class="appIcon" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg">
-                            <path class="fill" fill-rule="evenodd" clip-rule="evenodd" d="m13.7 80.3c1.53-10.9 2.79-20.3 2.81-21 .0942-3.01 4.01-5.25 9.29-5.32 4.57-.0589 4.95-.21 2.96-1.17-1.75-.843-2.18-1.71-1.81-3.68.263-1.42.763-4.74 1.11-7.39.528-4 1.17-5.13 3.81-6.75 2.8-1.71 5.11-1.94 19.3-1.94 21.4-.005 21.1-.211 19.4 13.6-1.93 15.7-1.01 14.4-10.2 14.4-7.1 0-7.91-.188-7.46-1.75.272-.962.798-4.14 1.17-7.05l.673-5.3-11.7.606-1.13 6.93c-1.22 7.49-3.55 10.6-7.97 10.6-1.86 0-2.46.668-2.91 3.25-.622 3.59-4.53 30.6-4.53 31.3 0 .245-3.52.445-7.81.445h-7.81z"/>
+                    <div class="deskapp" data-appName="ruffle" title="ruffle" onclick="windows('./ruffle/ruffle.html', './resources/ruffle.svg', 'Ruffle', false, true, false, 'ruffle');">
+                        <svg class="appIcon" width="40.1" height="42.9" inkscape:version="1.0.2 (e86c870879, 2021-01-15)" sodipodi:docname="ruffle.svg"
+                            version="1.1" viewBox="0 0 40.1 42.9" xmlns="http://www.w3.org/2000/svg" xmlns:cc="http://creativecommons.org/ns#"
+                            xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+                            xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+                            xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd">
+                            <metadata>
+                                <rdf:RDF>
+                                    <cc:Work rdf:about="">
+                                        <dc:format>image/svg+xml</dc:format>
+                                        <dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+                                        <dc:title />
+                                    </cc:Work>
+                                </rdf:RDF>
+                            </metadata>
+                            <sodipodi:namedview bordercolor="#666666" borderopacity="1" fit-margin-bottom="0" fit-margin-left="0"
+                                fit-margin-right="0" fit-margin-top="0" gridtolerance="10" guidetolerance="10" inkscape:current-layer="g1080"
+                                inkscape:cx="121.29662" inkscape:cy="44.453228" inkscape:pageopacity="0" inkscape:pageshadow="2"
+                                inkscape:window-height="1014" inkscape:window-maximized="1" inkscape:window-width="1920" inkscape:window-x="0"
+                                inkscape:window-y="36" inkscape:zoom="3.8780488" objecttolerance="10" pagecolor="#ffffff" showgrid="false" />
+                            <g transform="translate(-3.74 -21.2)" inkscape:groupmode="layer" inkscape:label="Image">
+                                <g transform="matrix(.665 0 0 .64 -3.36 -.174)">
+                                    <g transform="matrix(.944 0 0 .962 2.59 3.76)">
+                                        <path class="fill"
+                                            d="m13.7 80.3c1.53-10.9 2.79-20.3 2.81-21 .0942-3.01 4.01-5.25 9.29-5.32 4.57-.0589 4.95-.21 2.96-1.17-1.75-.843-2.18-1.71-1.81-3.68.263-1.42.763-4.74 1.11-7.39.528-4 1.17-5.13 3.81-6.75 2.8-1.71 5.11-1.94 19.3-1.94 21.4-.005 21.1-.211 19.4 13.6-1.93 15.7-1.01 14.4-10.2 14.4-7.1 0-7.91-.188-7.46-1.75.272-.962.798-4.14 1.17-7.05l.673-5.3-11.7.606-1.13 6.93c-1.22 7.49-3.55 10.6-7.97 10.6-1.86 0-2.46.668-2.91 3.25-.622 3.59-4.53 30.6-4.53 31.3 0 .245-3.52.445-7.81.445h-7.81z" />
+                                        <path class="fill" d="m32.4 65.6-2.51-12.2 7 5.89 3.86.466-1.38 2.72-2.3 2.25-1.69.594z" />
+                                    </g>
+                                </g>
+                            </g>
                         </svg>
                     </div>
                 </div>

diff --git a/static/index.js b/static/index.js
@@ -254,7 +254,7 @@ if(localStorage.getItem("pass") == null) {
 } else if(localStorage.getItem("pass") == "none") {
     let notifScr = document.createElement("script");
     notifScr.src = `./js/not.js`;
-    document.body.appendChild(notifScr);
+    // document.body.appendChild(notifScr);
 }
 submit = function(password, firstTime) {
     let spinner = document.querySelector(".spinner");
@@ -296,7 +296,7 @@ submit = function(password, firstTime) {
                     loginDetails.remove();
                     let notifScr = document.createElement("script");
                     notifScr.src = `./js/not.js`;
-                    document.body.appendChild(notifScr);
+                    // document.body.appendChild(notifScr);
                 }, 700)
             }, 1200);
         } else if(passd !== cpswd) {

diff --git a/static/js/new.js b/static/js/new.js
@@ -6,6 +6,8 @@ const style = document.getElementById("relsn");
 const favi = document.getElementById("favi");
 const logo = document.getElementById("logo");
 
+const parentDoc = window.parent.document.querySelector("html");
+
 class xor {
     static encode(str) {
         return encodeURIComponent(str.toString().split('').map((char, ind) => ind % 2 ? String.fromCharCode(char.charCodeAt() ^ 2) : char).join(''));

diff --git a/static/js/settings.js b/static/js/settings.js
@@ -41,9 +41,10 @@ dark.addEventListener("click", () => {
         document.documentElement.setAttribute('data-theme', 'dark');
         localStorage.setItem('theme', 'dark');
         themeMAIN.setAttribute('data-theme', 'dark');
-        for (let a = 0; a < win.length; a++) {
-            const element = win[a];
-            element.querySelector("#frame").contentWindow.document.documentElement.setAttribute('data-theme', 'dark');
+        const wino = window.parent.document.querySelectorAll(".win");
+        for (let i = 0; i < wino.length; i++) {
+            const element = wino[i];
+            element.querySelector("iframe").contentWindow.document.querySelector("html").setAttribute("data-theme", "dark");
         }
     }
     if(html === "dark") {
@@ -59,13 +60,13 @@ night.addEventListener("click", () => {
     let html = document.documentElement.getAttribute("data-theme");
     if(html !== "night") {
         document.documentElement.setAttribute('data-theme', 'night');
-        localStorage.setItem('theme', 'night');
         themeMAIN.setAttribute('data-theme', 'night');
-        for (let a = 0; a < win.length; a++) {
-            const element = win[a];
-            element.querySelector("#frame").contentWindow.document.documentElement.setAttribute('data-theme', 'night');
+        localStorage.setItem('theme', 'night');
+        const wino = window.parent.document.querySelectorAll(".win");
+        for (let i = 0; i < wino.length; i++) {
+            const element = wino[i];
+            element.querySelector("iframe").contentWindow.document.querySelector("html").setAttribute("data-theme", "night");
         }
-
     }
     if(html === "night") {
         alert("Night theme is already enabled");
@@ -79,11 +80,11 @@ frac.addEventListener("click", () => {
         document.documentElement.setAttribute('data-theme', 'fracital');
         localStorage.setItem('theme', 'fracital');
         themeMAIN.setAttribute('data-theme', 'fracital');
-        for (let a = 0; a < win.length; a++) {
-            const element = win[a];
-            element.querySelector("#frame").contentWindow.document.documentElement.setAttribute('data-theme', 'fracital');
+        const wino = window.parent.document.querySelectorAll(".win");
+        for (let i = 0; i < wino.length; i++) {
+            const element = wino[i];
+            element.querySelector("iframe").contentWindow.document.querySelector("html").setAttribute("data-theme", "fracital");
         }
-
     }
     if(html === "fracital") {
         alert("Fracital theme is already enabled");