Update index-z1.html

aibolem · Jan 5, 2025 · 8d8ccba · 8d8ccba
1 parent caff7d4
commit 8d8ccba
Showing 1 changed file with 50 additions and 50 deletions.
diff --git a/index-z1.html b/index-z1.html
@@ -1,6 +1,56 @@
 <html>
 
 <head>
+
+    <title>Nuclide Chart</title>
+     <script type="text/javascript" src="d3.min.js"></script>
+                 <script type="text/javascript" src="chart.js"></script>
+    <link rel="stylesheet" type="text/css" href="chartstyle.css" />
+<link rel="stylesheet" type="text/css" href="style.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 i {
+            color: #77b3ff;
+            font-size: 16px;
+        }
+    </style>
+</head>
+
+<body>
+    <div id="topbar">
+        <a id="downloadChart" disabled download>
+            <img class="inline" src="svg.svg" alt="" />
+            Download Chart (SVG)
+        </a>
+        <a href="data.csv" download>
+            <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:auto" data-zoomable>
+         <canvas class="background"  style="width:calc(100vw - 16px); height:calc(100vh - 4em);"></canvas>
 <style type="text/css">
 html {
   box-sizing: border-box;
@@ -57,56 +107,6 @@
 
 </style>
 
-    <title>Nuclide Chart</title>
-     <script type="text/javascript" src="d3.min.js"></script>
-                 <script type="text/javascript" src="chart.js"></script>
-    <link rel="stylesheet" type="text/css" href="chartstyle.css" />
-<link rel="stylesheet" type="text/css" href="style.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 i {
-            color: #77b3ff;
-            font-size: 16px;
-        }
-    </style>
-</head>
-
-<body>
-    <div id="topbar">
-        <a id="downloadChart" disabled download>
-            <img class="inline" src="svg.svg" alt="" />
-            Download Chart (SVG)
-        </a>
-        <a href="data.csv" download>
-            <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:auto" data-zoomable>
-         <canvas class="background"  style="width:calc(100vw - 16px); height:calc(100vh - 4em);"></canvas>
-
         <div id="loading">
             <img src="blogo.png" width="64" height="64" alt="Loading..." />
             <p>Loading...</p>