From 0e5dceb1d5d887a8ac187216d4e2810375b2a983 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bankn8II=C2=A9=24A?=
 <102619282+barionleg@users.noreply.github.com>
Date: Sun, 5 Jan 2025 06:52:20 +0100
Subject: [PATCH] Update index-z.html

---
 index-z.html | 134 ++++++++++++++++++++++++---------------------------
 1 file changed, 62 insertions(+), 72 deletions(-)
diff --git a/index-z.html b/index-z.html
index fc1dd72..3d49eed 100644
--- a/index-z.html
+++ b/index-z.html
@@ -1,98 +1,88 @@
 <html>
+
 <head>
     <title>Nuclide Chart</title>
 
-    <link rel="stylesheet" type="text/css" href="style.css"/>
-    <link rel="stylesheet" type="text/css" href="chartstyle.css"/>
-      <!-- CSS only -->
-    <link
-      href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css"
-      rel="stylesheet"
-      integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3"
-      crossorigin="anonymous"
-    />
-    <link
-      rel="stylesheet"
-      href="https://pro.fontawesome.com/releases/v5.10.0/css/all.css"
-      integrity="sha384-AYmEC3Yw5cVb3ZcuHtOA93w35dYTsvhLPVnYs9eStHfGJvOvKxVfELGroGkvsg+p"
-      crossorigin="anonymous"
-    />
+    <link rel="stylesheet" type="text/css" href="style.css" />
+    <link rel="stylesheet" type="text/css" href="chartstyle.css" />
+    <!-- CSS only -->
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous" />
+    <link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.10.0/css/all.css" integrity="sha384-AYmEC3Yw5cVb3ZcuHtOA93w35dYTsvhLPVnYs9eStHfGJvOvKxVfELGroGkvsg+p" crossorigin="anonymous" />
     <style>
-      .zoom-tool-bar {
-        position: fixed;
-        bottom: 0;
-        right: 0;
-        width: 100%;
-        height: 31px;
-        padding: 3px 0;
-        background: rgba(49, 65, 82, 0.7);
-        font-size: 13px;
-        z-index: 9999;
-        color: #fff;
-      }
+        .zoom-tool-bar {
+            position: fixed;
+            bottom: 0;
+            right: 0;
+            width: 100%;
+            height: 31px;
+            padding: 3px 0;
+            background: rgba(49, 65, 82, 0.7);
+            font-size: 13px;
+            z-index: 9999;
+            color: #fff;
+        }
 
-      .zoom-tool-bar i {
-        color: #77b3ff;
-        font-size: 16px;
-      }
+        .zoom-tool-bar i {
+            color: #77b3ff;
+            font-size: 16px;
+        }
     </style>
 </head>
+
 <body>
     <div id="topbar">
         <a id="downloadChart" disabled download>
-            <img class="inline" src="svg.svg" alt=""/>
+            <img class="inline" src="svg.svg" alt="" />
             Download Chart (SVG)
         </a>
         <a href="data.csv" download>
-            <img class="inline" src="csv.svg" alt=""/>
+            <img class="inline" src="csv.svg" alt="" />
             Download Data (CSV)
         </a>
 
         <button onclick="alert('Nuclide Chart\nCopyright \u00A9 2020 Gustav Lindberg\nSource code: https://github.com/GustavLindberg99/NuclideChart\n\nThe chart is licensed under the MIT license. The data is from https://www.nndc.bnl.gov/.\n\nIcons made by Smashicons and Icomoon from www.flaticon.com are licensed by CC 3.0 BY. Some of the icons have been modified.')">About this chart</button>
-         </div>
-          <div class="zoom-tool-bar"></div>
-    <script
-      src="https://code.jquery.com/jquery-3.6.0.min.js"
-      integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4="
-      crossorigin="anonymous"
-    ></script>
- </div>
-  <div id="content">
-    <div id="container" style="display:none" data-zoomable>
-            
     </div>
-    
-    <div id="loading">
-        <img src="blogo.png" width="64" height="64" alt="Loading..."/>
-        <p>Loading...</p>
+    <div class="zoom-tool-bar"></div>
+    <script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
     </div>
+    <div id="content">
+        <div id="container" style="display:none" data-zoomable>
+
+        </div>
 
-      <script type="text/javascript" src="chart.js"></script>
+        <div id="loading">
+            <img src="blogo.png" width="64" height="64" alt="Loading..." />
+            <p>Loading...</p>
+        </div>
 
-      <div id="legend">
-        <h2>Decay Modes</h2>
-        <p><span class="box stable"></span> Stable</p>
-        <p><span class="box a"></span> &alpha;</p>
-        <p><span class="box bminus"></span> &beta;-</p>
-        <p><span class="box doublebminus"></span> Double &beta;-</p>
-        <p><span class="box n"></span> Neutron emission</p>
-        <p><span class="box bplus"></span> &beta;+ or electron capture</p>
-        <p><span class="box doublebplus"></span> Double &beta;+ or double electron capture</p>
-        <p><span class="box ec"></span> Electron capture only</p>
-        <p><span class="box p"></span> Proton emission</p>
-        <p><span class="box sf"></span> Spontaneous fission</p>
+        <div id="legend">
+            <h2>Decay Modes</h2>
+            <p><span class="box stable"></span> Stable</p>
+            <p><span class="box a"></span> &alpha;</p>
+            <p><span class="box bminus"></span> &beta;-</p>
+            <p><span class="box doublebminus"></span> Double &beta;-</p>
+            <p><span class="box n"></span> Neutron emission</p>
+            <p><span class="box bplus"></span> &beta;+ or electron capture</p>
+            <p><span class="box doublebplus"></span> Double &beta;+ or double electron capture</p>
+            <p><span class="box ec"></span> Electron capture only</p>
+            <p><span class="box p"></span> Proton emission</p>
+            <p><span class="box sf"></span> Spontaneous fission</p>
+        </div>
+
+        <script src="./src/content-zoom-slider.min.js"></script>
+        <script>
+            $(function() {
+                $("#content").contentZoomSlider({
+                    toolContainer: ".zoom-tool-bar",
+                    step: 20,
+                    zoom: 100,
+                    max: 120
+                });
+            });
+        </script>
     </div>
+                <script type="text/javascript" src="chart.js"></script>
 
-                <script src="./src/content-zoom-slider.min.js"></script>
-    <script>
-      $(function () {
-        $("#content").contentZoomSlider({
-          toolContainer: ".zoom-tool-bar",
-          step: 20,
-          zoom: 100,
-           max:120
-           });
-      });
-    </script>
 </body>
+
 </html>
