diff options
author | Julio Capote <jcapote@gmail.com> | 2023-01-24 03:20:47 +0000 |
---|---|---|
committer | Julio Capote <jcapote@gmail.com> | 2023-01-24 03:20:47 +0000 |
commit | f24f2d15275961f1c0144e68fde75a60aeaaa165 (patch) | |
tree | 38be1626f3ade436fbd17eadb2753fa2f0effb37 /themes/even/exampleSite/content/post/js-sequence-diagrams.md | |
parent | bf04383b34c4a4fdfe239de2805a30a051921002 (diff) | |
download | capotej.com-f24f2d15275961f1c0144e68fde75a60aeaaa165.tar.gz |
move to bear theme
Diffstat (limited to 'themes/even/exampleSite/content/post/js-sequence-diagrams.md')
-rw-r--r-- | themes/even/exampleSite/content/post/js-sequence-diagrams.md | 95 |
1 files changed, 0 insertions, 95 deletions
diff --git a/themes/even/exampleSite/content/post/js-sequence-diagrams.md b/themes/even/exampleSite/content/post/js-sequence-diagrams.md deleted file mode 100644 index 3ca3a1c..0000000 --- a/themes/even/exampleSite/content/post/js-sequence-diagrams.md +++ /dev/null @@ -1,95 +0,0 @@ ---- -title: "JS Sequence Diagrams" -date: 2015-03-04T21:57:45+08:00 -draft: false - -sequenceDiagrams: - enable: true - options: "{theme: 'hand'}" ---- - -## Usage - -```sequence -Andrew->China: Says Hello -Note right of China: China thinks\nabout it -China-->Andrew: How are you? -Andrew->>China: I am good thanks! -``` - -<!--more--> - - ```sequence - Andrew->China: Says Hello - Note right of China: China thinks\nabout it - China-->Andrew: How are you? - Andrew->>China: I am good thanks! - ``` - -## Configuration - -Configure for all home and regular pages: - -```toml -[params.sequenceDiagrams] - enable = true - options = "{theme: 'hand'}" -``` - -Configure for a single post in the front matter (**Params in front matter have higher precedence**): - -```yml -sequenceDiagrams: - enable: true - options: "{theme: 'hand'}" -``` - -### Options - -```js -options = { - // Change the styling of the diagram, typically one of 'simple', 'hand'. New themes can be registered with registerTheme(...). - theme: string, - - // CSS style to apply to the diagram's svg tag. (Only supported if using snap.svg) - css_class: string, -} -``` - -See more information from https://github.com/bramp/js-sequence-diagrams. - -## Examples - -```sequence -Title: Here is a title -A->B: Normal line -B-->C: Dashed line -C->>D: Open arrow -D-->>A: Dashed open arrow -``` - - ```sequence - Title: Here is a title - A->B: Normal line - B-->C: Dashed line - C->>D: Open arrow - D-->>A: Dashed open arrow - ``` - ---- - -```sequence -# Example of a comment. -Note left of A: Note to the\n left of A -Note right of A: Note to the\n right of A -Note over A: Note over A -Note over A,B: Note over both A and B -``` - - ```sequence - # Example of a comment. - Note left of A: Note to the\n left of A - Note right of A: Note to the\n right of A - Note over A: Note over A - Note over A,B: Note over both A and B - ``` |