Added Window Resizing (Beta) and Fixed Game Center Proxy issues

z1g-project · Jan 18, 2023 · 2c9ffc1 · 2c9ffc1
1 parent edcd0c5
commit 2c9ffc1
Show file tree

Hide file tree

Showing 6 changed files with 340 additions and 16 deletions.
diff --git a/static/games/games.html b/static/games/games.html
@@ -24,9 +24,9 @@
             </svg>
         </div>
         <p>Welcome to Terbium Game Center</p>
-                           <a onclick="window.parent.window.history.replaceState(`postmc`, 'minecraft', `https://terbium.johnglynn2.repl.co/sw/hvtrs8%2F-cnaqskc%2Cmkngcpadt%2Cngt-`)" href="?game=mc">Minecraft</a>
-                           <a onclick="window.parent.window.history.replaceState(`postrblx`, 'roblox', `https://terbium.johnglynn2.repl.co/sw/hvtrs8%2F-nmw%2Cge%2Fcprs-rmbnoz-aoppmrctkol%2F7369-rmbnoz.jtol`)" href="?game=rblx">Roblox</a>
-                          <a onclick="window.parent.window.history.replaceState(`postgfn`, 'geforce now', 'https://terbium.johnglynn2.repl.co/sw/hvtrs8%2F-pna%7B.eedopcgnmw%2Ccmm-mcln%2F'" href="?game=gfn">GeForce NOW</a>
+                           <a onclick="window.parent.window.history.replaceState(`postmc`, 'minecraft', `#`)" href="https://terbium.johnglynn2.repl.co/sw/hvtrs8%2F-cnaqskc%2Cmkngcpadt%2Cngt-">Minecraft</a>
+                           <a onclick="window.parent.window.history.replaceState(`postrblx`, 'roblox', `#`)" href="https://terbium.johnglynn2.repl.co/sw/hvtrs8%2F-nmw%2Cge%2Fcprs-rmbnoz-aoppmrctkol%2F7369-rmbnoz.jtol">Roblox</a>
+                          <a onclick="window.parent.window.history.replaceState(`postgfn`, 'geforce now', '#'" href="https://terbium.johnglynn2.repl.co/sw/hvtrs8%2F-pna%7B.eedopcgnmw%2Ccmm-mcln%2F">GeForce NOW</a>
     <script src="../js/theme.js"></script>
    </stop> </stop> </linearGradien> </defs> </path> </svg> </div>
     </body>

diff --git a/static/index.css b/static/index.css
@@ -156,6 +156,7 @@
     --dock-alert-background: #47ca6360;
     --dock-button-boxshadow: #242424;
     --dock-icon-color: #47CA64;
+    --dock-icon-color2: #419854;
     --dock-button-inactive-span: #424242;
 
     /* context menu */
@@ -256,6 +257,7 @@
     --dock-alert-background: #fff7a560;
     --dock-button-boxshadow: #110d44;
     --dock-icon-color: #fff7a5;
+    --dock-icon-color2: #d1ca7a;
     --dock-button-inactive-span: #594dee;
 
     /* context menu */
@@ -355,6 +357,7 @@
     --dock-alert-background: #FF40F760;
     --dock-button-boxshadow: #282828;
     --dock-icon-color: #FF40F7;
+    --dock-icon-color2: #cc2ec4;
     --dock-button-inactive-span: #606060;
 
     /* context menu */
@@ -1481,10 +1484,6 @@ main > .inputAppSearch {
     min-width: 32px;
 }
 
-.dockbtn.alert {
-    animation: blink 1s infinite ease-in-out;
-}
-
 .dockbtn:hover {
     cursor: var(--cursorHand);
     background-color: var(--dock-button-background);
@@ -1512,6 +1511,10 @@ main > .inputAppSearch {
     fill: var(--dock-icon-color);
 }
 
+.fill2 {
+    fill: var(--dock-icon-color2);
+}
+
 .iconFill1 {
     fill: var(--iconFill2);
 }
@@ -1565,13 +1568,13 @@ main > .inputAppSearch {
 }
 
 .winNotFocus {
-    z-index: 1;
+    z-index: 3;
     opacity: 0.98;
     filter: blur(1px);
 }
 
 .winFocus {
-    z-index: 2;
+    z-index: 4;
     opacity: 1;
     filter: blur(0px);
 }
@@ -1588,10 +1591,6 @@ main > .inputAppSearch {
     box-shadow: none !important;
 }
 
-.maxiN {
-    resize: both;
-}
-
 .maxiY {
     top: 37px !important;
     left: 0 !important;
@@ -1600,6 +1599,84 @@ main > .inputAppSearch {
     resize: none;
 }
 
+.rightResize {
+    position: absolute;
+    right: 0;
+    top: 0;
+    width: 8px;
+    height: 100%;
+    cursor: e-resize;
+}
+
+.bottomResize {
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    width: 100%;
+    height: 8px;
+    cursor: s-resize;
+}
+
+.bottomRightResize {
+    position: absolute;
+    bottom: 0;
+    right: 0;
+    width: 8px;
+    height: 8px;
+    cursor: se-resize;
+}
+
+.topResize {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 8px;
+    cursor: n-resize;
+}
+
+.leftResize {
+    position: absolute;
+    left: 0;
+    top: 0;
+    width: 8px;
+    height: 100%;
+    cursor: w-resize;
+}
+
+.bottomLeftResize {
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    width: 8px;
+    height: 8px;
+    cursor: sw-resize;
+}
+
+.maxiY .bottomLeftResize {
+    cursor: var(--cursorNormal);
+}
+
+.maxiY .bottomRightResize {
+    cursor: var(--cursorNormal);
+}
+
+.maxiY .topResize {
+    cursor: var(--cursorNormal);
+}
+
+.maxiY .leftResize {
+    cursor: var(--cursorNormal);
+}
+
+.maxiY .rightResize {
+    cursor: var(--cursorNormal);
+}
+
+.maxiY .bottomResize {
+    cursor: var(--cursorNormal);
+}
+
 .maxiR {
     border-bottom-left-radius: 0 !important;
     border-bottom-right-radius: 0 !important;

diff --git a/static/index.html b/static/index.html
@@ -158,8 +158,8 @@ <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="Terbium Games" title="Terbium Games" onclick="'/games/games.html ', './resources/tg.png', 'Terbium Games', false, false, false, 'Terbium Games');">
-                        <img src="./resources/tg.png" id="Terbium Games" title="Terbium Games" class="appIcon">
+                               <div class="deskapp" data-appName="Terbium Games" title="Terbium Games" onclick="windows('games/games.html', './resources/games.ico', 'Terbium Games', false, true, false, 'Terbium Games');">
+                        <img src="./resources/games.ico" id="Terbium Games" title="Terbium Games" class="appIcon">
                                  </div>
                                <div class="deskapp" data-appName="z1g Project" title="z1g-project" onclick="windows('https://z1g-project.johnglynn2.repl.co/services/terbium/welcome.html', './resources/z1g.png', 'z1g Project', false, false, false, 'z1g Project');">
                         <img src="./resources/z1g.png" id="z1g-project" title="z1g Project" class="appIcon">