| 6dd74de | | | 1 | <html> |
| 6dd74de | | | 2 | <head> |
| 6dd74de | | | 3 | <link href="https://fonts.googleapis.com/css?family=Montserrat&display=swap" rel="stylesheet" /> |
| 6dd74de | | | 4 | <link href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css" rel="stylesheet" /> |
| 6dd74de | | | 5 | <link |
| 6dd74de | | | 6 | rel="stylesheet" |
| 6dd74de | | | 7 | href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/font-awesome.min.css" |
| 6dd74de | | | 8 | /> |
| 6dd74de | | | 9 | <link |
| 6dd74de | | | 10 | href="https://cdn.jsdelivr.net/npm/@mdi/font@6.9.96/css/materialdesignicons.min.css" |
| 6dd74de | | | 11 | rel="stylesheet" |
| 6dd74de | | | 12 | /> |
| 6dd74de | | | 13 | <link |
| 6dd74de | | | 14 | href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css" |
| 6dd74de | | | 15 | rel="stylesheet" |
| 6dd74de | | | 16 | /> |
| 6dd74de | | | 17 | <link |
| 6dd74de | | | 18 | href="https://fonts.googleapis.com/css?family=Noto+Sans+SC&display=swap" |
| 6dd74de | | | 19 | rel="stylesheet" |
| 6dd74de | | | 20 | /> |
| 6dd74de | | | 21 | <link rel="preconnect" href="https://fonts.googleapis.com" /> |
| 6dd74de | | | 22 | <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> |
| 6dd74de | | | 23 | <link |
| 6dd74de | | | 24 | href="https://fonts.googleapis.com/css2?family=Kalam:wght@300;400;700&display=swap" |
| 6dd74de | | | 25 | rel="stylesheet" |
| 6dd74de | | | 26 | /> |
| 6dd74de | | | 27 | <link |
| 6dd74de | | | 28 | href="https://fonts.googleapis.com/css2?family=Caveat:wght@400..700&family=Kalam:wght@300;400;700&family=Rubik+Mono+One&display=swap" |
| 6dd74de | | | 29 | rel="stylesheet" |
| 6dd74de | | | 30 | /> |
| 6dd74de | | | 31 | <link |
| 6dd74de | | | 32 | href="https://fonts.googleapis.com/css2?family=Kalam:wght@300;400;700&family=Rubik+Mono+One&display=swap" |
| 6dd74de | | | 33 | rel="stylesheet" |
| 6dd74de | | | 34 | /> |
| 6dd74de | | | 35 | |
| 6dd74de | | | 36 | <style> |
| 6dd74de | | | 37 | body { |
| 6dd74de | | | 38 | /* background: rgb(221, 208, 208); */ |
| 6dd74de | | | 39 | /* background: #333; */ |
| 6dd74de | | | 40 | font-family: 'Arial'; |
| 6dd74de | | | 41 | /* color: white; */ |
| 6dd74de | | | 42 | /* font-size: 18px !important; */ |
| 6dd74de | | | 43 | } |
| 6dd74de | | | 44 | |
| 6dd74de | | | 45 | h1 { |
| 6dd74de | | | 46 | color: grey; |
| 6dd74de | | | 47 | } |
| 6dd74de | | | 48 | |
| 6dd74de | | | 49 | .mermaid2 { |
| 6dd74de | | | 50 | display: none; |
| 6dd74de | | | 51 | } |
| 6dd74de | | | 52 | |
| 6dd74de | | | 53 | .mermaid svg { |
| 6dd74de | | | 54 | /* font-size: 18px !important; */ |
| 6dd74de | | | 55 | |
| 6dd74de | | | 56 | /* background-color: #efefef; |
| 6dd74de | | | 57 | background-image: radial-gradient(#fff 51%, transparent 91%), |
| 6dd74de | | | 58 | radial-gradient(#fff 51%, transparent 91%); |
| 6dd74de | | | 59 | background-size: 20px 20px; |
| 6dd74de | | | 60 | background-position: |
| 6dd74de | | | 61 | 0 0, |
| 6dd74de | | | 62 | 10px 10px; |
| 6dd74de | | | 63 | background-repeat: repeat; */ |
| 6dd74de | | | 64 | } |
| 6dd74de | | | 65 | |
| 6dd74de | | | 66 | .malware { |
| 6dd74de | | | 67 | position: fixed; |
| 6dd74de | | | 68 | bottom: 0; |
| 6dd74de | | | 69 | left: 0; |
| 6dd74de | | | 70 | right: 0; |
| 6dd74de | | | 71 | height: 150px; |
| 6dd74de | | | 72 | background: red; |
| 6dd74de | | | 73 | color: black; |
| 6dd74de | | | 74 | display: flex; |
| 6dd74de | | | 75 | display: flex; |
| 6dd74de | | | 76 | justify-content: center; |
| 6dd74de | | | 77 | align-items: center; |
| 6dd74de | | | 78 | font-family: monospace; |
| 6dd74de | | | 79 | font-size: 72px; |
| 6dd74de | | | 80 | } |
| 6dd74de | | | 81 | |
| 6dd74de | | | 82 | pre { |
| 6dd74de | | | 83 | width: 100%; |
| 6dd74de | | | 84 | } |
| 6dd74de | | | 85 | |
| 6dd74de | | | 86 | /* tspan { |
| 6dd74de | | | 87 | font-size: 6px !important; |
| 6dd74de | | | 88 | } */ |
| 6dd74de | | | 89 | /* .flowchart-link { |
| 6dd74de | | | 90 | stroke-dasharray: 4, 4 !important; |
| 6dd74de | | | 91 | animation: flow 1s linear infinite; |
| 6dd74de | | | 92 | animation: dashdraw 4.93282s linear infinite; |
| 6dd74de | | | 93 | stroke-width: 2px !important; |
| 6dd74de | | | 94 | } */ |
| 6dd74de | | | 95 | |
| 6dd74de | | | 96 | @keyframes dashdraw { |
| 6dd74de | | | 97 | from { |
| 6dd74de | | | 98 | stroke-dashoffset: 0; |
| 6dd74de | | | 99 | } |
| 6dd74de | | | 100 | } |
| 6dd74de | | | 101 | |
| 6dd74de | | | 102 | /*stroke-width:2;stroke-dasharray:10.000000,9.865639;stroke-dashoffset:-198.656393;animation: 4.932820s linear infinite;*/ |
| 6dd74de | | | 103 | /* stroke-width:2;stroke-dasharray:10.000000,9.865639;stroke-dashoffset:-198.656393;animation: dashdraw 4.932820s linear infinite;*/ |
| 6dd74de | | | 104 | </style> |
| 6dd74de | | | 105 | </head> |
| 6dd74de | | | 106 | |
| 6dd74de | | | 107 | <body> |
| 6dd74de | | | 108 | <pre id="diagram4" class="mermaid"> |
| 6dd74de | | | 109 | --- |
| 6dd74de | | | 110 | config: |
| 6dd74de | | | 111 | layout: elk |
| 6dd74de | | | 112 | --- |
| 6dd74de | | | 113 | mindmap |
| 6dd74de | | | 114 | root((mindmap)) |
| 6dd74de | | | 115 | Origins |
| 6dd74de | | | 116 | Long history |
| 6dd74de | | | 117 | ::icon(fa fa-book) |
| 6dd74de | | | 118 | Popularisation |
| 6dd74de | | | 119 | British popular psychology author Tony Buzan |
| 6dd74de | | | 120 | Research |
| 6dd74de | | | 121 | On effectiveness<br/>and features |
| 6dd74de | | | 122 | On Automatic creation |
| 6dd74de | | | 123 | Uses |
| 6dd74de | | | 124 | Creative techniques |
| 6dd74de | | | 125 | Strategic planning |
| 6dd74de | | | 126 | Argument mapping |
| 6dd74de | | | 127 | Tools |
| 6dd74de | | | 128 | id)I am a cloud( |
| 6dd74de | | | 129 | id))I am a bang(( |
| 6dd74de | | | 130 | Tools |
| 6dd74de | | | 131 | </pre> |
| 6dd74de | | | 132 | <pre id="diagram4" class="mermaid"> |
| 6dd74de | | | 133 | --- |
| 6dd74de | | | 134 | config: |
| 6dd74de | | | 135 | layout: elk |
| 6dd74de | | | 136 | --- |
| 6dd74de | | | 137 | flowchart |
| 6dd74de | | | 138 | aid0 |
| 6dd74de | | | 139 | </pre |
| 6dd74de | | | 140 | > |
| 6dd74de | | | 141 | <pre id="diagram4" class="mermaid"> |
| 6dd74de | | | 142 | --- |
| 6dd74de | | | 143 | config: |
| 6dd74de | | | 144 | layout: elk |
| 6dd74de | | | 145 | --- |
| 6dd74de | | | 146 | mindmap |
| 6dd74de | | | 147 | aid0 |
| 6dd74de | | | 148 | |
| 6dd74de | | | 149 | </pre> |
| 6dd74de | | | 150 | <pre id="diagram4" class="mermaid"> |
| 6dd74de | | | 151 | --- |
| 6dd74de | | | 152 | config: |
| 6dd74de | | | 153 | layout: ogdc |
| 6dd74de | | | 154 | --- |
| 6dd74de | | | 155 | flowchart-elk TB |
| 6dd74de | | | 156 | c1-->a2 |
| 6dd74de | | | 157 | subgraph one |
| 6dd74de | | | 158 | a1-->a2 |
| 6dd74de | | | 159 | end |
| 6dd74de | | | 160 | subgraph two |
| 6dd74de | | | 161 | b1-->b2 |
| 6dd74de | | | 162 | end |
| 6dd74de | | | 163 | subgraph three |
| 6dd74de | | | 164 | c1-->c2 |
| 6dd74de | | | 165 | end |
| 6dd74de | | | 166 | one --> two |
| 6dd74de | | | 167 | three --> two |
| 6dd74de | | | 168 | two --> c2 |
| 6dd74de | | | 169 | |
| 6dd74de | | | 170 | </pre |
| 6dd74de | | | 171 | > |
| 6dd74de | | | 172 | <pre id="diagram4" class="mermaid"> |
| 6dd74de | | | 173 | --- |
| 6dd74de | | | 174 | config: |
| 6dd74de | | | 175 | layout: elk |
| 6dd74de | | | 176 | --- |
| 6dd74de | | | 177 | flowchart TB |
| 6dd74de | | | 178 | |
| 6dd74de | | | 179 | process_C |
| 6dd74de | | | 180 | subgraph container_Alpha |
| 6dd74de | | | 181 | subgraph process_B |
| 6dd74de | | | 182 | pppB |
| 6dd74de | | | 183 | end |
| 6dd74de | | | 184 | subgraph process_A |
| 6dd74de | | | 185 | pppA |
| 6dd74de | | | 186 | end |
| 6dd74de | | | 187 | process_B-->|via_AWSBatch|container_Beta |
| 6dd74de | | | 188 | process_A-->|messages|container_Beta |
| 6dd74de | | | 189 | end |
| 6dd74de | | | 190 | |
| 6dd74de | | | 191 | </pre |
| 6dd74de | | | 192 | > |
| 6dd74de | | | 193 | <pre id="diagram4" class="mermaid"> |
| 6dd74de | | | 194 | --- |
| 6dd74de | | | 195 | config: |
| 6dd74de | | | 196 | layout: elk |
| 6dd74de | | | 197 | --- |
| 6dd74de | | | 198 | flowchart TB |
| 6dd74de | | | 199 | subgraph container_Beta |
| 6dd74de | | | 200 | process_C |
| 6dd74de | | | 201 | end |
| 6dd74de | | | 202 | subgraph container_Alpha |
| 6dd74de | | | 203 | subgraph process_B |
| 6dd74de | | | 204 | pppB |
| 6dd74de | | | 205 | end |
| 6dd74de | | | 206 | subgraph process_A |
| 6dd74de | | | 207 | pppA |
| 6dd74de | | | 208 | end |
| 6dd74de | | | 209 | process_B-->|via_AWSBatch|container_Beta |
| 6dd74de | | | 210 | process_A-->|messages|container_Beta |
| 6dd74de | | | 211 | end |
| 6dd74de | | | 212 | |
| 6dd74de | | | 213 | </pre |
| 6dd74de | | | 214 | > |
| 6dd74de | | | 215 | <pre id="diagram4" class="mermaid"> |
| 6dd74de | | | 216 | --- |
| 6dd74de | | | 217 | config: |
| 6dd74de | | | 218 | layout: elk |
| 6dd74de | | | 219 | --- |
| 6dd74de | | | 220 | flowchart TB |
| 6dd74de | | | 221 | subgraph container_Beta |
| 6dd74de | | | 222 | process_C |
| 6dd74de | | | 223 | end |
| 6dd74de | | | 224 | |
| 6dd74de | | | 225 | process_B-->|via_AWSBatch|container_Beta |
| 6dd74de | | | 226 | |
| 6dd74de | | | 227 | |
| 6dd74de | | | 228 | </pre |
| 6dd74de | | | 229 | > |
| 6dd74de | | | 230 | <pre id="diagram4" class="mermaid"> |
| 6dd74de | | | 231 | --- |
| 6dd74de | | | 232 | config: |
| 6dd74de | | | 233 | layout: elk |
| 6dd74de | | | 234 | --- |
| 6dd74de | | | 235 | classDiagram |
| 6dd74de | | | 236 | note "I love this diagram!\nDo you love it?" |
| 6dd74de | | | 237 | Class01 <|-- AveryLongClass : Cool |
| 6dd74de | | | 238 | <<interface>> Class01 |
| 6dd74de | | | 239 | Class03 "1" *-- "*" Class04 |
| 6dd74de | | | 240 | Class05 "1" o-- "many" Class06 |
| 6dd74de | | | 241 | Class07 "1" .. "*" Class08 |
| 6dd74de | | | 242 | Class09 "1" --> "*" C2 : Where am i? |
| 6dd74de | | | 243 | Class09 "*" --* "*" C3 |
| 6dd74de | | | 244 | Class09 "1" --|> "1" Class07 |
| 6dd74de | | | 245 | Class12 <|.. Class08 |
| 6dd74de | | | 246 | Class11 ..>Class12 |
| 6dd74de | | | 247 | Class07 : equals() |
| 6dd74de | | | 248 | Class07 : Object[] elementData |
| 6dd74de | | | 249 | Class01 : size() |
| 6dd74de | | | 250 | Class01 : int chimp |
| 6dd74de | | | 251 | Class01 : int gorilla |
| 6dd74de | | | 252 | Class01 : -int privateChimp |
| 6dd74de | | | 253 | Class01 : +int publicGorilla |
| 6dd74de | | | 254 | Class01 : #int protectedMarmoset |
| 6dd74de | | | 255 | Class08 <--> C2: Cool label |
| 6dd74de | | | 256 | class Class10 { |
| 6dd74de | | | 257 | <<service>> |
| 6dd74de | | | 258 | int id |
| 6dd74de | | | 259 | test() |
| 6dd74de | | | 260 | } |
| 6dd74de | | | 261 | note for Class10 "Cool class\nI said it's very cool class!" |
| 6dd74de | | | 262 | </pre |
| 6dd74de | | | 263 | > |
| 6dd74de | | | 264 | <pre id="diagram4" class="mermaid"> |
| 6dd74de | | | 265 | --- |
| 6dd74de | | | 266 | config: |
| 6dd74de | | | 267 | layout: elk |
| 6dd74de | | | 268 | --- |
| 6dd74de | | | 269 | requirementDiagram |
| 6dd74de | | | 270 | requirement test_req { |
| 6dd74de | | | 271 | id: 1 |
| 6dd74de | | | 272 | text: the test text. |
| 6dd74de | | | 273 | risk: high |
| 6dd74de | | | 274 | verifymethod: test |
| 6dd74de | | | 275 | } |
| 6dd74de | | | 276 | |
| 6dd74de | | | 277 | element test_entity { |
| 6dd74de | | | 278 | type: simulation |
| 6dd74de | | | 279 | } |
| 6dd74de | | | 280 | |
| 6dd74de | | | 281 | test_entity - satisfies -> test_req |
| 6dd74de | | | 282 | </pre |
| 6dd74de | | | 283 | > |
| 6dd74de | | | 284 | <pre id="diagram4" class="mermaid"> |
| 6dd74de | | | 285 | --- |
| 6dd74de | | | 286 | config: |
| 6dd74de | | | 287 | layout: elk |
| 6dd74de | | | 288 | --- |
| 6dd74de | | | 289 | flowchart-elk TB |
| 6dd74de | | | 290 | internet |
| 6dd74de | | | 291 | nat |
| 6dd74de | | | 292 | router |
| 6dd74de | | | 293 | compute1 |
| 6dd74de | | | 294 | |
| 6dd74de | | | 295 | subgraph project |
| 6dd74de | | | 296 | router |
| 6dd74de | | | 297 | nat |
| 6dd74de | | | 298 | subgraph subnet1 |
| 6dd74de | | | 299 | compute1 |
| 6dd74de | | | 300 | end |
| 6dd74de | | | 301 | end |
| 6dd74de | | | 302 | |
| 6dd74de | | | 303 | %% router --> subnet1 |
| 6dd74de | | | 304 | subnet1 --> nat |
| 6dd74de | | | 305 | %% nat --> internet |
| 6dd74de | | | 306 | </pre |
| 6dd74de | | | 307 | > |
| 6dd74de | | | 308 | <pre id="diagram4" class="mermaid"> |
| 6dd74de | | | 309 | --- |
| 6dd74de | | | 310 | config: |
| 6dd74de | | | 311 | layout: elk |
| 6dd74de | | | 312 | --- |
| 6dd74de | | | 313 | flowchart-elk TB |
| 6dd74de | | | 314 | internet |
| 6dd74de | | | 315 | nat |
| 6dd74de | | | 316 | router |
| 6dd74de | | | 317 | lb1 |
| 6dd74de | | | 318 | lb2 |
| 6dd74de | | | 319 | compute1 |
| 6dd74de | | | 320 | compute2 |
| 6dd74de | | | 321 | subgraph project |
| 6dd74de | | | 322 | router |
| 6dd74de | | | 323 | nat |
| 6dd74de | | | 324 | subgraph subnet1 |
| 6dd74de | | | 325 | compute1 |
| 6dd74de | | | 326 | lb1 |
| 6dd74de | | | 327 | end |
| 6dd74de | | | 328 | subgraph subnet2 |
| 6dd74de | | | 329 | compute2 |
| 6dd74de | | | 330 | lb2 |
| 6dd74de | | | 331 | end |
| 6dd74de | | | 332 | end |
| 6dd74de | | | 333 | internet --> router |
| 6dd74de | | | 334 | router --> subnet1 & subnet2 |
| 6dd74de | | | 335 | subnet1 & subnet2 --> nat --> internet |
| 6dd74de | | | 336 | </pre |
| 6dd74de | | | 337 | > |
| 6dd74de | | | 338 | <pre id="diagram4" class="mermaid"> |
| 6dd74de | | | 339 | --- |
| 6dd74de | | | 340 | config: |
| 6dd74de | | | 341 | layout: elk |
| 6dd74de | | | 342 | elk: |
| 6dd74de | | | 343 | mergeEdges: false |
| 6dd74de | | | 344 | forceNodeModelOrder: false |
| 6dd74de | | | 345 | considerModelOrder: NONE |
| 6dd74de | | | 346 | |
| 6dd74de | | | 347 | --- |
| 6dd74de | | | 348 | flowchart TB |
| 6dd74de | | | 349 | a --> a1 & a2 & a3 & a4 |
| 6dd74de | | | 350 | b --> b1 & b2 |
| 6dd74de | | | 351 | b2 --> b3 |
| 6dd74de | | | 352 | b1 --> b4</pre |
| 6dd74de | | | 353 | > |
| 6dd74de | | | 354 | <pre id="diagram4" class="mermaid"> |
| 6dd74de | | | 355 | treemap |
| 6dd74de | | | 356 | "Section 1" |
| 6dd74de | | | 357 | "Leaf 1.1": 12 |
| 6dd74de | | | 358 | "Section 1.2":::class1 |
| 6dd74de | | | 359 | "Leaf 1.2.1": 12 |
| 6dd74de | | | 360 | "Section 2" |
| 6dd74de | | | 361 | "Leaf 2.1": 20:::class1 |
| 6dd74de | | | 362 | "Leaf 2.2": 25 |
| 6dd74de | | | 363 | "Leaf 2.3": 12 |
| 6dd74de | | | 364 | |
| 6dd74de | | | 365 | </pre> |
| 6dd74de | | | 366 | <pre id="diagram5" class="mermaid"> |
| 6dd74de | | | 367 | --- |
| 6dd74de | | | 368 | config: |
| 6dd74de | | | 369 | layout: elk |
| 6dd74de | | | 370 | flowchart: |
| 6dd74de | | | 371 | curve: rounded |
| 6dd74de | | | 372 | --- |
| 6dd74de | | | 373 | flowchart LR |
| 6dd74de | | | 374 | I["fa:fa-code Text"] -- Mermaid js --> D["Use<br/>the<br/>editor!"] |
| 6dd74de | | | 375 | I --> D & D |
| 6dd74de | | | 376 | D@{ shape: question} |
| 6dd74de | | | 377 | I@{ shape: question} |
| 6dd74de | | | 378 | |
| 6dd74de | | | 379 | </pre> |
| 6dd74de | | | 380 | <pre id="diagram4" class="mermaid"> |
| 6dd74de | | | 381 | --- |
| 6dd74de | | | 382 | config: |
| 6dd74de | | | 383 | layout: tidy-tree |
| 6dd74de | | | 384 | --- |
| 6dd74de | | | 385 | mindmap |
| 6dd74de | | | 386 | root((mindmap)) |
| 6dd74de | | | 387 | Origins |
| 6dd74de | | | 388 | Long history |
| 6dd74de | | | 389 | ::icon(fa fa-book) |
| 6dd74de | | | 390 | Popularisation |
| 6dd74de | | | 391 | British popular psychology author Tony Buzan |
| 6dd74de | | | 392 | Research |
| 6dd74de | | | 393 | On effectiveness<br/>and features |
| 6dd74de | | | 394 | On Automatic creation |
| 6dd74de | | | 395 | Uses |
| 6dd74de | | | 396 | Creative techniques |
| 6dd74de | | | 397 | Strategic planning |
| 6dd74de | | | 398 | Argument mapping |
| 6dd74de | | | 399 | Tools |
| 6dd74de | | | 400 | Pen and paper |
| 6dd74de | | | 401 | Mermaid |
| 6dd74de | | | 402 | |
| 6dd74de | | | 403 | </pre> |
| 6dd74de | | | 404 | <pre id="diagram4" class="mermaid"> |
| 6dd74de | | | 405 | --- |
| 6dd74de | | | 406 | config: |
| 6dd74de | | | 407 | layout: elk |
| 6dd74de | | | 408 | flowchart: |
| 6dd74de | | | 409 | curve: linear |
| 6dd74de | | | 410 | --- |
| 6dd74de | | | 411 | flowchart LR |
| 6dd74de | | | 412 | A[A] --> B[B] |
| 6dd74de | | | 413 | A[A] --- B([C]) |
| 6dd74de | | | 414 | A@{ shape: diamond} |
| 6dd74de | | | 415 | %%B@{ shape: diamond} |
| 6dd74de | | | 416 | |
| 6dd74de | | | 417 | </pre> |
| 6dd74de | | | 418 | <pre id="diagram4" class="mermaid"> |
| 6dd74de | | | 419 | --- |
| 6dd74de | | | 420 | config: |
| 6dd74de | | | 421 | layout: elk |
| 6dd74de | | | 422 | flowchart: |
| 6dd74de | | | 423 | curve: linear |
| 6dd74de | | | 424 | --- |
| 6dd74de | | | 425 | flowchart LR |
| 6dd74de | | | 426 | A[A] -- Mermaid js --> B[B] |
| 6dd74de | | | 427 | A[A] -- Mermaid js --- B[B] |
| 6dd74de | | | 428 | A@{ shape: diamond} |
| 6dd74de | | | 429 | B@{ shape: diamond} |
| 6dd74de | | | 430 | |
| 6dd74de | | | 431 | </pre> |
| 6dd74de | | | 432 | <pre id="diagram4" class="mermaid"> |
| 6dd74de | | | 433 | --- |
| 6dd74de | | | 434 | config: |
| 6dd74de | | | 435 | layout: elk |
| 6dd74de | | | 436 | flowchart: |
| 6dd74de | | | 437 | curve: rounded |
| 6dd74de | | | 438 | --- |
| 6dd74de | | | 439 | flowchart LR |
| 6dd74de | | | 440 | D["Use the editor"] -- Mermaid js --> I["fa:fa-code Text"] |
| 6dd74de | | | 441 | I --> D & D |
| 6dd74de | | | 442 | D@{ shape: question} |
| 6dd74de | | | 443 | I@{ shape: question} |
| 6dd74de | | | 444 | </pre> |
| 6dd74de | | | 445 | <pre id="diagram4" class="mermaid"> |
| 6dd74de | | | 446 | --- |
| 6dd74de | | | 447 | config: |
| 6dd74de | | | 448 | layout: elk |
| 6dd74de | | | 449 | flowchart: |
| 6dd74de | | | 450 | curve: rounded |
| 6dd74de | | | 451 | elk: |
| 6dd74de | | | 452 | nodePlacementStrategy: NETWORK_SIMPLEX |
| 6dd74de | | | 453 | --- |
| 6dd74de | | | 454 | flowchart LR |
| 6dd74de | | | 455 | D["Use the editor"] -- Mermaid js --> I["fa:fa-code Text"] |
| 6dd74de | | | 456 | D --> I & I |
| 6dd74de | | | 457 | a["a"] |
| 6dd74de | | | 458 | D@{ shape: trap-b} |
| 6dd74de | | | 459 | I@{ shape: lean-l} |
| 6dd74de | | | 460 | </pre> |
| 6dd74de | | | 461 | <pre id="diagram4" class="mermaid"> |
| 6dd74de | | | 462 | --- |
| 6dd74de | | | 463 | config: |
| 6dd74de | | | 464 | layout: elk |
| 6dd74de | | | 465 | |
| 6dd74de | | | 466 | --- |
| 6dd74de | | | 467 | flowchart LR |
| 6dd74de | | | 468 | %% subgraph s1["Untitled subgraph"] |
| 6dd74de | | | 469 | C["Evaluate"] |
| 6dd74de | | | 470 | %% end |
| 6dd74de | | | 471 | |
| 6dd74de | | | 472 | B --> C |
| 6dd74de | | | 473 | </pre> |
| 6dd74de | | | 474 | <pre id="diagram4" class="mermaid"> |
| 6dd74de | | | 475 | --- |
| 6dd74de | | | 476 | config: |
| 6dd74de | | | 477 | layout: elk |
| 6dd74de | | | 478 | flowchart: |
| 6dd74de | | | 479 | //curve: linear |
| 6dd74de | | | 480 | --- |
| 6dd74de | | | 481 | flowchart LR |
| 6dd74de | | | 482 | %% A ==> B |
| 6dd74de | | | 483 | %% A2 --> B2 |
| 6dd74de | | | 484 | A{A} --> B((Bo boo)) & B & B & B |
| 6dd74de | | | 485 | |
| 6dd74de | | | 486 | </pre> |
| 6dd74de | | | 487 | <pre id="diagram4" class="mermaid"> |
| 6dd74de | | | 488 | --- |
| 6dd74de | | | 489 | config: |
| 6dd74de | | | 490 | layout: elk |
| 6dd74de | | | 491 | theme: default |
| 6dd74de | | | 492 | look: classic |
| 6dd74de | | | 493 | --- |
| 6dd74de | | | 494 | flowchart LR |
| 6dd74de | | | 495 | subgraph s1["APA"] |
| 6dd74de | | | 496 | D{"Use the editor"} |
| 6dd74de | | | 497 | end |
| 6dd74de | | | 498 | subgraph S2["S2"] |
| 6dd74de | | | 499 | s1 |
| 6dd74de | | | 500 | I>"fa:fa-code Text"] |
| 6dd74de | | | 501 | E["E"] |
| 6dd74de | | | 502 | end |
| 6dd74de | | | 503 | D -- Mermaid js --> I |
| 6dd74de | | | 504 | D --> I & E |
| 6dd74de | | | 505 | E --> I |
| 6dd74de | | | 506 | </pre> |
| 6dd74de | | | 507 | <pre id="diagram4" class="mermaid"> |
| 6dd74de | | | 508 | --- |
| 6dd74de | | | 509 | config: |
| 6dd74de | | | 510 | layout: elk |
| 6dd74de | | | 511 | --- |
| 6dd74de | | | 512 | flowchart LR |
| 6dd74de | | | 513 | a |
| 6dd74de | | | 514 | subgraph s0["APA"] |
| 6dd74de | | | 515 | subgraph s8["APA"] |
| 6dd74de | | | 516 | subgraph s1["APA"] |
| 6dd74de | | | 517 | D{"X"} |
| 6dd74de | | | 518 | E[Q] |
| 6dd74de | | | 519 | end |
| 6dd74de | | | 520 | subgraph s3["BAPA"] |
| 6dd74de | | | 521 | F[Q] |
| 6dd74de | | | 522 | I |
| 6dd74de | | | 523 | end |
| 6dd74de | | | 524 | D --> I |
| 6dd74de | | | 525 | D --> I |
| 6dd74de | | | 526 | D --> I |
| 6dd74de | | | 527 | |
| 6dd74de | | | 528 | I{"X"} |
| 6dd74de | | | 529 | end |
| 6dd74de | | | 530 | end |
| 6dd74de | | | 531 | </pre> |
| 6dd74de | | | 532 | <pre id="diagram4" class="mermaid"> |
| 6dd74de | | | 533 | --- |
| 6dd74de | | | 534 | config: |
| 6dd74de | | | 535 | layout: elk |
| 6dd74de | | | 536 | --- |
| 6dd74de | | | 537 | flowchart LR |
| 6dd74de | | | 538 | a |
| 6dd74de | | | 539 | D{"Use the editor"} |
| 6dd74de | | | 540 | |
| 6dd74de | | | 541 | D -- Mermaid js --> I{"fa:fa-code Text"} |
| 6dd74de | | | 542 | D-->I |
| 6dd74de | | | 543 | D-->I |
| 6dd74de | | | 544 | </pre> |
| 6dd74de | | | 545 | <pre id="diagram4" class="mermaid"> |
| 6dd74de | | | 546 | --- |
| 6dd74de | | | 547 | config: |
| 6dd74de | | | 548 | layout: elk |
| 6dd74de | | | 549 | --- |
| 6dd74de | | | 550 | flowchart LR |
| 6dd74de | | | 551 | subgraph s1["Untitled subgraph"] |
| 6dd74de | | | 552 | n1["Evaluate"] |
| 6dd74de | | | 553 | n2["Option 1"] |
| 6dd74de | | | 554 | n3["Option 2"] |
| 6dd74de | | | 555 | n4["fa:fa-car Option 3"] |
| 6dd74de | | | 556 | end |
| 6dd74de | | | 557 | subgraph s2["Untitled subgraph"] |
| 6dd74de | | | 558 | n5["Evaluate"] |
| 6dd74de | | | 559 | n6["Option 1"] |
| 6dd74de | | | 560 | n7["Option 2"] |
| 6dd74de | | | 561 | n8["fa:fa-car Option 3"] |
| 6dd74de | | | 562 | end |
| 6dd74de | | | 563 | A["Start"] -- Some text --> B("Continue") |
| 6dd74de | | | 564 | B --> C{"Evaluate"} |
| 6dd74de | | | 565 | C -- One --> D["Option 1"] |
| 6dd74de | | | 566 | C -- Two --> E["Option 2"] |
| 6dd74de | | | 567 | C -- Three --> F["fa:fa-car Option 3"] |
| 6dd74de | | | 568 | n1 -- One --> n2 |
| 6dd74de | | | 569 | n1 -- Two --> n3 |
| 6dd74de | | | 570 | n1 -- Three --> n4 |
| 6dd74de | | | 571 | n5 -- One --> n6 |
| 6dd74de | | | 572 | n5 -- Two --> n7 |
| 6dd74de | | | 573 | n5 -- Three --> n8 |
| 6dd74de | | | 574 | n1@{ shape: diam} |
| 6dd74de | | | 575 | n2@{ shape: rect} |
| 6dd74de | | | 576 | n3@{ shape: rect} |
| 6dd74de | | | 577 | n4@{ shape: rect} |
| 6dd74de | | | 578 | n5@{ shape: diam} |
| 6dd74de | | | 579 | n6@{ shape: rect} |
| 6dd74de | | | 580 | n7@{ shape: rect} |
| 6dd74de | | | 581 | n8@{ shape: rect} |
| 6dd74de | | | 582 | |
| 6dd74de | | | 583 | </pre> |
| 6dd74de | | | 584 | <pre id="diagram4" class="mermaid"> |
| 6dd74de | | | 585 | --- |
| 6dd74de | | | 586 | config: |
| 6dd74de | | | 587 | layout: elk |
| 6dd74de | | | 588 | --- |
| 6dd74de | | | 589 | flowchart LR |
| 6dd74de | | | 590 | subgraph s1["Untitled subgraph"] |
| 6dd74de | | | 591 | n1["Evaluate"] |
| 6dd74de | | | 592 | n2["Option 1"] |
| 6dd74de | | | 593 | end |
| 6dd74de | | | 594 | n1 -- One --> n2 |
| 6dd74de | | | 595 | |
| 6dd74de | | | 596 | |
| 6dd74de | | | 597 | |
| 6dd74de | | | 598 | |
| 6dd74de | | | 599 | </pre> |
| 6dd74de | | | 600 | <pre id="diagram4" class="mermaid"> |
| 6dd74de | | | 601 | --- |
| 6dd74de | | | 602 | config: |
| 6dd74de | | | 603 | layout: elk |
| 6dd74de | | | 604 | --- |
| 6dd74de | | | 605 | flowchart LR |
| 6dd74de | | | 606 | A{A} --> B & C |
| 6dd74de | | | 607 | </pre |
| 6dd74de | | | 608 | > |
| 6dd74de | | | 609 | <pre id="diagram4" class="mermaid"> |
| 6dd74de | | | 610 | --- |
| 6dd74de | | | 611 | config: |
| 6dd74de | | | 612 | layout: elk |
| 6dd74de | | | 613 | --- |
| 6dd74de | | | 614 | flowchart LR |
| 6dd74de | | | 615 | A{A} --> B & C |
| 6dd74de | | | 616 | subgraph "subbe" |
| 6dd74de | | | 617 | A |
| 6dd74de | | | 618 | end |
| 6dd74de | | | 619 | </pre |
| 6dd74de | | | 620 | > |
| 6dd74de | | | 621 | <pre id="diagram4" class="mermaid"> |
| 6dd74de | | | 622 | --- |
| 6dd74de | | | 623 | config: |
| 6dd74de | | | 624 | layout: elk |
| 6dd74de | | | 625 | --- |
| 6dd74de | | | 626 | flowchart LR |
| 6dd74de | | | 627 | n2@{ shape: rect} |
| 6dd74de | | | 628 | n3@{ shape: rect} |
| 6dd74de | | | 629 | n4@{ shape: rect} |
| 6dd74de | | | 630 | A["Start"] -- Some text --> B("Continue") |
| 6dd74de | | | 631 | B --> C{"Evaluate"} |
| 6dd74de | | | 632 | C -- One --> D["Option 1"] |
| 6dd74de | | | 633 | C -- Two --> E["Option 2"] |
| 6dd74de | | | 634 | C -- Three --> F["fa:fa-car Option 3"] |
| 6dd74de | | | 635 | %% C@{ shape: hexagon} |
| 6dd74de | | | 636 | |
| 6dd74de | | | 637 | |
| 6dd74de | | | 638 | </pre> |
| 6dd74de | | | 639 | <pre id="diagram4" class="mermaid"> |
| 6dd74de | | | 640 | --- |
| 6dd74de | | | 641 | config: |
| 6dd74de | | | 642 | kanban: |
| 6dd74de | | | 643 | ticketBaseUrl: 'https://github.com/your-repo/issues/#TICKET#' |
| 6dd74de | | | 644 | --- |
| 6dd74de | | | 645 | kanban |
| 6dd74de | | | 646 | Backlog |
| 6dd74de | | | 647 | task1[📝 Define project requirements]@{ ticket: a101 } |
| 6dd74de | | | 648 | To Do |
| 6dd74de | | | 649 | task2[🔍 Research technologies]@{ ticket: a102 } |
| 6dd74de | | | 650 | Review |
| 6dd74de | | | 651 | task4[🔍 Code review for login feature]@{ ticket: a104 } |
| 6dd74de | | | 652 | Done |
| 6dd74de | | | 653 | task5[✅ Deploy initial version]@{ ticket: a105 } |
| 6dd74de | | | 654 | In Progress |
| 6dd74de | | | 655 | task3[💻 Develop login feature]@{ ticket: 103 } |
| 6dd74de | | | 656 | |
| 6dd74de | | | 657 | </pre> |
| 6dd74de | | | 658 | <pre id="diagram4" class="mermaid"> |
| 6dd74de | | | 659 | flowchart LR |
| 6dd74de | | | 660 | nA[Default] --> A@{ icon: 'fa:bell', form: 'rounded' } |
| 6dd74de | | | 661 | |
| 6dd74de | | | 662 | </pre> |
| 6dd74de | | | 663 | <pre id="diagram4" class="mermaid"> |
| 6dd74de | | | 664 | flowchart LR |
| 6dd74de | | | 665 | nA[Style] --> A@{ icon: 'fa:bell', form: 'rounded' } |
| 6dd74de | | | 666 | style A fill:#f9f,stroke:#333,stroke-width:4px |
| 6dd74de | | | 667 | </pre> |
| 6dd74de | | | 668 | <pre id="diagram4" class="mermaid"> |
| 6dd74de | | | 669 | flowchart LR |
| 6dd74de | | | 670 | nA[Class] --> A@{ icon: 'fa:bell', form: 'rounded' } |
| 6dd74de | | | 671 | A:::AClass |
| 6dd74de | | | 672 | classDef AClass fill:#f9f,stroke:#333,stroke-width:4px |
| 6dd74de | | | 673 | </pre> |
| 6dd74de | | | 674 | <pre id="diagram4" class="mermaid"> |
| 6dd74de | | | 675 | flowchart LR |
| 6dd74de | | | 676 | nA[Class] --> A@{ icon: 'logos:aws', form: 'rounded' } |
| 6dd74de | | | 677 | |
| 6dd74de | | | 678 | </pre> |
| 6dd74de | | | 679 | <pre id="diagram4" class="mermaid"> |
| 6dd74de | | | 680 | flowchart LR |
| 6dd74de | | | 681 | nA[Default] --> A@{ icon: 'fa:bell', form: 'square' } |
| 6dd74de | | | 682 | |
| 6dd74de | | | 683 | </pre> |
| 6dd74de | | | 684 | <pre id="diagram4" class="mermaid"> |
| 6dd74de | | | 685 | flowchart LR |
| 6dd74de | | | 686 | nA[Style] --> A@{ icon: 'fa:bell', form: 'square' } |
| 6dd74de | | | 687 | style A fill:#f9f,stroke:#333,stroke-width:4px |
| 6dd74de | | | 688 | </pre> |
| 6dd74de | | | 689 | <pre id="diagram4" class="mermaid"> |
| 6dd74de | | | 690 | flowchart LR |
| 6dd74de | | | 691 | nA[Class] --> A@{ icon: 'fa:bell', form: 'square' } |
| 6dd74de | | | 692 | A:::AClass |
| 6dd74de | | | 693 | classDef AClass fill:#f9f,stroke:#333,stroke-width:4px |
| 6dd74de | | | 694 | </pre> |
| 6dd74de | | | 695 | <pre id="diagram4" class="mermaid"> |
| 6dd74de | | | 696 | flowchart LR |
| 6dd74de | | | 697 | nA[Class] --> A@{ icon: 'logos:aws', form: 'square' } |
| 6dd74de | | | 698 | |
| 6dd74de | | | 699 | </pre> |
| 6dd74de | | | 700 | <pre id="diagram4" class="mermaid"> |
| 6dd74de | | | 701 | flowchart LR |
| 6dd74de | | | 702 | nA[Default] --> A@{ icon: 'fa:bell', form: 'circle' } |
| 6dd74de | | | 703 | |
| 6dd74de | | | 704 | </pre> |
| 6dd74de | | | 705 | <pre id="diagram4" class="mermaid"> |
| 6dd74de | | | 706 | flowchart LR |
| 6dd74de | | | 707 | nA[Style] --> A@{ icon: 'fa:bell', form: 'circle' } |
| 6dd74de | | | 708 | style A fill:#f9f,stroke:#333,stroke-width:4px |
| 6dd74de | | | 709 | </pre> |
| 6dd74de | | | 710 | <pre id="diagram4" class="mermaid"> |
| 6dd74de | | | 711 | flowchart LR |
| 6dd74de | | | 712 | nA[Class] --> A@{ icon: 'fa:bell', form: 'circle' } |
| 6dd74de | | | 713 | A:::AClass |
| 6dd74de | | | 714 | classDef AClass fill:#f9f,stroke:#333,stroke-width:4px |
| 6dd74de | | | 715 | </pre> |
| 6dd74de | | | 716 | <pre id="diagram4" class="mermaid"> |
| 6dd74de | | | 717 | flowchart LR |
| 6dd74de | | | 718 | nA[Class] --> A@{ icon: 'logos:aws', form: 'circle' } |
| 6dd74de | | | 719 | A:::AClass |
| 6dd74de | | | 720 | classDef AClass fill:#f9f,stroke:#333,stroke-width:4px |
| 6dd74de | | | 721 | </pre> |
| 6dd74de | | | 722 | <pre id="diagram4" class="mermaid"> |
| 6dd74de | | | 723 | flowchart LR |
| 6dd74de | | | 724 | nA[Style] --> A@{ icon: 'logos:aws', form: 'circle' } |
| 6dd74de | | | 725 | style A fill:#f9f,stroke:#333,stroke-width:4px |
| 6dd74de | | | 726 | </pre> |
| 6dd74de | | | 727 | <pre id="diagram4" class="mermaid"> |
| 6dd74de | | | 728 | kanban |
| 6dd74de | | | 729 | id2[In progress] |
| 6dd74de | | | 730 | docs[Create Blog about the new diagram]@{ priority: 'Very Low', ticket: MC-2037, assigned: 'knsv' } |
| 6dd74de | | | 731 | </pre> |
| 6dd74de | | | 732 | <pre id="diagram4" class="mermaid"> |
| 6dd74de | | | 733 | --- |
| 6dd74de | | | 734 | config: |
| 6dd74de | | | 735 | kanban: |
| 6dd74de | | | 736 | ticketBaseUrl: 'https://mermaidchart.atlassian.net/browse/#TICKET#' |
| 6dd74de | | | 737 | # sectionWidth: 300 |
| 6dd74de | | | 738 | --- |
| 6dd74de | | | 739 | kanban |
| 6dd74de | | | 740 | Todo |
| 6dd74de | | | 741 | [Create Documentation] |
| 6dd74de | | | 742 | docs[Create Blog about the new diagram] |
| 6dd74de | | | 743 | id7[In progress] |
| 6dd74de | | | 744 | id6[Create renderer so that it works in all cases. We also add some extra text here for testing purposes. And some more just for the extra flare.] |
| 6dd74de | | | 745 | id9[Ready for deploy] |
| 6dd74de | | | 746 | id8[Design grammar]@{ assigned: 'knsv' } |
| 6dd74de | | | 747 | id10[Ready for test] |
| 6dd74de | | | 748 | id4[Create parsing tests]@{ ticket: MC-2038, assigned: 'K.Sveidqvist', priority: 'High' } |
| 6dd74de | | | 749 | id66[last item]@{ priority: 'Very Low', assigned: 'knsv' } |
| 6dd74de | | | 750 | id11[Done] |
| 6dd74de | | | 751 | id5[define getData] |
| 6dd74de | | | 752 | id2[Title of diagram is more than 100 chars when user duplicates diagram with 100 char]@{ ticket: MC-2036, priority: 'Very High'} |
| 6dd74de | | | 753 | id3[Update DB function]@{ ticket: MC-2037, assigned: knsv, priority: 'High' } |
| 6dd74de | | | 754 | |
| 6dd74de | | | 755 | id12[Can't reproduce] |
| 6dd74de | | | 756 | id3[Weird flickering in Firefox] |
| 6dd74de | | | 757 | </pre> |
| 6dd74de | | | 758 | <script type="module"> |
| 6dd74de | | | 759 | import mermaid from './mermaid.esm.mjs'; |
| 6dd74de | | | 760 | import layouts from './mermaid-layout-elk.esm.mjs'; |
| 6dd74de | | | 761 | |
| 6dd74de | | | 762 | const staticBellIconPack = { |
| 6dd74de | | | 763 | prefix: 'fa6-regular', |
| 6dd74de | | | 764 | icons: { |
| 6dd74de | | | 765 | bell: { |
| 6dd74de | | | 766 | body: '<path fill="currentColor" d="M224 0c-17.7 0-32 14.3-32 32v19.2C119 66 64 130.6 64 208v25.4c0 45.4-15.5 89.5-43.8 124.9L5.3 377c-5.8 7.2-6.9 17.1-2.9 25.4S14.8 416 24 416h400c9.2 0 17.6-5.3 21.6-13.6s2.9-18.2-2.9-25.4l-14.9-18.6c-28.3-35.5-43.8-79.6-43.8-125V208c0-77.4-55-142-128-156.8V32c0-17.7-14.3-32-32-32m0 96c61.9 0 112 50.1 112 112v25.4c0 47.9 13.9 94.6 39.7 134.6H72.3c25.8-40 39.7-86.7 39.7-134.6V208c0-61.9 50.1-112 112-112m64 352H160c0 17 6.7 33.3 18.7 45.3S207 512 224 512s33.3-6.7 45.3-18.7S288 465 288 448"/>', |
| 6dd74de | | | 767 | width: 448, |
| 6dd74de | | | 768 | }, |
| 6dd74de | | | 769 | }, |
| 6dd74de | | | 770 | width: 512, |
| 6dd74de | | | 771 | height: 512, |
| 6dd74de | | | 772 | }; |
| 6dd74de | | | 773 | |
| 6dd74de | | | 774 | mermaid.registerIconPacks([ |
| 6dd74de | | | 775 | { |
| 6dd74de | | | 776 | name: 'logos', |
| 6dd74de | | | 777 | loader: () => |
| 6dd74de | | | 778 | fetch('https://unpkg.com/@iconify-json/logos@1/icons.json').then((res) => res.json()), |
| 6dd74de | | | 779 | }, |
| 6dd74de | | | 780 | { |
| 6dd74de | | | 781 | name: 'fa', |
| 6dd74de | | | 782 | loader: () => staticBellIconPack, |
| 6dd74de | | | 783 | }, |
| 6dd74de | | | 784 | ]); |
| 6dd74de | | | 785 | mermaid.registerLayoutLoaders(layouts); |
| 6dd74de | | | 786 | mermaid.parseError = function (err, hash) { |
| 6dd74de | | | 787 | console.error('Mermaid error: ', err); |
| 6dd74de | | | 788 | }; |
| 6dd74de | | | 789 | window.callback = function () { |
| 6dd74de | | | 790 | alert('A callback was triggered'); |
| 6dd74de | | | 791 | }; |
| 6dd74de | | | 792 | function callback() { |
| 6dd74de | | | 793 | alert('It worked'); |
| 6dd74de | | | 794 | } |
| 6dd74de | | | 795 | await mermaid.initialize({ |
| 6dd74de | | | 796 | // theme: 'base', |
| 6dd74de | | | 797 | // theme: 'default', |
| 6dd74de | | | 798 | // theme: 'forest', |
| 6dd74de | | | 799 | // handDrawnSeed: 12, |
| 6dd74de | | | 800 | // look: 'handDrawn', |
| 6dd74de | | | 801 | // 'elk.nodePlacement.strategy': 'NETWORK_SIMPLEX', |
| 6dd74de | | | 802 | // layout: 'dagre', |
| 6dd74de | | | 803 | layout: 'elk', |
| 6dd74de | | | 804 | // layout: 'fixed', |
| 6dd74de | | | 805 | // htmlLabels: false, |
| 6dd74de | | | 806 | flowchart: { titleTopMargin: 10 }, |
| 6dd74de | | | 807 | |
| 6dd74de | | | 808 | // fontFamily: 'Caveat', |
| 6dd74de | | | 809 | // fontFamily: 'Kalam', |
| 6dd74de | | | 810 | // fontFamily: 'courier', |
| 6dd74de | | | 811 | fontFamily: 'arial', |
| 6dd74de | | | 812 | sequence: { |
| 6dd74de | | | 813 | actorFontFamily: 'courier', |
| 6dd74de | | | 814 | noteFontFamily: 'courier', |
| 6dd74de | | | 815 | messageFontFamily: 'courier', |
| 6dd74de | | | 816 | }, |
| 6dd74de | | | 817 | kanban: { |
| 6dd74de | | | 818 | htmlLabels: false, |
| 6dd74de | | | 819 | }, |
| 6dd74de | | | 820 | fontSize: 12, |
| 6dd74de | | | 821 | logLevel: 0, |
| 6dd74de | | | 822 | securityLevel: 'loose', |
| 6dd74de | | | 823 | callback, |
| 6dd74de | | | 824 | }); |
| 6dd74de | | | 825 | |
| 6dd74de | | | 826 | mermaid.parseError = function (err, hash) { |
| 6dd74de | | | 827 | console.error('In parse error:'); |
| 6dd74de | | | 828 | console.error(err); |
| 6dd74de | | | 829 | }; |
| 6dd74de | | | 830 | </script> |
| 6dd74de | | | 831 | </body> |
| 6dd74de | | | 832 | </html> |