v1.2.1 update

zeankundev · zeankundev · commit 81017571f065 · 2023-03-18T08:58:03.000+07:00
diff --git a/assets/new_icons/horanghill-01.svg b/assets/new_icons/horanghill-01.svg
@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><defs><style>.cls-1{fill:#fff;}</style></defs><polygon class="cls-1" points="7.26 3 7.26 21 9.43 21 9.43 14.7 15.44 14.7 15.44 21 17.35 21 17.35 11.56 15.52 9.71 15.52 12.53 9.51 12.53 9.51 3 7.26 3"/><polygon class="cls-1" points="15.54 7.75 15.54 3 17.55 3 17.55 9.94 15.54 7.75"/></svg>
diff --git a/assets/new_icons/horanghill-02.svg b/assets/new_icons/horanghill-02.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"/>
diff --git a/assets/new_icons/horanghill.svg b/assets/new_icons/horanghill.svg
@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10.29 18"><defs><style>.cls-1{fill:#fff;}</style></defs><polygon class="cls-1" points="0 0 0 18 2.17 18 2.17 11.7 8.18 11.7 8.18 18 10.09 18 10.09 8.56 8.26 6.71 8.26 9.53 2.25 9.53 2.25 0 0 0"/><polygon class="cls-1" points="8.28 4.75 8.28 0 10.29 0 10.29 6.93 8.28 4.75"/></svg>
diff --git a/assets/new_icons/ic_fluent_arrow_left_24_regular.svg b/assets/new_icons/ic_fluent_arrow_left_24_regular.svg
@@ -1 +1 @@
-<svg width="24" height="24" fill="#FFFFFF" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"  ><path d="M10.733 19.79a.75.75 0 0 0 1.034-1.086L5.516 12.75H20.25a.75.75 0 0 0 0-1.5H5.516l6.251-5.955a.75.75 0 0 0-1.034-1.086l-7.42 7.067a.995.995 0 0 0-.3.58.754.754 0 0 0 .001.289.995.995 0 0 0 .3.579l7.419 7.067Z"  /></svg>
+<svg width="24" height="24" fill="#FFFFFF" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M10.733 19.79a.75.75 0 0 0 1.034-1.086L5.516 12.75H20.25a.75.75 0 0 0 0-1.5H5.516l6.251-5.955a.75.75 0 0 0-1.034-1.086l-7.42 7.067a.995.995 0 0 0-.3.58.754.754 0 0 0 .001.289.995.995 0 0 0 .3.579l7.419 7.067Z"  /></svg>
diff --git a/assets/new_icons/ic_fluent_puzzle_cube_24_regular.svg b/assets/new_icons/ic_fluent_puzzle_cube_24_regular.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="#FFFFFF" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M3 8.5v9.25A3.25 3.25 0 0 0 6.25 21h11.5A3.25 3.25 0 0 0 21 17.75V6.25A3.25 3.25 0 0 0 17.75 3H8.5v5.5H3ZM8.5 10v4h-4v-4h4Zm1.5 4v-4h4v4h-4Zm5.5 0v-4h4v4h-4ZM10 15.5h4v4h-4v-4Zm5.5 0h4v2.25a1.75 1.75 0 0 1-1.75 1.75H15.5v-4Zm0-11h2.25c.966 0 1.75.784 1.75 1.75V8.5h-4v-4Zm-1.5 4h-4v-4h4v4Zm-5.5 7v4H6.25a1.75 1.75 0 0 1-1.75-1.75V15.5h4Z"/></svg>
diff --git a/assets/new_icons/light/ic_fluent_puzzle_cube_24_regular.svg b/assets/new_icons/light/ic_fluent_puzzle_cube_24_regular.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M3 8.5v9.25A3.25 3.25 0 0 0 6.25 21h11.5A3.25 3.25 0 0 0 21 17.75V6.25A3.25 3.25 0 0 0 17.75 3H8.5v5.5H3ZM8.5 10v4h-4v-4h4Zm1.5 4v-4h4v4h-4Zm5.5 0v-4h4v4h-4ZM10 15.5h4v4h-4v-4Zm5.5 0h4v2.25a1.75 1.75 0 0 1-1.75 1.75H15.5v-4Zm0-11h2.25c.966 0 1.75.784 1.75 1.75V8.5h-4v-4Zm-1.5 4h-4v-4h4v4Zm-5.5 7v4H6.25a1.75 1.75 0 0 1-1.75-1.75V15.5h4Z" fill="#212121"/></svg>
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "graycrown",
-  "version": "1.2.0",
+  "version": "1.2.1",
   "description": "a simple game launcher",
   "homepage": "https://gray-crown.web.app",
   "type": "commonjs",
diff --git a/script/main.js b/script/main.js
@@ -53,11 +53,19 @@ let method;
 let stop;
 let started = false;
 const load = async () => {
-    console.log('startup being played')
+    document.getElementById('api-menu').style.display = 'none';
+    document.getElementById('add').style.display = 'none';
+    document.body.style.overflowY = 'hidden'
+    document.getElementById('downloads').style.display = 'none';
     startup.play();
-    console.log('timing out....')
-    await setTimeout(1000);
-    started = true;
+    await setTimeout(5000);
+    document.getElementById('startup').style.animation = 'fade 0.5s linear normal';
+    document.getElementById('api-menu').style.display = 'block';
+    document.getElementById('add').style.display = 'inline-block';
+    document.getElementById('downloads').style.display = 'inline-block';
+    await setTimeout(490);
+    document.getElementById('startup').style.display = 'none';
+    document.body.style.overflowY = 'auto'
 }
 load();
 document.onclick = () => {
diff --git a/views/css/index.css b/views/css/index.css
@@ -476,6 +476,7 @@ object, iframe {
 .game-title {
     font-size: 1.5em;
     font-weight: bold;
+    color: #fff;
     margin-top: 10px;
     margin-right: 10px;
     margin-bottom: 10px;
@@ -512,7 +513,7 @@ h1 {
   display: flex;
   justify-content: center;
 }
-.startup reg-head {
+.startup p {
   display: flex;
   justify-content: center;
   text-align: center;
@@ -526,6 +527,7 @@ a {
   background-color: var(--main-color);
   z-index: 99999;
   min-height: 100vh;
+  padding-top: 2px;
 }
 .stop {
   background-color: var(--stop-color);
diff --git a/views/css/light.css b/views/css/light.css
@@ -93,6 +93,9 @@
 #cl {
     content: url('../../assets/new_icons/light/ic_fluent_dismiss_24_regular.svg');
 }
+#horang {
+    content: url('../../assets/new_icons/light/ic_fluent_puzzle_cube_24_regular.svg');
+}
 #dv {
     content: url('../../assets/new_icons/light/ic_fluent_people_24_regular.svg');
 }
diff --git a/views/index.html b/views/index.html
@@ -10,6 +10,7 @@
                 <div id="api-menu">
                     <button class="tab" onclick="openMenu(event, 'home')" id="home-tab"><img id="h" src="../assets/new_icons/ic_fluent_home_24_regular.svg">&nbsp;<strong id="home-txt">Home</strong></button>
                     <button class="tab"onclick="openMenu(event, 'library');" id="library-tab"><img id="l" src="../assets/new_icons/ic_fluent_library_24_regular.svg">&nbsp;<strong id="library-txt">Library</strong></button>
+                    <button class="tab" onclick="openMenu(event, 'horanghill');" id="horanghill-tab"><img id="horang" src="../assets/new_icons/ic_fluent_puzzle_cube_24_regular.svg">&nbsp;<strong>HorangHill</strong></button>
                     <button class="tab" onclick="openMenu(event, 'store'); fetchStores()" id="store-tab"><img id="st" src="../assets/new_icons/ic_fluent_shopping_bag_24_regular.svg">&nbsp;<strong id="store-txt">Store</strong></button>
                     <button class="tab" onclick="openMenu(event, 'settings')" id="settings-tab"><img id="s" src="../assets/new_icons/ic_fluent_settings_24_regular.svg">&nbsp;<strong id="settings-txt">Settings</strong></button>
                     <!--<button class="tab" style="display: none;" onclick="openMenu(event, 'minesweeper')" id="minesweeper-tab"><img src="../assets/minesweeper_1024.png"></button>-->
@@ -66,6 +67,12 @@ <h1 id="library-text">Library</h1>
                     <div id="game-list-alt"></div>
                 </div>
             </div>
+            <div id="horanghill" class="tabcontent">
+                <div class="home">
+                    <h1 id="welcome-back">Play HorangHill</h1>
+                    <br><br>
+                </div>
+            </div>
             <div id="store" class="tabcontent">
                 <div class="store">
                     <h1 id="store-text">Store (WIP)</h1>
@@ -157,22 +164,22 @@ <h1>Minesweeper</h1>
                     </div>
             </div>
         </div>
-        <div class="startup" id="startup" style="display: none;">
+        <div class="startup" id="startup">
             <img class="startup-logo" src="../assets/logo_1024.png" style="width: 150px !important;">
             <br>
             <h1>
                 Graycrown
             </h1>
-            <reg-head>
+            <p>
                 made by zeankun.dev.
                 <br>
                 &copy; 2023 zeankun.dev of Graycrown. All rights reserved.
                 <br>
                 This Project is Open Source to everyone!
                 <br>
                 <br>
-            </reg-head>
-            <reg-head><a href="https://paypal.me/ZIsnomo" target="_blank">Donate me on PayPal!</a></reg-head>
+            </p>
+            <p><a class="button" href="https://paypal.me/ZIsnomo" target="_blank">Donate me on PayPal!</a></p>
         </div>
         <div class="game-info" id="game-info" style="display: none;">
             <div class="title">

Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "graycrown",`
`3`		`- "version": "1.2.0",`
	`3`	`+ "version": "1.2.1",`
`4`	`4`	`"description": "a simple game launcher",`
`5`	`5`	`"homepage": "https://gray-crown.web.app",`
`6`	`6`	`"type": "commonjs",`
Original file line number	Diff line number	Diff line change
`@@ -93,6 +93,9 @@`
`93`	`93`	`#cl {`
`94`	`94`	`content: url('../../assets/new_icons/light/ic_fluent_dismiss_24_regular.svg');`
`95`	`95`	`}`
	`96`	`+#horang {`
	`97`	`+ content: url('../../assets/new_icons/light/ic_fluent_puzzle_cube_24_regular.svg');`
	`98`	`+}`
`96`	`99`	`#dv {`
`97`	`100`	`content: url('../../assets/new_icons/light/ic_fluent_people_24_regular.svg');`
`98`	`101`	`}`