Skip to content

Commit 637e339

Browse files
NovaAppsIncNovaAppsInc
committed
fixes
1 parent 6e2fe2f commit 637e339

File tree

9 files changed

+241
-281
lines changed

9 files changed

+241
-281
lines changed

‎.vscode/settings.json

+3
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
{
2+
"liveServer.settings.port": 5501
3+
}

‎static/index.css

+34-26
Original file line numberDiff line numberDiff line change
@@ -106,7 +106,6 @@
106106

107107
[data-theme="dark"] {
108108
/* body */
109-
--wallpaper: url("resources/wallpapers/darkWall.png");
110109
--body: #111;
111110
--body-color: #ffffff;
112111
--userselect-background: #ffffff0a;
@@ -145,7 +144,9 @@
145144
/* desktop */
146145
--desktopapp-background: #8c8c8c5e;
147146
--inputAppSearch-background: #373737;
148-
--inputApsSearchNoneFocus-color: #9d9d9d;
147+
--inputAppSearchNoneFocus-color: #9d9d9d;
148+
--inputAppSearch-focus-boxShadow: 0 0 54px -8px #75ff8c;
149+
--inputAppSearch-focus-background: #373737a6;
149150
--inputAppSearch-color: #ffffff;
150151

151152
/* dock */
@@ -197,13 +198,12 @@
197198
--tab-active-close-active-hover: #424242;
198199
--tab-active-background: #1c1c1c;
199200
--tab-active-hover-color: #47CA64;
200-
--tab-inactive-background: #0000;
201+
--tab-inactive-background: #2d2d2d;
201202
--tab-hover-background: #85ff9e59;
202203
}
203204

