2.1 KB83 lines
Blame
1<html>
2 <head>
3 <link href="https://fonts.googleapis.com/css?family=Montserrat&display=swap" rel="stylesheet" />
4 <link href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css" rel="stylesheet" />
5 <link
6 rel="stylesheet"
7 href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/font-awesome.min.css"
8 />
9 <link
10 href="https://fonts.googleapis.com/css?family=Noto+Sans+SC&display=swap"
11 rel="stylesheet"
12 />
13 <style>
14 body {
15 /* background: rgb(221, 208, 208); */
16 /* background:#333; */
17 font-family: 'Arial';
18 /* font-size: 18px !important; */
19 }
20 h1 {
21 color: grey;
22 }
23 .mermaid2 {
24 display: none;
25 }
26 .mermaid svg {
27 /* font-size: 18px !important; */
28 }
29 .malware {
30 position: fixed;
31 bottom: 0;
32 left: 0;
33 right: 0;
34 height: 150px;
35 background: red;
36 color: black;
37 display: flex;
38 display: flex;
39 justify-content: center;
40 align-items: center;
41 font-family: monospace;
42 font-size: 72px;
43 }
44 </style>
45 </head>
46 <body>
47 <div>Security check</div>
48 <pre id="diagram" class="mermaid">
49flowchart LR
50A-->B
51 </pre
52 >
53 <pre id="diagram" class="mermaid2">
54 mindmap
55 root
56 ch1
57 ch2
58 </pre
59 >
60 <script src="./packages/mermaid-mindmap/dist/mermaid-mindmap-detector.js"></script>
61 <script src="./packages/mermaid-mindmap/dist/mermaid-example-diagram-detector.js"></script>
62 <script src="./packages/mermaid/dist/mermaid.esm.mjs"></script>
63 <script>
64 mermaid.parseError = function (err, hash) {
65 // console.error('Mermaid error: ', err);
66 };
67 mermaid.initialize({
68 startOnLoad: true,
69 logLevel: 0,
70 basePath: './packages/',
71 // themeVariables: {relationLabelColor: 'red'}
72 });
73 function callback() {
74 alert('It worked');
75 }
76 mermaid.parseError = function (err, hash) {
77 console.error('In parse error:');
78 console.error(err);
79 };
80 </script>
81 </body>
82</html>
83