diff options
Diffstat (limited to 'template.html')
| -rw-r--r-- | template.html | 18 |
1 files changed, 15 insertions, 3 deletions
diff --git a/template.html b/template.html index 7eb17ef..cb27812 100644 --- a/template.html +++ b/template.html @@ -4,11 +4,23 @@ <title>Physics Simulation</title> <meta name="viewport" content="width=device-width,initial-scale=1"> <link rel="stylesheet" href="css/bootstrap.min.css"> -<script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script> -<script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script> + + +<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.13.18/dist/katex.min.css" integrity="sha384-zTROYFVGOfTw7JV7KUu8udsvW2fx4lWOsCEDqhBreBwlHI4ioVRtmIvEThzJHGET" crossorigin="anonymous"> + + <!-- The loading of KaTeX is deferred to speed up page rendering --> + <script defer src="https://cdn.jsdelivr.net/npm/katex@0.13.18/dist/katex.min.js" integrity="sha384-GxNFqL3r9uRJQhR+47eDxuPoNE7yLftQM8LcxzgS4HT73tp970WS/wV5p8UzCOmb" crossorigin="anonymous"></script> + + <!-- To automatically render math in text elements, include the auto-render extension: --> + <script defer src="https://cdn.jsdelivr.net/npm/katex@0.13.18/dist/contrib/auto-render.min.js" integrity="sha384-vZTG03m+2yp6N6BNi5iM4rW4oIwk5DfcNdFfxkk9ZWpDriOkXX8voJBFrAO7MpVl" crossorigin="anonymous" + onload="renderMathInElement(document.body);"></script> + + + <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script> <script type="text/javascript" src="js/bootstrap.min.js"></script> <script type="text/javascript" src="js/p5.min.js"></script> +<script type="text/javascript" src="js/p5_custom.js"></script> <script type="text/javascript" src="${JS}"></script> <body> @@ -36,7 +48,7 @@ <div class="row"> <div class="col"> <center> - <div id="canvas"></div> + <div id="canvas" style="margin-bottom:2em;"></div> </center> </div> </div> |