dvd101x
diff --git a/‎index.html‎
Lines changed: 5 additions & 23 deletions b/‎index.html‎
Lines changed: 5 additions & 23 deletions
diff --git a/‎main.js‎
Lines changed: 17 additions & 0 deletions b/‎main.js‎
Lines changed: 17 additions & 0 deletions
@@ -10,21 +10,6 @@
   <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
   <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
   <link rel="manifest" href="/site.webmanifest">
-  <script src="https://cdn.plot.ly/plotly-2.31.1.min.js" charset="utf-8"></script>
-  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/katex.min.css"
-    integrity="sha384-nB0miv6/jRmo5UMMR1wu3Gz6NLsoTkbqJghGIsx//Rlm+ZU03BU6SQNC66uf4l5+" crossorigin="anonymous">
-  <script defer src="https://cdn.jsdelivr.net/npm/[email protected]/dist/katex.min.js"
-    integrity="sha384-7zkQWkzuo3B5mTepMUcHkMB5jZaolc2xDwL6VFqjFALcbeS9Ggm/Yr2r3Dy4lfFg"
-    crossorigin="anonymous"></script>
-  <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/markdown-it.min.js"
-    integrity="sha256-OMcKHnypGrQOLZ5uYBKYUacX7Rx9Ssu91Bv5UDeRz2g=" crossorigin="anonymous"></script>
-  <script src="https://cdn.jsdelivr.net/npm/markdown-it-texmath/texmath.min.js"></script>
-  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/markdown-it-texmath/css/texmath.min.css">
-  <link rel="stylesheet"
-    href="https://cdnjs.cloudflare.com/ajax/libs/github-markdown-css/5.6.1/github-markdown-light.css"
-    integrity="sha512-tVO0ZLV54CEoiM+i1hvfZGcopGR3rxyyC3L2/P/6NRTVXlrp4OKyTFunluVG1BRNasDLnm6ZRPDKBGM0CkS99Q=="
-    crossorigin="anonymous" referrerpolicy="no-referrer" />
-    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/cdn.min.js" defer></script>
 </head>
 <script>
   const mathWorker = new Worker("mathWorker.js", { type: "classic" });
@@ -33,9 +18,8 @@
 <body x-data="{showCode:true, showReport:true}">
   <nav class="markdown-body">
     <form name="topBar">
-      <button type='button' x-on:click="showCode = !showCode"
-    x-text="showCode?'<':'>'"
-    x-bind:title="showCode?'hide code':'show code'"></button>
+      <button type='button' x-on:click="showCode = !showCode" x-text="showCode?'<':'>'"
+        x-bind:title="showCode?'hide code':'show code'"></button>
       <fieldset id='tabs'></fieldset>
       <span>
         <fieldset id="examples" style="float: right;">
@@ -71,13 +55,11 @@
             </optgroup>
           </select>
           <button type="button" id="exampleInsert" name="insertExample">+</button>
-          <button type="button"
-          x-on:click="showReport = !showReport"
-          x-text="showReport ? '>':'<'"
-          x-bind:title="showReport?'hide report':'show report'"></button>
+          <button type="button" x-on:click="showReport = !showReport" x-text="showReport ? '>':'<'"
+            x-bind:title="showReport?'hide report':'show report'"></button>
         </fieldset>
       </span>
-      
+
     </form>
   </nav>
 
 
@@ -10,8 +10,25 @@ import { EditorView, basicSetup } from "codemirror"
 
 import { mathjs } from './mathjs.js'
 
+import Plotly from 'plotly.js-dist-min'
+
+import katex from 'katex'
+import 'katex/dist/katex.min.css'
+
+import texmath from 'markdown-it-texmath'
+import markdownit from 'markdown-it'
+import 'markdown-it-texmath/css/texmath.css'
+
+import 'github-markdown-css/github-markdown.css'
+
 import { insertExampleFunc } from "./examples.js";
 
+import Alpine from 'alpinejs'
+ 
+window.Alpine = Alpine
+ 
+Alpine.start()
+
 const md = markdownit({ html: true })
   .use(texmath, {
     engine: katex,