mirror of
https://github.com/mermaid-js/mermaid.git
synced 2025-09-20 07:49:43 +02:00
a686255d9e
* develop: chore(deps): update pnpm to v7.17.0 docs: Remove warning in readme chore(deps): update lycheeverse/lychee-action action to v1.5.4 chore: Add size shield in readme Fix example for Git diagrams Fix TS errors Add interface for DiagramDb and other minor changes Disallow leading whitespace before delimiter Add title support using YAML frontmatter
48 lines
1.1 KiB
HTML
48 lines
1.1 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
|
<title>Mermaid Quick Test Page</title>
|
|
<link rel="icon" type="image/png" href="data:image/png;base64,iVBORw0KGgo=" />
|
|
<style>
|
|
div.mermaid {
|
|
/* font-family: 'trebuchet ms', verdana, arial; */
|
|
font-family: 'Courier New', Courier, monospace !important;
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body>
|
|
<h1>Journey diagram demo</h1>
|
|
<pre class="mermaid">
|
|
---
|
|
title: My working day
|
|
---
|
|
journey
|
|
accTitle: Very simple journey demo
|
|
accDescr: 2 main sections: work and home, each with just a few tasks
|
|
|
|
section Go to work
|
|
Make tea: 5: Me
|
|
Go upstairs: 3: Me
|
|
Do work: 1: Me, Cat
|
|
section Go home
|
|
Go downstairs: 5: Me
|
|
Sit down: 3: Me
|
|
</pre>
|
|
|
|
<script src="./mermaid.js"></script>
|
|
<script>
|
|
mermaid.initialize({
|
|
theme: 'forest',
|
|
logLevel: 3,
|
|
securityLevel: 'loose',
|
|
flowchart: { curve: 'basis' },
|
|
gantt: { axisFormat: '%m/%d/%Y' },
|
|
sequence: { actorMargin: 50 },
|
|
});
|
|
</script>
|
|
</body>
|
|
</html>
|