Spaces:
Running
Running
| <html> | |
| <head> | |
| <meta charset="utf-8" /> | |
| <title>Mermaid Chart Viewer</title> | |
| <meta name="viewport" content="width=device-width" /> | |
| <meta name="twitter:card" content="summary_large_image"/> | |
| <meta property="og:title" content="Chart Viewer\nView Charts with custom links"/> | |
| <meta property="og:description" content="View Charts with custom links"/> | |
| <meta property="og:image" content="https://portal-Moondream-1.static.hf.space/card_im.png"/> | |
| <!--meta http-equiv="refresh" content="0; url=https://omnibus-moondream1.hf.space"--> | |
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> | |
| <script src="https://code.jquery.com/jquery-3.7.1.js" integrity="sha256-eKhayi8LEQwp4NKxN+CfCh+3qOVUtJn3QNZ0TciWLP4=" crossorigin="anonymous"></script> | |
| <style> | |
| #chart_box{ | |
| text-align: center; | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <div id="chart_box"> | |
| <pre id = "chart" class="mermaid"> | |
| </pre> | |
| </div> | |
| <script> | |
| const queryString = window.location.search; | |
| const urlParams = new URLSearchParams(queryString); | |
| const merm = urlParams.get("mermaid"); | |
| console.log(merm); | |
| this_id=document.getElementById("chart"); | |
| this_id.innerText=merm; | |
| </script> | |
| <script type="module"> | |
| const defaultConfig = { | |
| startOnLoad: true, | |
| securityLevel: 'loose', | |
| flowchart: { | |
| useMaxWidth: 0, | |
| }, | |
| gantt: { | |
| useMaxWidth: 0, | |
| }, | |
| } | |
| import mermaid from 'https://cdn.jsdelivr.net/npm/mermaid@10/dist/mermaid.esm.min.mjs'; | |
| mermaid.initialize(defaultConfig); | |
| </script> | |
| </body> | |
| </html> |