204205
[data-theme="night"] {
205206
/* body */
206-
--wallpaper: url("resources/wallpapers/nightWall.png");
207207
--body: #0e0a40;
208208
--body-color: #fff7a5;
209209
--userselect-background: #ffffff0a;
@@ -242,7 +242,9 @@
242242
/* desktop */
243243
--desktopapp-background: #0e0b35;
244244
--inputAppSearch-background: #302a73;
245-
--inputApsSearchNoneFocus-color: #716ae1;
245+
--inputAppSearchNoneFocus-color: #716ae1;
246+
--inputAppSearch-focus-boxShadow: 0 0 54px -8px #fffac7;
247+
--inputAppSearch-focus-background: #302a73;
246248
--inputAppSearch-color: #fff7a5;
247249

248250
/* dock */
@@ -300,7 +302,6 @@
300302

301303
[data-theme="fracital"] {
302304
/* body */
303-
--wallpaper: url("resources/wallpapers/fracitalWall.png");
304305
--body: #1C1C1C;
305306
--body-color: #FF75F9;
306307
--userselect-background: #ffffff0a;
@@ -339,7 +340,9 @@
339340
/* desktop */
340341
--desktopapp-background: #8c8c8c5e;
341342
--inputAppSearch-background: #202020;
342-
--inputApsSearchNoneFocus-color: #757575;
343+
--inputAppSearchNoneFocus-color: #757575;
344+
--inputAppSearch-focus-boxShadow: 0 0 54px -8px #ff3bf5;
345+
--inputAppSearch-focus-background: #20202083;
343346
--inputAppSearch-color: #FF40F7;
344347

345348
/* dock */
@@ -692,7 +695,7 @@ main.closedA {
692695
visibility: collapse;
693696
inset: 0;
694697
background-color: transparent;
695-
justify-content: center;
698+
justify-items: center;
696699
align-content: center;
697700
}
698701

@@ -1111,11 +1114,7 @@ li {
11111114
}
11121115

11131116
.inputAppSearch {
1114-
position: absolute;
1115-
top: 54px;
1116-
left: 50%;
1117-
transform: translateX(-50%);
1118-
background-color: var(--inputAppSearch-background);
1117+
transform: translateY(calc(-355px));
11191118
border: none;
11201119
border-radius: 8px;
11211120
height: 40px;
@@ -1126,18 +1125,23 @@ main > .inputAppSearch {
11261125
}
11271126

11281127
.inputAppSearch input {
1128+
width: calc(100% - 20px);
11291129
transition: 200ms ease-in-out;
1130-
color: var(--inputApsSearchNoneFocus-color);
1130+
background-color: var(--inputAppSearch-background);
1131+
color: var(--inputAppSearchNoneFocus-color);
11311132
border: none;
1132-
background-color: transparent;
11331133
padding: 0 10px;
11341134
font-size: 16px;
11351135
height: 100%;
1136+
border-radius: 8px;
1137+
box-shadow: 0 0 0px 2px transparent;
11361138
}
11371139

11381140
.inputAppSearch input:focus-visible {
1141+
box-shadow: var(--inputAppSearch-focus-boxShadow);
1142+
background-color: var(--inputAppSearch-focus-background);
11391143
outline: none;
1140-
color: var(--inputApsSearch-color);
1144+
color: var(--inputAppSearch-color);
11411145
}
11421146

11431147
.start {
@@ -1508,7 +1512,7 @@ main > .inputAppSearch {
15081512

15091513
.browser iframe {
15101514
border-radius: 0;
1511-
height: calc(100% - 93px);
1515+
height: calc(100% - 84px);
15121516
}
15131517

15141518
.winmini {
@@ -1969,6 +1973,7 @@ iframe {
19691973
flex-direction: row;
19701974
background: var(--tab-container-background);
19711975
align-items: center;
1976+
transition: 200ms ease-in-out;
19721977
}
19731978

19741979
.bBtnIcon {
@@ -1992,15 +1997,16 @@ iframe {
19921997
}
19931998

19941999
.chrome-tabs {
1995-
box-sizing: border-box;
1996-
position: relative;
1997-
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica,
1998-
Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
1999-
font-size: 12px;
2000-
height: 46px;
2001-
padding: 12px 3px 4px 3px;
2002-
overflow: hidden;
2003-
width: calc(100% - 50px);
2000+
box-sizing: border-box;
2001+
position: relative;
2002+
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
2003+
font-size: 12px;
2004+
height: max-content;
2005+
padding: 2px 0px 0px 0px;
2006+
overflow: hidden;
2007+
overflow-x: hidden;
2008+
width: calc(100% - 50px);
2009+
overflow-x: auto;
20042010
}
20052011

20062012
.chrome-tabs * {
@@ -2012,6 +2018,7 @@ iframe {
20122018
position: relative;
20132019
width: 100%;
20142020
height: 100%;
2021+
min-height: 34px;
20152022
}
20162023

20172024
.chrome-tabs .chrome-tab {
@@ -2333,6 +2340,7 @@ iframe {
23332340

23342341
.chrome-tabs .chrome-tab[active] .chrome-tab-content {
23352342
background: var(--tab-active-background);
2343+
box-shadow: none;
23362344
}
23372345

23382346
.chrome-tab-title {

‎static/index.html

+30-5
Original file line numberDiff line numberDiff line change
@@ -12,8 +12,7 @@
1212
<meta name="theme-color" media="(prefers-color-scheme: dark)" content="#4cb05e">
1313
<link href="index.css" id="rels" rel="stylesheet">
1414
<script src="index.js" defer></script>
15-
<!-- <link rel="stylesheet" href="./styles/cursors.css"> -->
16-
<!-- <script async src="https://arc.io/widget.min.js#nxu6Wm1G"></script> -->
15+
<script async src="https://arc.io/widget.min.js#nxu6Wm1G"></script>
1716
</head>
1817
<body tabindex="-1" oncontextmenu="return false;" class="noSelect" data-notification="false">
1918
<div class="shell" id="shell">
@@ -139,9 +138,35 @@ <h5 class="timeT" id="time"></h5>
139138
<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"/>
140139
</svg>
141140
</div>
142-
<div class="deskapp" data-appName="ruffle" title="ruffle" onclick="windows('./ruffle/ruffle.html', './resources/ruffle.svg', 'ruffle', false, true, false, 'ruffle');">
143-
<svg class="appIcon" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg">
144-
<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"/>
141+
<div class="deskapp" data-appName="ruffle" title="ruffle" onclick="windows('./ruffle/ruffle.html', './resources/ruffle.svg', 'Ruffle', false, true, false, 'ruffle');">
142+
<svg class="appIcon" width="40.1" height="42.9" inkscape:version="1.0.2 (e86c870879, 2021-01-15)" sodipodi:docname="ruffle.svg"
143+
version="1.1" viewBox="0 0 40.1 42.9" xmlns="http://www.w3.org/2000/svg" xmlns:cc="http://creativecommons.org/ns#"
144+
xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
145+
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
146+
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd">
147+
<metadata>
148+
<rdf:RDF>
149+
<cc:Work rdf:about="">
150+
<dc:format>image/svg+xml</dc:format>
151+
<dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
152+
<dc:title />
153+
</cc:Work>
154+
</rdf:RDF>
155+
</metadata>
156+
<sodipodi:namedview bordercolor="#666666" borderopacity="1" fit-margin-bottom="0" fit-margin-left="0"
157+
fit-margin-right="0" fit-margin-top="0" gridtolerance="10" guidetolerance="10" inkscape:current-layer="g1080"
158+
inkscape:cx="121.29662" inkscape:cy="44.453228" inkscape:pageopacity="0" inkscape:pageshadow="2"
159+
inkscape:window-height="1014" inkscape:window-maximized="1" inkscape:window-width="1920" inkscape:window-x="0"
160+
inkscape:window-y="36" inkscape:zoom="3.8780488" objecttolerance="10" pagecolor="#ffffff" showgrid="false" />
161+
<g transform="translate(-3.74 -21.2)" inkscape:groupmode="layer" inkscape:label="Image">
162+
<g transform="matrix(.665 0 0 .64 -3.36 -.174)">
163+
<g transform="matrix(.944 0 0 .962 2.59 3.76)">
164+
<path class="fill"
165+
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" />
166+
<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" />
167+
</g>
168+
</g>
169+
</g>
145170
</svg>
146171
</div>
147172
</div>

‎static/index.js

+2-2
Original file line numberDiff line numberDiff line change
@@ -254,7 +254,7 @@ if(localStorage.getItem("pass") == null) {
254254
} else if(localStorage.getItem("pass") == "none") {
255255
let notifScr = document.createElement("script");
256256
notifScr.src = `./js/not.js`;
257-
document.body.appendChild(notifScr);
257+
// document.body.appendChild(notifScr);
258258
}
259259
submit = function(password, firstTime) {
260260
let spinner = document.querySelector(".spinner");
@@ -296,7 +296,7 @@ submit = function(password, firstTime) {
296296
loginDetails.remove();
297297
let notifScr = document.createElement("script");
298298
notifScr.src = `./js/not.js`;
299-
document.body.appendChild(notifScr);
299+
// document.body.appendChild(notifScr);
300300
}, 700)
301301
}, 1200);
302302
} else if(passd !== cpswd) {

‎static/js/new.js

+2
Original file line numberDiff line numberDiff line change
@@ -6,6 +6,8 @@ const style = document.getElementById("relsn");
66
const favi = document.getElementById("favi");
77
const logo = document.getElementById("logo");
88

9+
const parentDoc = window.parent.document.querySelector("html");
10+
911
class xor {
1012
static encode(str) {
1113
return encodeURIComponent(str.toString().split('').map((char, ind) => ind % 2 ? String.fromCharCode(char.charCodeAt() ^ 2) : char).join(''));

‎static/js/settings.js

+13-12
Original file line numberDiff line numberDiff line change
@@ -41,9 +41,10 @@ dark.addEventListener("click", () => {
4141
document.documentElement.setAttribute('data-theme', 'dark');
4242
localStorage.setItem('theme', 'dark');
4343
themeMAIN.setAttribute('data-theme', 'dark');
44-
for (let a = 0; a < win.length; a++) {
45-
const element = win[a];
46-
element.querySelector("#frame").contentWindow.document.documentElement.setAttribute('data-theme', 'dark');
44+
const wino = window.parent.document.querySelectorAll(".win");
45+
for (let i = 0; i < wino.length; i++) {
46+
const element = wino[i];
47+
element.querySelector("iframe").contentWindow.document.querySelector("html").setAttribute("data-theme", "dark");
4748
}
4849
}
4950
if(html === "dark") {
@@ -59,13 +60,13 @@ night.addEventListener("click", () => {
5960
let html = document.documentElement.getAttribute("data-theme");
6061
if(html !== "night") {
6162
document.documentElement.setAttribute('data-theme', 'night');
62-
localStorage.setItem('theme', 'night');
6363
themeMAIN.setAttribute('data-theme', 'night');
64-
for (let a = 0; a < win.length; a++) {
65-
const element = win[a];
66-
element.querySelector("#frame").contentWindow.document.documentElement.setAttribute('data-theme', 'night');
64+
localStorage.setItem('theme', 'night');
65+
const wino = window.parent.document.querySelectorAll(".win");
66+
for (let i = 0; i < wino.length; i++) {
67+
const element = wino[i];
68+
element.querySelector("iframe").contentWindow.document.querySelector("html").setAttribute("data-theme", "night");
6769
}
68-
6970
}
7071
if(html === "night") {
7172
alert("Night theme is already enabled");
@@ -79,11 +80,11 @@ frac.addEventListener("click", () => {
7980
document.documentElement.setAttribute('data-theme', 'fracital');
8081
localStorage.setItem('theme', 'fracital');
8182
themeMAIN.setAttribute('data-theme', 'fracital');
82-
for (let a = 0; a < win.length; a++) {
83-
const element = win[a];
84-
element.querySelector("#frame").contentWindow.document.documentElement.setAttribute('data-theme', 'fracital');
83+
const wino = window.parent.document.querySelectorAll(".win");
84+
for (let i = 0; i < wino.length; i++) {
85+
const element = wino[i];
86+
element.querySelector("iframe").contentWindow.document.querySelector("html").setAttribute("data-theme", "fracital");
8587
}
86-
8788
}
8889
if(html === "fracital") {
8990
alert("Fracital theme is already enabled");

0 commit comments

Comments
 (0)