web

web/index.html

@@ -5,29 +5,45 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>PatataPack</title>
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/water.css@2/out/water.css">
+    <script src="https://unpkg.com/@popperjs/core@2"></script>
+    <script src="https://unpkg.com/tippy.js@6"></script>
+<link rel="stylesheet" type="text/css" href="https://unpkg.com/notie/dist/notie.min.css">
 </head>
 <body>
-    <h1>PatataPack</h1>
-    
+    <img alt="Patata Pack" src="logo.png"/>
     <section>
         <h2>Server</h2>
-            <div>
+            <div style="display: flex">
                 <input height="32px" id="server-url" type="text" readonly value="patatapack.oier.ovh"/></strong>
-                <button onclick="copyContent()"><svg width="32px" height="32px" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
+                <button id="btn-copy-server-url" tooltip="Copy to clipboard" ><svg width="32px" height="32px" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
                     <path stroke-linecap="round" stroke-linejoin="round" d="M9 12h3.75M9 15h3.75M9 18h3.75m3 .75H18a2.25 2.25 0 002.25-2.25V6.108c0-1.135-.845-2.098-1.976-2.192a48.424 48.424 0 00-1.123-.08m-5.801 0c-.065.21-.1.433-.1.664 0 .414.336.75.75.75h4.5a.75.75 0 00.75-.75 2.25 2.25 0 00-.1-.664m-5.8 0A2.251 2.251 0 0113.5 2.25H15c1.012 0 1.867.668 2.15 1.586m-5.8 0c-.376.023-.75.05-1.124.08C9.095 4.01 8.25 4.973 8.25 6.108V8.25m0 0H4.875c-.621 0-1.125.504-1.125 1.125v11.25c0 .621.504 1.125 1.125 1.125h9.75c.621 0 1.125-.504 1.125-1.125V9.375c0-.621-.504-1.125-1.125-1.125H8.25zM6.75 12h.008v.008H6.75V12zm0 3h.008v.008H6.75V15zm0 3h.008v.008H6.75V18z" />
                 </svg>
             </button>
             <script>
-                let text = document.getElementById('server-url').value;
+                const copyButton = document.getElementById("btn-copy-server-url");
+                let serverUrl = document.getElementById('server-url').value;
+
+                copyButton.addEventListener("click", (e) => copyContent());
+                
                 const copyContent = async () => {
                   try {
-                    await navigator.clipboard.writeText(text);
+                    await navigator.clipboard.writeText(serverUrl);
                     console.log('Content copied to clipboard');
-                    alert(`${text} copied to clipboard!`);
+                    notie.alert({ text: serverUrl + ' Copied!' })
+                    tippy('#btn-copy-server-url', {
+                        content: 'Copied! ✅',
+                    });
                   } catch (err) {
+                    tippy('#btn-copy-server-url', {
+                        content: 'Failed! ⛔',
+                     });
+                    notie.alert({ text: 'Failed to copy ' + serverUrl })
                     console.error('Failed to copy: ', err);
                   }
                 }
+                tippy('#btn-copy-server-url', {
+                    content: 'Copy!',
+                });
               </script>
         </div>
     </section>
@@ -54,6 +70,7 @@
             <li>Browse previosuly downloaded pack zip</li>
         </ul>
     </section>
-    
+     <!-- Bottom of body -->
+  <script src="https://unpkg.com/notie"></script>
 </body>
 </html>

web/index.toml

@@ -1148,9 +1148,13 @@ hash = "b6c974dabc3e6480a4ff4a28bb1e7e979f63a135c928d4ada2f1253c0e31d56c"
 file = "config/wormhole-common.toml"
 hash = "110735d44eab9f3f56419cff162529ed13a6f7d86e52179d38a46c30b8a14c36"
 
+[[files]]
+file = "favicon.ico"
+hash = "491892fd7f63700bda4c3eed63dc38daf86107eb79b1c4a3f12765e6939dd781"
+
 [[files]]
 file = "index.html"
-hash = "98dd2d3ca79511cfd319b1dd64b64f9c9c821e7de8f114f40d25b97b25cb885b"
+hash = "86db9ad8ddff650b5791a17e8f3a95688b0c691921fcb7133f75f95b68857f78"
 
 [[files]]
 file = "kubejs/README.txt"
