mirror of
https://github.com/mermaid-js/mermaid.git
synced 2025-02-04 07:13:25 +08:00
98 lines
3.3 KiB
HTML
98 lines
3.3 KiB
HTML
|
<!doctype html>
|
||
|
|
<html>
|
||
|
|
<head>
|
||
|
|
<meta charset="utf-8">
|
||
|
|
<meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||
|
|
<title>mermaid - Generation of diagrams and flowcharts from text in a similar manner as markdown.</title>
|
||
|
|
|
||
|
|
<link href="stylesheets/screen.css" rel="stylesheet" type="text/css" media="screen"/>
|
||
|
|
<link href="stylesheets/print.css" rel="stylesheet" type="text/css" media="print"/>
|
||
|
|
<link href="stylesheets/mermaid.forest.css" rel="stylesheet" type="text/css"/>
|
||
|
|
<link href="stylesheets/solarized_light.css" rel="stylesheet" type="text/css"/>
|
||
|
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
|
||
|
|
<script src="javascripts/lib/mermaid.js"></script>
|
||
|
|
<script src="javascripts/all.js" type="text/javascript"></script>
|
||
|
|
<script src="javascripts/highlight.pack.js" type="text/javascript"></script>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
var g = function (hljs) {
|
||
|
|
var r = "[a-z'][a-zA-Z0-9_']*", c = "(" + r + ":" + r + "|" + r + ")";
|
||
|
|
var keyw = {
|
||
|
|
keyword: 'graph sequenceDiagram participant loop end',
|
||
|
|
typename: 'Note',
|
||
|
|
literal: "false true left right"
|
||
|
|
};
|
||
|
|
return {
|
||
|
|
case_insensitive: false,
|
||
|
|
aliases: ["mermaid"],
|
||
|
|
k: keyw,
|
||
|
|
i: 'for',
|
||
|
|
c: [{
|
||
|
|
cN: "function",
|
||
|
|
b: "^" + r + "\\s*\\(",
|
||
|
|
e: "->",
|
||
|
|
rB: !0,
|
||
|
|
i: "\\(|#|//|/\\*|\\\\|:|;",
|
||
|
|
starts: {
|
||
|
|
e: ";|\\.", k: keyw, c: [
|
||
|
|
{cN: "comment", b: "%", e: "$"}
|
||
|
|
]
|
||
|
|
}
|
||
|
|
},
|
||
|
|
{cN: "comment", b: "%", e: "$"}
|
||
|
|
]
|
||
|
|
};
|
||
|
|
};
|
||
|
|
hljs.registerLanguage('mermaid', g);
|
||
|
|
hljs.initHighlightingOnLoad();
|
||
|
|
$(function () {
|
||
|
|
setupLanguages(["shell", "javascript", "html", "css","mermaid"]);
|
||
|
|
});
|
||
|
|
</script>
|
||
|
|
</head>
|
||
|
|
|
||
|
|
<body class="index">
|
||
|
|
<a href="#" id="nav-button">
|
||
|
|
<span>
|
||
|
|
NAV
|
||
|
|
<img src="images/navbar.png"/>
|
||
|
|
</span>
|
||
|
|
</a>
|
||
|
|
|
||
|
|
<div class="tocify-wrapper">
|
||
|
|
<img src="images/logo.png"/>
|
||
|
|
|
||
|
|
<div class="lang-selector" style="display:none">
|
||
|
|
<a href="#" data-language-name="shell">shell</a>
|
||
|
|
<a href="#" data-language-name="javascript">javascript</a>
|
||
|
|
<a href="#" data-language-name="html">html</a>
|
||
|
|
<a href="#" data-language-name="css">css</a>
|
||
|
|
</div>
|
||
|
|
<div class="search">
|
||
|
|
<input type="text" class="search" id="input-search" placeholder="Search">
|
||
|
|
</div>
|
||
|
|
<ul class="search-results"></ul>
|
||
|
|
<div id="toc">
|
||
|
|
</div>
|
||
|
|
<ul class="toc-footer">
|
||
|
|
<li><a href='http://github.com/tripit/slate'>Documentation Powered by Slate</a></li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
<div class="page-wrapper">
|
||
|
|
<div class="dark-box"></div>
|
||
|
|
<div class="content">
|
||
|
|
{{{contents}}}
|
||
|
|
|
||
|
|
</div>
|
||
|
|
<div class="dark-box">
|
||
|
|
<div class="lang-selector">
|
||
|
|
<a href="#" data-language-name="shell">shell</a>
|
||
|
|
<a href="#" data-language-name="ruby">ruby</a>
|
||
|
|
<a href="#" data-language-name="python">python</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</body>
|
||
|
|
</html>
|