47 lines
1.1 KiB
HTML
47 lines
1.1 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="fr">
|
||
|
|
<head>
|
||
|
|
<meta charset="utf-8">
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
|
|
<title>Test</title>
|
||
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/github-markdown-css@5/github-markdown.min.css">
|
||
|
|
<script type="module">
|
||
|
|
import mermaid from "https://cdn.jsdelivr.net/npm/mermaid@10/dist/mermaid.esm.min.mjs";
|
||
|
|
mermaid.initialize({startOnLoad: true, theme: "default"});
|
||
|
|
</script>
|
||
|
|
<style>
|
||
|
|
.markdown-body {
|
||
|
|
box-sizing: border-box;
|
||
|
|
min-width: 200px;
|
||
|
|
max-width: 980px;
|
||
|
|
margin: 0 auto;
|
||
|
|
padding: 45px;
|
||
|
|
}
|
||
|
|
.back-link {
|
||
|
|
margin-bottom: 20px;
|
||
|
|
display: block;
|
||
|
|
}
|
||
|
|
pre.mermaid {
|
||
|
|
background: #fff;
|
||
|
|
border: 1px solid #ddd;
|
||
|
|
border-radius: 4px;
|
||
|
|
padding: 10px;
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<article class="markdown-body">
|
||
|
|
<p class="back-link"><a href="index.html">← Retour à l'index</a></p>
|
||
|
|
<h1 id="test-mermaid">Test Mermaid</h1>
|
||
|
|
<pre class="mermaid">flowchart TB
|
||
|
|
A[Start] --> B[End]</pre>
|
||
|
|
<pre class="mermaid">erDiagram
|
||
|
|
CUSTOMER ||--o{ ORDER : places
|
||
|
|
CUSTOMER {
|
||
|
|
string name
|
||
|
|
string id
|
||
|
|
}</pre>
|
||
|
|
</article>
|
||
|
|
</body>
|
||
|
|
</html>
|