@@ -1244,6 +1248,14 @@ hash = "3b370df337dfe6f110b54391a63bea781ba244c3d04b127299bff9a773128b7c"
 file = "kubejs/startup_scripts/sifter.js"
 hash = "632926142216e3537ab7586ac40b2544e043aeb22deb6441c6c8b0de5164aa24"
 
+[[files]]
+file = "logo.bbmodel"
+hash = "2837c1925c2604c3050a0964aa281bbe4a0b00117d809daa1b2480ec0d89538c"
+
+[[files]]
+file = "logo.png"
+hash = "8ef41ecb216c8ff70894b9eb1564b286aa2653764474193ca5f2fafe1b6d432d"
+
 [[files]]
 file = "mods/ad-astra-giselle-addon.pw.toml"
 hash = "c31c0818cdd27b83743746b163d47f0823f30af1cc3196bb147c2939a16853c7"

web/logo.bbmodel

@@ -0,0 +1 @@
+{"meta":{"format_version":"4.5","model_format":"minecraft_title","box_uv":false},"name":"","visible_box":[1,1,0],"variable_placeholders":"","variable_placeholder_buttons":[],"unhandled_root_fields":{},"resolution":{"width":1000,"height":320},"elements":[{"name":"cube","box_uv":false,"rescale":false,"locked":false,"render_order":"default","allow_mirror_modeling":true,"from":[66,2,-11],"to":[94,42,11],"autouv":0,"color":4,"visibility":false,"origin":[0,0,0],"faces":{"north":{"uv":[486,22,514,62],"texture":0},"east":{"uv":[0,0,0,0],"texture":null},"south":{"uv":[514,22,486,62],"texture":0},"west":{"uv":[0,0,0,0],"texture":null},"up":{"uv":[514,22,486,0],"texture":0},"down":{"uv":[514,84,486,62],"texture":0}},"type":"cube","uuid":"53d119ff-f8c7-58dd-041b-4140e120e9e7"},{"name":"cube","box_uv":false,"rescale":false,"locked":false,"render_order":"default","allow_mirror_modeling":true,"from":[64,0,-13],"to":[80,16,13],"autouv":0,"color":2,"visibility":false,"origin":[0,0,0],"faces":{"north":{"uv":[0,0,0,0],"texture":null},"east":{"uv":[0,266,1,267],"texture":0},"south":{"uv":[0,0,0,0],"texture":null},"west":{"uv":[0,0,0,0],"texture":null},"up":{"uv":[0,266,1,267],"texture":0},"down":{"uv":[0,0,0,0],"texture":null}},"type":"cube","uuid":"9e84cd9e-79c6-ccc5-c638-70519f033971"},{"name":"cube","box_uv":false,"rescale":false,"locked":false,"render_order":"default","allow_mirror_modeling":true,"from":[96,44,13],"to":[64,0,-13],"autouv":0,"color":6,"visibility":false,"origin":[0,0,0],"faces":{"north":{"uv":[18,288,20,277],"texture":0},"east":{"uv":[18,288,19,277],"texture":0},"south":{"uv":[20,288,18,277],"texture":0},"west":{"uv":[0,266,1,267],"texture":0},"up":{"uv":[1,267,3,268],"texture":0},"down":{"uv":[0,266,1,267],"texture":0}},"type":"cube","uuid":"0ec09761-8925-aeb9-08fc-e3b914e6505a"},{"name":"cube","box_uv":false,"rescale":false,"locked":false,"render_order":"default","allow_mirror_modeling":true,"from":[34,2,-11],"to":[62,42,11],"autouv":0,"color":9,"visibility":false,"origin":[0,0,0],"faces":{"north":{"uv":[30,22,58,62],"texture":0},"east":{"uv":[0,0,0,0],"texture":null},"south":{"uv":[58,22,30,62],"texture":0},"west":{"uv":[0,0,0,0],"texture":null},"up":{"uv":[58,22,30,0],"texture":0},"down":{"uv":[58,84,30,62],"texture":0}},"type":"cube","uuid":"05632396-0ec8-6e22-1724-301a348025d5"},{"name":"cube","box_uv":false,"rescale":false,"locked":false,"render_order":"default","allow_mirror_modeling":true,"from":[64,44,13],"to":[32,0,-13],"autouv":0,"color":9,"visibility":false,"origin":[0,0,0],"faces":{"north":{"uv":[0,266,1,267],"texture":0},"east":{"uv":[0,266,1,267],"texture":0},"south":{"uv":[0,266,1,267],"texture":0},"west":{"uv":[0,266,1,267],"texture":0},"up":{"uv":[0,266,1,267],"texture":0},"down":{"uv":[0,266,1,267],"texture":0}},"type":"cube","uuid":"3d53ba46-33b7-714c-9c2b-6001d0c2f1eb"},{"name":"cube","box_uv":false,"rescale":false,"locked":false,"render_order":"default","allow_mirror_modeling":true,"from":[2,2,-11],"to":[30,42,11],"autouv":0,"color":5,"visibility":false,"origin":[0,0,0],"faces":{"north":{"uv":[610,22,638,62],"texture":0},"east":{"uv":[0,0,0,0],"texture":null},"south":{"uv":[638,22,610,62],"texture":0},"west":{"uv":[0,0,0,0],"texture":null},"up":{"uv":[638,22,610,0],"texture":0},"down":{"uv":[638,84,610,62],"texture":0}},"type":"cube","uuid":"56ce25d9-a28c-e52b-67de-cc221a4c4b75"},{"name":"cube","box_uv":false,"rescale":false,"locked":false,"render_order":"default","allow_mirror_modeling":true,"from":[24,0,-13],"to":[32,32,13],"autouv":0,"color":2,"visibility":false,"origin":[0,0,0],"faces":{"north":{"uv":[0,0,0,0],"texture":null},"east":{"uv":[0,0,0,0],"texture":null},"south":{"uv":[0,0,0,0],"texture":null},"west":{"uv":[0,266,1,267],"texture":0},"up":{"uv":[0,266,1,267],"texture":0},"down":{"uv":[0,0,0,0],"texture":null}},"type":"cube","uuid":"389ed461-d913-d5cf-2306-8d163a59f973"},{"name":"cube","box_uv":false,"rescale":false,"locked":false,"render_order":"default","allow_mirror_modeling":true,"from":[0,0,-13],"to":[8,32,13],"autouv":0,"color":0,"visibility":false,"origin":[0,0,0],"faces":{"north":{"uv":[0,0,0,0],"texture":null},"east":{"uv":[0,266,1,267],"texture":0},"south":{"uv":[0,0,0,0],"texture":null},"west":{"uv":[0,0,0,0],"texture":null},"up":{"uv":[0,266,1,267],"texture":0},"down":{"uv":[0,0,0,0],"texture":null}},"type":"cube","uuid":"b399635f-1b3f-1b98-5b5e-3adff0f8a315"},{"name":"cube","box_uv":false,"rescale":false,"locked":false,"render_order":"default","allow_mirror_modeling":true,"from":[32,44,13],"to":[0,0,-13],"autouv":0,"color":1,"visibility":false,"origin":[0,0,0],"faces":{"north":{"uv":[2,288,6,277],"texture":0},"east":{"uv":[2,288,3,277],"texture":0},"south":{"uv":[2,288,6,277],"texture":0},"west":{"uv":[2,288,3,277],"texture":0},"up":{"uv":[2,288,6,287],"texture":0},"down":{"uv":[0,266,1,267],"texture":0}},"type":"cube","uuid":"0ccb9e08-01e6-f9d8-d42d-138726c60aa7"},{"name":"cube","box_uv":false,"rescale":false,"locked":false,"render_order":"default","allow_miLine truncated

web/pack.toml

@@ -6,7 +6,7 @@ pack-format = "packwiz:1.1.0"
 [index]
 file = "index.toml"
 hash-format = "sha256"
-hash = "d81e8aec3eac28aa4f6d7b95cbbae10c87d53de961175f9f35760a8713e62878"
+hash = "8887974db6ff90b04aa6011e81965b2e734c8120e6bea2e22a61b61f02546940"
 
 [versions]
 forge = "47.2.0"