2015-10-04 14:05:53 +02:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html>
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="UTF-8">
|
|
|
|
|
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
|
2015-10-12 07:37:02 +02:00
|
|
|
<link rel="stylesheet" href="dist/mermaid.css"/>
|
2015-10-04 14:05:53 +02:00
|
|
|
|
2015-10-12 07:37:02 +02:00
|
|
|
<script src="dist/mermaid.js"></script>
|
2015-10-04 14:05:53 +02:00
|
|
|
<style>
|
|
|
|
|
body{
|
|
|
|
|
background-color: #89896f;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
</style>
|
|
|
|
|
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
2015-10-12 07:37:02 +02:00
|
|
|
<h1><i class="fa fa-camera-retro"></i> Font awesome support!</h1>
|
2015-10-04 14:05:53 +02:00
|
|
|
<div class="mermaid" id="i211">
|
|
|
|
|
graph LR
|
2015-10-07 18:35:30 +02:00
|
|
|
A["A double quote:#quot;"] -->B["fa:fa-twitter nu springer vi"]
|
|
|
|
|
B -->C[fa:fa-ban nu springer vi]
|
|
|
|
|
C--> D(fa:fa-spinner);
|
|
|
|
|
D--> E(En fa:fa-camera-retro kanske?);
|
2015-10-04 14:05:53 +02:00
|
|
|
</div>
|
|
|
|
|
<div class="mermaid" id="i211">
|
|
|
|
|
sequenceDiagram
|
|
|
|
|
Ali#45;ce->>John: Hello John, how are you? #60;
|
|
|
|
|
John-->>Alice: Great!#quot;
|
|
|
|
|
</div>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
