<html>
<head>
<meta charset="utf-8" />
<title>Spongedown - md to html with svg support</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.7.0/styles/default.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.7.0/highlight.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.7.0/languages/rust.min.js"></script>
<script>hljs.initHighlightingOnLoad();</script>
<style>
table{
border-collapse: collapse;
border-spacing: 0;
}
th, td{
border:1px solid #ccc;
padding: 5px;
}
pre {
font-family:monospace;
overflow:auto;
}
blockquote {
padding: 0 1em;
color: #777;
border-left: 0.25em solid #ddd
}
</style>
</head>
<body>
<div style="display:flex;padding: 10px;">
<div>
<pre>
<code class="nohighlight">
## Spongedown
| 中文处理 | Data | CJK |
|----------|------|-----|
| 1 | 2 | 3 |
```bob
.--> Base::Class::Derived_A
/
.----> Base::Class::Derived_B
Something -------. / \
\ / .---> Base::Class::Derived
Something::else \ / \
\ \ / '--> Base::Class::Derived
\ \ /
\ \ .-----------> Base::Class::Derived_C
\ \ /
'------ Base::Class
/ \ \ \
' \ \ \
| \ \ \
. \ \ '--- The::Latest
/| \ \ \
With::Some::fantasy ' \ \ '---- The::Latest::Greatest
/| \ \
More::Stuff ' \ '- I::Am::Running::Out::Of::Ideas
/| \
More::Stuff ' \
/ '--- Last::One
More::Stuff V
+----------------------+
| |
| 中文处理 |
| 12345678 |
| |
+----------------------+
.---. .---. .---. .---. .---. .---.
OS API '---' '---' '---' '---' '---' '---'
| | | | | |
v v | v | v
.------------. | .-----------. | .-----.
| 文件系统 | | | 调度器 | | | MMU |
'------------' | '-----------' | '-----'
| | | |
v | | v
.----. | | .---------.
| IO |<----' | | 网络 |
'----' | '---------'
| | |
v v v
.---------------------------------------.
| 硬件抽象层 |
'---------------------------------------'
```
And a text
with abbr
```rust
fn main(){
println!("hello world!");
}
```
Generated files use .atxt extension. ("a" as ASCII art : to NOT overide any existing .txt files!). Here is the result:
```bob
,-.
`-'
/|\
,---. |
|Bob| / \
`-+-' Alice
| hello |
|-------------->|
| |
| Is it ok? |
|<- - - - - - - |
,-+-. Alice
|Bob| ,-.
`---' `-'
/|\
|
/ \
```
Unicode
The default txt format uses only plain ASCII characters. It is possible to use few extended Unicode characters to have a slightly better result. You should use the -utxt flag in the command line, or the utxt format in the ANT task.
```bob
┌─┐
║"│
└┬┘
┌┼┐
┌───┐ │
│Bob│ ┌┴┐
└─┬─┘ Alice
│ hello │
│──────────────>│
│ │
│ Is it ok? │
│<─ ─ ─ ─ ─ ─ ─ │
┌─┴─┐ Alice
│Bob│ ┌─┐
└───┘ ║"│
└┬┘
┌┼┐
│
┌┴┐
```
They are two drawbacks of using utxt:
The result is UTF-8 encoded, and sometimes this is an issue (mail gateway, editors...)
The used font must have the used extended characters (like Courier, Courier New...)
Complexe Diagram
You can even try complex example if you wish.
@startuml
'hide footbox
participant "Bob on\nseveral lines" as Bob
actor Alice
Bob -> Alice : hello
note right of Alice
this is a note
end note
Alice -> Bob : Is it ok\nwith a message that is\non several lines?
note right
This other note
should work
on several lines
end note
== This is a separation ==
Bob -> Last : Yes it works!
Last -> Last : working in progress
note left : this is\nanother note
Last --> Last : working in progress
Last --> Bob : done
opt dummy comment
Bob -> Last : Error\nOn\nSeveral\nLine
Last --> Bob : None
else
Last --> Bob : None
Last -> Bob : None
else other
Last -> Bob : None
note over Alice, Last
This is a long note
over Alice and Last
end note
Last -> Bob : None
Last -> Bob : None
end
@enduml
Example
```bob
,-.
`-'
,-------------. /|\
|Bob on | | ,----.
|several lines| / \ |Last|
`------+------' Alice `-+--'
| hello | |
|---------------------->| |
| | |
| | ,--------------!.
| | |this is a note|_\
| | `----------------'
|Is it ok | ,----------------!.
|with a message that is | |This other note |_\
|on several lines? | |should work |
|<----------------------| |on several lines |
| | `------------------'
| | |
| ======================== |
====================================== This is a separation =======================================
| ======================== |
| | |
| Yes it works! |
|-------------------------------------->|
| | |
| ,------------!. |----.
| |this is |_\| | working in progress
| |another note ||<---'
| `--------------'|
| | |- - .
| | | | working in progress
| | |< - '
| | |
| done | |
|<- - - - - - - - - - - - - - - - - - - |
| | |
______________________________________________________________________
! OPT / dummy comment | | !
!_____/ | | | !
! | | | !
! | Error | | !
! | On | | !
! | Several | | !
! | Line | | !
! |-------------------------------------->| !
! | | | !
! | None | | !
! |<- - - - - - - - - - - - - - - - - - - | !
!~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~!
! | | | !
! | None | | !
! |<- - - - - - - - - - - - - - - - - - - | !
! | | | !
! | None | | !
! |<--------------------------------------| !
!~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~!
! [other] | | | !
! | None | | !
! |<--------------------------------------| !
! | | | !
! | ,-------------------!. !
! | |This is a long note|_\ !
! | |over Alice and Last | !
! | `---------------------' !
! | None | | !
! |<--------------------------------------| !
! | | | !
! | None | | !
! |<--------------------------------------| !
!~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~!
,------+------. Alice ,-+--.
|Bob on | ,-. |Last|
|several lines| `-' `----'
`-------------' /|\
|
/ \
```
Same example using Unicode
```bob
┌─┐
║"│
└┬┘
┌─────────────┐ ┌┼┐
│Bob on │ │ ┌────┐
│several lines│ ┌┴┐ │Last│
└──────┬──────┘ Alice └─┬──┘
│ hello │ │
│──────────────────────>│ │
│ │ │
│ │ ╔═════════════╧══╗
│ │ ║this is a note ░║
│ │ ╚═════════════╤══╝
│Is it ok │ ╔═════════════╧════╗
│with a message that is │ ║This other note ░║
│on several lines? │ ║should work ║
│<──────────────────────│ ║on several lines ║
│ │ ╚═════════════╤════╝
│ │ │
│ ╔════════╧═════════════╗ │
══════════════════════╪══════════════╣ This is a separation ╠═╪════════════════════════════════════
│ ╚════════╤═════════════╝ │
│ │ │
│ Yes it works! │
│──────────────────────────────────────>│
│ │ │
│ ╔══════════════╗│────┐
│ ║this is ░║│ │ working in progress
│ ║another note ║│<───┘
│ ╚══════════════╝│
│ │ │─ ─ ┐
│ │ │ | working in progress
│ │ │< ─ ┘
│ │ │
│ done │ │
│<─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ │
│ │ │
╔══════╤═════════╪═══════════════════════╪═══════════════╪════════════╗
║ OPT │ dummy comment │ │ ║
╟──────┘ │ │ │ ║
║ │ │ │ ║
║ │ Error │ │ ║
║ │ On │ │ ║
║ │ Several │ │ ║
║ │ Line │ │ ║
║ │──────────────────────────────────────>│ ║
║ │ │ │ ║
║ │ None │ │ ║
║ │<─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ │ ║
╠════════════════╪═══════════════════════╪═══════════════╪════════════╣
║ │ │ │ ║
║ │ None │ │ ║
║ │<─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ │ ║
║ │ │ │ ║
║ │ None │ │ ║
║ │<──────────────────────────────────────│ ║
╠════════════════╪═══════════════════════╪═══════════════╪════════════╣
║ [other] │ │ │ ║
║ │ None │ │ ║
║ │<──────────────────────────────────────│ ║
║ │ │ │ ║
║ │ ╔══╧═══════════════╧══╗ ║
║ │ ║This is a long note ░║ ║
║ │ ║over Alice and Last ║ ║
║ │ ╚══╤═══════════════╤══╝ ║
║ │ None │ │ ║
║ │<──────────────────────────────────────│ ║
║ │ │ │ ║
║ │ None │ │ ║
║ │<──────────────────────────────────────│ ║
╚════════════════╪═══════════════════════╪═══════════════╪════════════╝
┌──────┴──────┐ Alice ┌─┴──┐
│Bob on │ ┌─┐ │Last│
│several lines│ ║"│ └────┘
└─────────────┘ └┬┘
┌┼┐
│
┌┴┐
```
</code>
</pre>
</div>
<div style="margin-left: 20px;">
<h2>Spongedown</h2>
<table>
<thead>
<tr>
<th>中文处理</th>
<th>Data</th>
<th>CJK</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
</tbody>
</table>
<div class='bob_container' style='width:600px;height:800px;'><svg class="bob" font-family="arial" font-size="14" height="800" width="600" xmlns="http://www.w3.org/2000/svg">
<defs>
<marker id="triangle" markerHeight="8" markerWidth="8" orient="auto" refX="4" refY="2" viewBox="0 0 8 4">
<polygon fill="black" points="0,0 0,4 8,2 0,0"/>
</marker>
<marker id="clear_triangle" markerHeight="10" markerWidth="10" orient="auto" refX="1" refY="7" viewBox="0 0 20 14">
<polygon fill="none" points="2,2 2,12 18,7 2,2" stroke="black" stroke-width="2"/>
</marker>
<marker id="circle" markerHeight="5" markerWidth="5" orient="auto" refX="10" refY="10" viewBox="0 0 20 20">
<circle cx="10" cy="10" fill="black" r="8"/>
</marker>
<marker id="square" markerHeight="5" markerWidth="5" orient="auto" refX="10" refY="10" viewBox="0 0 20 20">
<rect fill="black" height="20" width="20" x="0" y="0"/>
</marker>
<marker id="open_circle" markerHeight="10" markerWidth="10" orient="auto" refX="10" refY="10" viewBox="0 0 20 20">
<circle cx="10" cy="10" fill="white" r="4" stroke="black" stroke-width="2"/>
</marker>
<marker id="big_open_circle" markerHeight="20" markerWidth="20" orient="auto" refX="20" refY="20" viewBox="0 0 40 40">
<circle cx="20" cy="20" fill="white" r="6" stroke="black" stroke-width="2"/>
</marker>
</defs>
<style>
line,path {
stroke: black;
stroke-width: 2;
stroke-opacity: 1;
fill-opacity: 1;
stroke-linecap: round;
stroke-linejoin: miter;
}
line.dashed {
stroke-dasharray: 5;
}
circle.solid {
fill:black;
stroke: black;
stroke-width: 2;
stroke-opacity: 1;
fill-opacity: 1;
stroke-linecap: round;
stroke-linejoin: miter;
}
circle.open {
fill:none;
stroke: black;
stroke-width: 2;
stroke-opacity: 1;
fill-opacity: 1;
stroke-linecap: round;
stroke-linejoin: miter;
}
tspan.head{
fill: none;
stroke: none;
}
</style>
<rect fill="white" height="800" width="600" x="0" y="0"/>
<g>
<line x1="4" x2="4" y1="408" y2="488"/>
<line x1="4" x2="188" y1="408" y2="408"/>
<line x1="4" x2="188" y1="488" y2="488"/>
<line x1="188" x2="188" y1="408" y2="488"/>
</g>
<g>
<line x1="96" x2="130" y1="112" y2="180"/>
<path d="M 130 180 A 8 8 0 0 0 136 184" fill="none"/>
</g>
<g>
<line x1="108" x2="108" y1="524" y2="532"/>
<path d="M 108 532 A 4 4 0 0 0 112 536" fill="none"/>
<path d="M 112 520 A 4 4 0 0 0 108 524" fill="none"/>
</g>
<g>
<line x1="108" x2="108" y1="588" y2="612"/>
<path d="M 108 612 A 4 4 0 0 0 112 616" fill="none"/>
<path d="M 112 584 A 4 4 0 0 0 108 588" fill="none"/>
</g>
<g>
<line x1="108" x2="108" y1="748" y2="772"/>
<path d="M 108 772 A 4 4 0 0 0 112 776" fill="none"/>
<path d="M 112 744 A 4 4 0 0 0 108 748" fill="none"/>
</g>
<g>
<line x1="112" x2="136" y1="520" y2="520"/>
<path d="M 140 524 A 4 4 0 0 0 136 520" fill="none"/>
</g>
<g>
<line x1="112" x2="136" y1="536" y2="536"/>
<path d="M 136 536 A 4 4 0 0 0 140 532" fill="none"/>
</g>
<g>
<line x1="112" x2="208" y1="584" y2="584"/>
<path d="M 212 588 A 4 4 0 0 0 208 584" fill="none"/>
</g>
<g>
<line x1="112" x2="208" y1="616" y2="616"/>
<path d="M 208 616 A 4 4 0 0 0 212 612" fill="none"/>
</g>
<g>
<line x1="112" x2="424" y1="744" y2="744"/>
<path d="M 428 748 A 4 4 0 0 0 424 744" fill="none"/>
</g>
<g>
<line x1="112" x2="424" y1="776" y2="776"/>
<path d="M 424 776 A 4 4 0 0 0 428 772" fill="none"/>
</g>
<g>
<line marker-end="url(#triangle)" x1="124" x2="124" y1="544" y2="572"/>
</g>
<g>
<line x1="128" x2="184" y1="72" y2="72"/>
<path d="M 190 76 A 8 8 0 0 0 184 72" fill="none"/>
</g>
<g>
<line x1="136" x2="184" y1="184" y2="184"/>
</g>
<g>
<line x1="140" x2="140" y1="524" y2="532"/>
</g>
<g>
<line x1="140" x2="140" y1="668" y2="692"/>
<path d="M 140 692 A 4 4 0 0 0 144 696" fill="none"/>
<path d="M 144 664 A 4 4 0 0 0 140 668" fill="none"/>
</g>
<g>
<line x1="144" x2="176" y1="664" y2="664"/>
<path d="M 180 668 A 4 4 0 0 0 176 664" fill="none"/>
</g>
<g>
<line x1="144" x2="176" y1="696" y2="696"/>
<path d="M 176 696 A 4 4 0 0 0 180 692" fill="none"/>
</g>
<g>
<line x1="164" x2="164" y1="524" y2="532"/>
<path d="M 164 532 A 4 4 0 0 0 168 536" fill="none"/>
<path d="M 168 520 A 4 4 0 0 0 164 524" fill="none"/>
</g>
<g>
<line marker-end="url(#triangle)" x1="164" x2="164" y1="624" y2="652"/>
</g>
<g>
<line marker-end="url(#triangle)" x1="164" x2="164" y1="704" y2="732"/>
</g>
<g>
<line x1="168" x2="178" y1="272" y2="252"/>
<path d="M 178 252 A 16 16 0 0 0 180 244" fill="none"/>
</g>
<g>
<line x1="168" x2="176" y1="304" y2="288"/>
</g>
<g>
<line x1="168" x2="176" y1="336" y2="320"/>
</g>
<g>
<line x1="168" x2="192" y1="520" y2="520"/>
<path d="M 196 524 A 4 4 0 0 0 192 520" fill="none"/>
</g>
<g>
<line x1="168" x2="192" y1="536" y2="536"/>
<path d="M 192 536 A 4 4 0 0 0 196 532" fill="none"/>
</g>
<g>
<line marker-end="url(#triangle)" x1="176" x2="162" y1="352" y2="380"/>
</g>
<g>
<line x1="180" x2="180" y1="224" y2="276"/>
</g>
<g>
<line x1="180" x2="180" y1="244" y2="240"/>
</g>
<g>
<line x1="180" x2="180" y1="288" y2="308"/>
</g>
<g>
<line x1="180" x2="180" y1="320" y2="340"/>
</g>
<g>
<line marker-end="url(#triangle)" x1="180" x2="180" y1="544" y2="572"/>
</g>
<g>
<line x1="180" x2="180" y1="668" y2="692"/>
</g>
<g>
<line x1="190" x2="236" y1="76" y2="168"/>
<line x1="236" x2="236" y1="168" y2="176"/>
</g>
<g>
<line x1="192" x2="182" y1="192" y2="212"/>
</g>
<g>
<line marker-end="url(#triangle)" x1="192" x2="188" y1="680" y2="680"/>
<line x1="192" x2="224" y1="680" y2="680"/>
<path d="M 224 680 A 4 4 0 0 0 228 676" fill="none"/>
</g>
<g>
<line x1="196" x2="196" y1="524" y2="532"/>
</g>
<g>
<line x1="208" x2="290" y1="192" y2="356"/>
<path d="M 290 356 A 8 8 0 0 0 296 360" fill="none"/>
</g>
<g>
<line x1="212" x2="212" y1="524" y2="532"/>
<path d="M 212 532 A 4 4 0 0 0 216 536" fill="none"/>
<path d="M 216 520 A 4 4 0 0 0 212 524" fill="none"/>
</g>
<g>
<line x1="212" x2="212" y1="588" y2="612"/>
</g>
<g>
<line x1="216" x2="240" y1="520" y2="520"/>
<path d="M 244 524 A 4 4 0 0 0 240 520" fill="none"/>
</g>
<g>
<line x1="216" x2="240" y1="536" y2="536"/>
<path d="M 240 536 A 4 4 0 0 0 244 532" fill="none"/>
</g>
<g>
<line x1="228" x2="228" y1="200" y2="192"/>
<line x1="228" x2="282" y1="200" y2="308"/>
<path d="M 282 308 A 8 8 0 0 0 288 312" fill="none"/>
</g>
<g>
<line x1="228" x2="228" y1="544" y2="676"/>
</g>
<g>
<line x1="240" x2="266" y1="192" y2="244"/>
<path d="M 266 244 A 8 8 0 0 0 272 248" fill="none"/>
</g>
<g>
<line x1="244" x2="244" y1="524" y2="532"/>
</g>
<g>
<line x1="244" x2="244" y1="588" y2="612"/>
<path d="M 244 612 A 4 4 0 0 0 248 616" fill="none"/>
<path d="M 248 584 A 4 4 0 0 0 244 588" fill="none"/>
</g>
<g>
<line x1="248" x2="336" y1="584" y2="584"/>
<path d="M 340 588 A 4 4 0 0 0 336 584" fill="none"/>
</g>
<g>
<line x1="248" x2="336" y1="616" y2="616"/>
<path d="M 336 616 A 4 4 0 0 0 340 612" fill="none"/>
</g>
<g>
<line x1="258" x2="248" y1="156" y2="176"/>
<line x1="306" x2="248" y1="60" y2="176"/>
<line x1="322" x2="248" y1="28" y2="176"/>
<path d="M 264 152 A 8 8 0 0 0 258 156" fill="none"/>
<path d="M 312 56 A 8 8 0 0 0 306 60" fill="none"/>
<path d="M 328 24 A 8 8 0 0 0 322 28" fill="none"/>
</g>
<g>
<line marker-end="url(#triangle)" x1="264" x2="356" y1="152" y2="152"/>
</g>
<g>
<line x1="268" x2="268" y1="524" y2="532"/>
<path d="M 268 532 A 4 4 0 0 0 272 536" fill="none"/>
<path d="M 272 520 A 4 4 0 0 0 268 524" fill="none"/>
</g>
<g>
<line x1="272" x2="296" y1="248" y2="248"/>
</g>
<g>
<line x1="272" x2="296" y1="520" y2="520"/>
<path d="M 300 524 A 4 4 0 0 0 296 520" fill="none"/>
</g>
<g>
<line x1="272" x2="296" y1="536" y2="536"/>
<path d="M 296 536 A 4 4 0 0 0 300 532" fill="none"/>
</g>
<g>
<line marker-end="url(#triangle)" x1="284" x2="284" y1="544" y2="572"/>
</g>
<g>
<line marker-end="url(#triangle)" x1="284" x2="284" y1="624" y2="732"/>
</g>
<g>
<line x1="288" x2="296" y1="312" y2="312"/>
</g>
<g>
<line x1="296" x2="320" y1="360" y2="360"/>
</g>
<g>
<line x1="300" x2="300" y1="524" y2="532"/>
</g>
<g>
<line marker-end="url(#triangle)" x1="312" x2="348" y1="56" y2="56"/>
</g>
<g>
<line x1="312" x2="322" y1="256" y2="276"/>
<path d="M 322 276 A 8 8 0 0 0 328 280" fill="none"/>
</g>
<g>
<line x1="324" x2="324" y1="668" y2="692"/>
<path d="M 324 692 A 4 4 0 0 0 328 696" fill="none"/>
<path d="M 328 664 A 4 4 0 0 0 324 668" fill="none"/>
</g>
<g>
<line marker-end="url(#triangle)" x1="328" x2="348" y1="24" y2="24"/>
</g>
<g>
<line x1="328" x2="360" y1="280" y2="280"/>
</g>
<g>
<line x1="328" x2="400" y1="664" y2="664"/>
<path d="M 404 668 A 4 4 0 0 0 400 664" fill="none"/>
</g>
<g>
<line x1="328" x2="400" y1="696" y2="696"/>
<path d="M 400 696 A 4 4 0 0 0 404 692" fill="none"/>
</g>
<g>
<line x1="340" x2="340" y1="524" y2="532"/>
<path d="M 340 532 A 4 4 0 0 0 344 536" fill="none"/>
<path d="M 344 520 A 4 4 0 0 0 340 524" fill="none"/>
</g>
<g>
<line x1="340" x2="340" y1="588" y2="612"/>
</g>
<g>
<line x1="344" x2="368" y1="520" y2="520"/>
<path d="M 372 524 A 4 4 0 0 0 368 520" fill="none"/>
</g>
<g>
<line x1="344" x2="368" y1="536" y2="536"/>
<path d="M 368 536 A 4 4 0 0 0 372 532" fill="none"/>
</g>
<g>
<line marker-end="url(#triangle)" x1="356" x2="356" y1="544" y2="652"/>
</g>
<g>
<line marker-end="url(#triangle)" x1="364" x2="364" y1="704" y2="732"/>
</g>
<g>
<line x1="372" x2="372" y1="524" y2="532"/>
</g>
<g>
<line x1="376" x2="402" y1="64" y2="116"/>
<line x1="390" x2="402" y1="92" y2="116"/>
<path d="M 392 88 A 8 8 0 0 0 390 92" fill="none"/>
<path d="M 402 116 A 8 8 0 0 0 408 120" fill="none"/>
</g>
<g>
<line x1="380" x2="380" y1="588" y2="612"/>
<path d="M 380 612 A 4 4 0 0 0 384 616" fill="none"/>
<path d="M 384 584 A 4 4 0 0 0 380 588" fill="none"/>
</g>
<g>
<line x1="384" x2="424" y1="584" y2="584"/>
<path d="M 428 588 A 4 4 0 0 0 424 584" fill="none"/>
</g>
<g>
<line x1="384" x2="424" y1="616" y2="616"/>
<path d="M 424 616 A 4 4 0 0 0 428 612" fill="none"/>
</g>
<g>
<line marker-end="url(#triangle)" x1="392" x2="420" y1="88" y2="88"/>
</g>
<g>
<line x1="396" x2="396" y1="524" y2="532"/>
<path d="M 396 532 A 4 4 0 0 0 400 536" fill="none"/>
<path d="M 400 520 A 4 4 0 0 0 396 524" fill="none"/>
</g>
<g>
<line x1="400" x2="424" y1="520" y2="520"/>
<path d="M 428 524 A 4 4 0 0 0 424 520" fill="none"/>
</g>
<g>
<line x1="400" x2="424" y1="536" y2="536"/>
<path d="M 424 536 A 4 4 0 0 0 428 532" fill="none"/>
</g>
<g>
<line x1="404" x2="404" y1="668" y2="692"/>
</g>
<g>
<line marker-end="url(#triangle)" x1="408" x2="428" y1="120" y2="120"/>
</g>
<g>
<line marker-end="url(#triangle)" x1="412" x2="412" y1="544" y2="572"/>
</g>
<g>
<line x1="428" x2="428" y1="524" y2="532"/>
</g>
<g>
<line x1="428" x2="428" y1="588" y2="612"/>
</g>
<g>
<line x1="428" x2="428" y1="748" y2="772"/>
</g>
<g>
<line class="dashed" fill="none" x1="372" x2="372" y1="352" y2="368"/>
</g>
<g>
<line class="dashed" fill="none" x1="428" x2="428" y1="304" y2="320"/>
</g>
<g>
<line class="dashed" fill="none" x1="468" x2="468" y1="304" y2="320"/>
</g>
<g>
<text x="9" y="284">
With::Some::fantasy
</text>
</g>
<g>
<text x="33" y="540">
OS
</text>
</g>
<g>
<text x="49" y="76">
Something
</text>
</g>
<g>
<text x="49" y="108">
Something::else
</text>
</g>
<g>
<text x="57" y="380">
More::Stuff
</text>
</g>
<g>
<text x="57" y="540">
API
</text>
</g>
<g>
<text x="65" y="444">
中
</text>
</g>
<g>
<text x="65" y="460">
12345678
</text>
</g>
<g>
<text x="73" y="316">
More::Stuff
</text>
</g>
<g>
<text x="73" y="348">
More::Stuff
</text>
</g>
<g>
<text x="81" y="444">
文
</text>
</g>
<g>
<text x="97" y="444">
处
</text>
</g>
<g>
<text x="113" y="444">
理
</text>
</g>
<g>
<text x="129" y="604">
文
</text>
</g>
<g>
<text x="145" y="604">
件
</text>
</g>
<g>
<text x="153" y="684">
IO
</text>
</g>
<g>
<text x="161" y="604">
系
</text>
</g>
<g>
<text x="177" y="604">
统
</text>
</g>
<g>
<text x="193" y="188">
Base::Class
</text>
</g>
<g>
<text x="225" y="764">
硬
</text>
</g>
<g>
<text x="241" y="764">
件
</text>
</g>
<g>
<text x="257" y="764">
抽
</text>
</g>
<g>
<text x="273" y="604">
调
</text>
</g>
<g>
<text x="273" y="764">
象
</text>
</g>
<g>
<text x="289" y="604">
度
</text>
</g>
<g>
<text x="289" y="764">
层
</text>
</g>
<g>
<text x="305" y="252">
The::Latest
</text>
</g>
<g>
<text x="305" y="316">
I::Am::Running:
</text>
</g>
<g>
<text x="305" y="604">
器
</text>
</g>
<g>
<text x="329" y="364">
Last:
</text>
</g>
<g>
<text x="353" y="684">
网
</text>
</g>
<g>
<text x="361" y="28">
Base::Class::Derived_A
</text>
</g>
<g>
<text x="361" y="60">
Base::Class::Derived_B
</text>
</g>
<g>
<text x="369" y="156">
Base::Class::Derived_C
</text>
</g>
<g>
<text x="369" y="284">
The::Latest::Greatest
</text>
</g>
<g>
<text x="369" y="684">
络
</text>
</g>
<g>
<text x="377" y="364">
One
</text>
</g>
<g>
<text x="393" y="604">
MMU
</text>
</g>
<g>
<text x="433" y="92">
Base::Class::Derived
</text>
</g>
<g>
<text x="433" y="316">
Out:
</text>
</g>
<g>
<text x="441" y="124">
Base::Class::Derived
</text>
</g>
<g>
<text x="473" y="316">
Of::Ideas
</text>
</g>
</svg></div>
<p>And a text
with abbr</p>
<pre><code class="language-rust">fn main(){
println!("hello world!");
}
</code></pre>
<p>Generated files use .atxt extension. ("a" as ASCII art : to NOT overide any existing .txt files!). Here is the result:</p>
<div class='bob_container' style='width:208px;height:288px;'><svg class="bob" font-family="arial" font-size="14" height="288" width="208" xmlns="http://www.w3.org/2000/svg">
<defs>
<marker id="triangle" markerHeight="8" markerWidth="8" orient="auto" refX="4" refY="2" viewBox="0 0 8 4">
<polygon fill="black" points="0,0 0,4 8,2 0,0"/>
</marker>
<marker id="clear_triangle" markerHeight="10" markerWidth="10" orient="auto" refX="1" refY="7" viewBox="0 0 20 14">
<polygon fill="none" points="2,2 2,12 18,7 2,2" stroke="black" stroke-width="2"/>
</marker>
<marker id="circle" markerHeight="5" markerWidth="5" orient="auto" refX="10" refY="10" viewBox="0 0 20 20">
<circle cx="10" cy="10" fill="black" r="8"/>
</marker>
<marker id="square" markerHeight="5" markerWidth="5" orient="auto" refX="10" refY="10" viewBox="0 0 20 20">
<rect fill="black" height="20" width="20" x="0" y="0"/>
</marker>
<marker id="open_circle" markerHeight="10" markerWidth="10" orient="auto" refX="10" refY="10" viewBox="0 0 20 20">
<circle cx="10" cy="10" fill="white" r="4" stroke="black" stroke-width="2"/>
</marker>
<marker id="big_open_circle" markerHeight="20" markerWidth="20" orient="auto" refX="20" refY="20" viewBox="0 0 40 40">
<circle cx="20" cy="20" fill="white" r="6" stroke="black" stroke-width="2"/>
</marker>
</defs>
<style>
line,path {
stroke: black;
stroke-width: 2;
stroke-opacity: 1;
fill-opacity: 1;
stroke-linecap: round;
stroke-linejoin: miter;
}
line.dashed {
stroke-dasharray: 5;
}
circle.solid {
fill:black;
stroke: black;
stroke-width: 2;
stroke-opacity: 1;
fill-opacity: 1;
stroke-linecap: round;
stroke-linejoin: miter;
}
circle.open {
fill:none;
stroke: black;
stroke-width: 2;
stroke-opacity: 1;
fill-opacity: 1;
stroke-linecap: round;
stroke-linejoin: miter;
}
tspan.head{
fill: none;
stroke: none;
}
</style>
<rect fill="white" height="288" width="208" x="0" y="0"/>
<g>
<line x1="44" x2="44" y1="60" y2="84"/>
<path d="M 44 84 A 4 4 0 0 0 48 88" fill="none"/>
<path d="M 48 56 A 4 4 0 0 0 44 60" fill="none"/>
</g>
<g>
<line x1="44" x2="44" y1="188" y2="212"/>
<path d="M 44 212 A 4 4 0 0 0 48 216" fill="none"/>
<path d="M 48 184 A 4 4 0 0 0 44 188" fill="none"/>
</g>
<g>
<line x1="48" x2="72" y1="56" y2="56"/>
<path d="M 76 60 A 4 4 0 0 0 72 56" fill="none"/>
</g>
<g>
<line x1="48" x2="60" y1="88" y2="88"/>
<line x1="60" x2="60" y1="88" y2="80"/>
<line x1="60" x2="60" y1="88" y2="184"/>
<line x1="60" x2="72" y1="88" y2="88"/>
<line x1="60" x2="60" y1="184" y2="192"/>
<line x1="60" x2="72" y1="184" y2="184"/>
<path d="M 72 88 A 4 4 0 0 0 76 84" fill="none"/>
<path d="M 76 188 A 4 4 0 0 0 72 184" fill="none"/>
</g>
<g>
<line x1="48" x2="60" y1="184" y2="184"/>
</g>
<g>
<line x1="48" x2="72" y1="216" y2="216"/>
<path d="M 72 216 A 4 4 0 0 0 76 212" fill="none"/>
</g>
<g>
<line marker-end="url(#triangle)" x1="60" x2="180" y1="120" y2="120"/>
</g>
<g>
<line marker-end="url(#triangle)" x1="72" x2="68" y1="168" y2="168"/>
<line class="dashed" fill="none" x1="72" x2="176" y1="168" y2="168"/>
</g>
<g>
<line x1="76" x2="76" y1="60" y2="84"/>
</g>
<g>
<line x1="76" x2="76" y1="188" y2="212"/>
</g>
<g>
<line x1="176" x2="184" y1="48" y2="32"/>
</g>
<g>
<line x1="176" x2="184" y1="80" y2="64"/>
<line x1="188" x2="184" y1="56" y2="64"/>
<line x1="188" x2="192" y1="56" y2="64"/>
<line x1="192" x2="200" y1="64" y2="80"/>
</g>
<g>
<line x1="176" x2="184" y1="240" y2="224"/>
</g>
<g>
<line x1="176" x2="184" y1="272" y2="256"/>
<line x1="188" x2="184" y1="248" y2="256"/>
<line x1="188" x2="192" y1="248" y2="256"/>
<line x1="192" x2="200" y1="256" y2="272"/>
</g>
<g>
<line x1="180" x2="180" y1="12" y2="20"/>
<path d="M 180 20 A 4 4 0 0 0 184 24" fill="none"/>
<path d="M 184 8 A 4 4 0 0 0 180 12" fill="none"/>
</g>
<g>
<line x1="180" x2="180" y1="204" y2="212"/>
<path d="M 180 212 A 4 4 0 0 0 184 216" fill="none"/>
<path d="M 184 200 A 4 4 0 0 0 180 204" fill="none"/>
</g>
<g>
<line x1="184" x2="192" y1="8" y2="8"/>
<path d="M 196 12 A 4 4 0 0 0 192 8" fill="none"/>
</g>
<g>
<line x1="184" x2="192" y1="24" y2="24"/>
<path d="M 192 24 A 4 4 0 0 0 196 20" fill="none"/>
</g>
<g>
<line x1="184" x2="192" y1="200" y2="200"/>
<path d="M 196 204 A 4 4 0 0 0 192 200" fill="none"/>
</g>
<g>
<line x1="184" x2="192" y1="216" y2="216"/>
<path d="M 192 216 A 4 4 0 0 0 196 212" fill="none"/>
</g>
<g>
<line x1="188" x2="188" y1="32" y2="48"/>
<line x1="188" x2="188" y1="48" y2="56"/>
</g>
<g>
<line x1="188" x2="188" y1="96" y2="176"/>
</g>
<g>
<line x1="188" x2="188" y1="224" y2="240"/>
<line x1="188" x2="188" y1="240" y2="248"/>
</g>
<g>
<line x1="192" x2="200" y1="32" y2="48"/>
</g>
<g>
<line x1="192" x2="200" y1="224" y2="240"/>
</g>
<g>
<line x1="196" x2="196" y1="12" y2="20"/>
</g>
<g>
<line x1="196" x2="196" y1="204" y2="212"/>
</g>
<g>
<text x="49" y="76">
Bob
</text>
</g>
<g>
<text x="49" y="204">
Bob
</text>
</g>
<g>
<text x="81" y="156">
Is
</text>
</g>
<g>
<text x="97" y="108">
hello
</text>
</g>
<g>
<text x="105" y="156">
it
</text>
</g>
<g>
<text x="129" y="156">
ok?
</text>
</g>
<g>
<text x="169" y="92">
Alice
</text>
</g>
<g>
<text x="169" y="188">
Alice
</text>
</g>
</svg></div>
<p>Unicode
The default txt format uses only plain ASCII characters. It is possible to use few extended Unicode characters to have a slightly better result. You should use the -utxt flag in the command line, or the utxt format in the ANT task.</p>
<div class='bob_container' style='width:208px;height:336px;'><svg class="bob" font-family="arial" font-size="14" height="336" width="208" xmlns="http://www.w3.org/2000/svg">
<defs>
<marker id="triangle" markerHeight="8" markerWidth="8" orient="auto" refX="4" refY="2" viewBox="0 0 8 4">
<polygon fill="black" points="0,0 0,4 8,2 0,0"/>
</marker>
<marker id="clear_triangle" markerHeight="10" markerWidth="10" orient="auto" refX="1" refY="7" viewBox="0 0 20 14">
<polygon fill="none" points="2,2 2,12 18,7 2,2" stroke="black" stroke-width="2"/>
</marker>
<marker id="circle" markerHeight="5" markerWidth="5" orient="auto" refX="10" refY="10" viewBox="0 0 20 20">
<circle cx="10" cy="10" fill="black" r="8"/>
</marker>
<marker id="square" markerHeight="5" markerWidth="5" orient="auto" refX="10" refY="10" viewBox="0 0 20 20">
<rect fill="black" height="20" width="20" x="0" y="0"/>
</marker>
<marker id="open_circle" markerHeight="10" markerWidth="10" orient="auto" refX="10" refY="10" viewBox="0 0 20 20">
<circle cx="10" cy="10" fill="white" r="4" stroke="black" stroke-width="2"/>
</marker>
<marker id="big_open_circle" markerHeight="20" markerWidth="20" orient="auto" refX="20" refY="20" viewBox="0 0 40 40">
<circle cx="20" cy="20" fill="white" r="6" stroke="black" stroke-width="2"/>
</marker>
</defs>
<style>
line,path {
stroke: black;
stroke-width: 2;
stroke-opacity: 1;
fill-opacity: 1;
stroke-linecap: round;
stroke-linejoin: miter;
}
line.dashed {
stroke-dasharray: 5;
}
circle.solid {
fill:black;
stroke: black;
stroke-width: 2;
stroke-opacity: 1;
fill-opacity: 1;
stroke-linecap: round;
stroke-linejoin: miter;
}
circle.open {
fill:none;
stroke: black;
stroke-width: 2;
stroke-opacity: 1;
fill-opacity: 1;
stroke-linecap: round;
stroke-linejoin: miter;
}
tspan.head{
fill: none;
stroke: none;
}
</style>
<rect fill="white" height="336" width="208" x="0" y="0"/>
<g>
<line x1="44" x2="44" y1="88" y2="120"/>
<line x1="44" x2="76" y1="88" y2="88"/>
<line x1="44" x2="60" y1="120" y2="120"/>
<line x1="60" x2="60" y1="120" y2="216"/>
<line x1="60" x2="76" y1="120" y2="120"/>
<line x1="60" x2="76" y1="216" y2="216"/>
<line x1="76" x2="76" y1="88" y2="120"/>
<line x1="76" x2="76" y1="216" y2="248"/>
</g>
<g>
<line x1="44" x2="44" y1="216" y2="248"/>
<line x1="44" x2="60" y1="216" y2="216"/>
<line x1="44" x2="76" y1="248" y2="248"/>
</g>
<g>
<line marker-end="url(#triangle)" x1="64" x2="180" y1="152" y2="152"/>
</g>
<g>
<line marker-end="url(#triangle)" x1="72" x2="68" y1="200" y2="200"/>
<line x1="72" x2="80" y1="200" y2="200"/>
</g>
<g>
<line x1="88" x2="96" y1="200" y2="200"/>
</g>
<g>
<line x1="104" x2="112" y1="200" y2="200"/>
</g>
<g>
<line x1="120" x2="128" y1="200" y2="200"/>
</g>
<g>
<line x1="136" x2="144" y1="200" y2="200"/>
</g>
<g>
<line x1="152" x2="160" y1="200" y2="200"/>
</g>
<g>
<line x1="168" x2="176" y1="200" y2="200"/>
</g>
<g>
<line x1="178" x2="178" y1="32" y2="48"/>
<line x1="178" x2="178" y1="48" y2="32"/>
</g>
<g>
<line x1="178" x2="178" y1="240" y2="256"/>
<line x1="178" x2="178" y1="256" y2="240"/>
</g>
<g>
<line x1="180" x2="180" y1="24" y2="32"/>
<line x1="180" x2="196" y1="24" y2="24"/>
<line x1="196" x2="196" y1="24" y2="56"/>
</g>
<g>
<line x1="180" x2="180" y1="56" y2="48"/>
<line x1="180" x2="188" y1="56" y2="56"/>
<line x1="188" x2="188" y1="56" y2="72"/>
<line x1="188" x2="196" y1="56" y2="56"/>
<line x1="188" x2="188" y1="72" y2="104"/>
<line x1="188" x2="196" y1="72" y2="72"/>
<line x1="188" x2="196" y1="104" y2="104"/>
<line x1="196" x2="196" y1="72" y2="80"/>
<line x1="196" x2="196" y1="104" y2="112"/>
</g>
<g>
<line x1="180" x2="180" y1="72" y2="80"/>
<line x1="180" x2="188" y1="72" y2="72"/>
</g>
<g>
<line x1="180" x2="180" y1="104" y2="112"/>
<line x1="180" x2="188" y1="104" y2="104"/>
</g>
<g>
<line x1="180" x2="180" y1="232" y2="240"/>
<line x1="180" x2="196" y1="232" y2="232"/>
<line x1="196" x2="196" y1="232" y2="264"/>
</g>
<g>
<line x1="180" x2="180" y1="264" y2="256"/>
<line x1="180" x2="188" y1="264" y2="264"/>
<line x1="188" x2="188" y1="264" y2="280"/>
<line x1="188" x2="196" y1="264" y2="264"/>
<line x1="188" x2="188" y1="280" y2="312"/>
<line x1="188" x2="196" y1="280" y2="280"/>
<line x1="188" x2="196" y1="312" y2="312"/>
<line x1="196" x2="196" y1="280" y2="288"/>
<line x1="196" x2="196" y1="312" y2="320"/>
</g>
<g>
<line x1="180" x2="180" y1="280" y2="288"/>
<line x1="180" x2="188" y1="280" y2="280"/>
</g>
<g>
<line x1="180" x2="180" y1="312" y2="320"/>
<line x1="180" x2="188" y1="312" y2="312"/>
</g>
<g>
<line x1="182" x2="182" y1="32" y2="48"/>
<line x1="182" x2="182" y1="48" y2="32"/>
</g>
<g>
<line x1="182" x2="182" y1="240" y2="256"/>
<line x1="182" x2="182" y1="256" y2="240"/>
</g>
<g>
<line x1="188" x2="188" y1="128" y2="208"/>
</g>
<g>
<text x="49" y="108">
Bob
</text>
</g>
<g>
<text x="49" y="236">
Bob
</text>
</g>
<g>
<text x="81" y="188">
Is
</text>
</g>
<g>
<text x="97" y="140">
hello
</text>
</g>
<g>
<text x="105" y="188">
it
</text>
</g>
<g>
<text x="129" y="188">
ok?
</text>
</g>
<g>
<text x="169" y="124">
Alice
</text>
</g>
<g>
<text x="169" y="220">
Alice
</text>
</g>
<g>
<text x="185" y="44">
"
</text>
</g>
<g>
<text x="185" y="252">
"
</text>
</g>
</svg></div>
<p>They are two drawbacks of using utxt:</p>
<pre><code>The result is UTF-8 encoded, and sometimes this is an issue (mail gateway, editors...)
The used font must have the used extended characters (like Courier, Courier New...)
</code></pre>
<p>Complexe Diagram
You can even try complex example if you wish.</p>
<p>@startuml
'hide footbox</p>
<p>participant "Bob on\nseveral lines" as Bob
actor Alice</p>
<p>Bob -> Alice : hello
note right of Alice
this is a note
end note</p>
<p>Alice -> Bob : Is it ok\nwith a message that is\non several lines?</p>
<p>note right
This other note
should work
on several lines
end note</p>
<p>== This is a separation ==</p>
<p>Bob -> Last : Yes it works!
Last -> Last : working in progress
note left : this is\nanother note</p>
<p>Last --> Last : working in progress</p>
<p>Last --> Bob : done</p>
<p>opt dummy comment
Bob -> Last : Error\nOn\nSeveral\nLine
Last --> Bob : None
else
Last --> Bob : None
Last -> Bob : None
else other
Last -> Bob : None
note over Alice, Last
This is a long note
over Alice and Last
end note
Last -> Bob : None
Last -> Bob : None
end</p>
<p>@enduml</p>
<p>Example</p>
<div class='bob_container' style='width:792px;height:1232px;'><svg class="bob" font-family="arial" font-size="14" height="1232" width="792" xmlns="http://www.w3.org/2000/svg">
<defs>
<marker id="triangle" markerHeight="8" markerWidth="8" orient="auto" refX="4" refY="2" viewBox="0 0 8 4">
<polygon fill="black" points="0,0 0,4 8,2 0,0"/>
</marker>
<marker id="clear_triangle" markerHeight="10" markerWidth="10" orient="auto" refX="1" refY="7" viewBox="0 0 20 14">
<polygon fill="none" points="2,2 2,12 18,7 2,2" stroke="black" stroke-width="2"/>
</marker>
<marker id="circle" markerHeight="5" markerWidth="5" orient="auto" refX="10" refY="10" viewBox="0 0 20 20">
<circle cx="10" cy="10" fill="black" r="8"/>
</marker>
<marker id="square" markerHeight="5" markerWidth="5" orient="auto" refX="10" refY="10" viewBox="0 0 20 20">
<rect fill="black" height="20" width="20" x="0" y="0"/>
</marker>
<marker id="open_circle" markerHeight="10" markerWidth="10" orient="auto" refX="10" refY="10" viewBox="0 0 20 20">
<circle cx="10" cy="10" fill="white" r="4" stroke="black" stroke-width="2"/>
</marker>
<marker id="big_open_circle" markerHeight="20" markerWidth="20" orient="auto" refX="20" refY="20" viewBox="0 0 40 40">
<circle cx="20" cy="20" fill="white" r="6" stroke="black" stroke-width="2"/>
</marker>
</defs>
<style>
line,path {
stroke: black;
stroke-width: 2;
stroke-opacity: 1;
fill-opacity: 1;
stroke-linecap: round;
stroke-linejoin: miter;
}
line.dashed {
stroke-dasharray: 5;
}
circle.solid {
fill:black;
stroke: black;
stroke-width: 2;
stroke-opacity: 1;
fill-opacity: 1;
stroke-linecap: round;
stroke-linejoin: miter;
}
circle.open {
fill:none;
stroke: black;
stroke-width: 2;
stroke-opacity: 1;
fill-opacity: 1;
stroke-linecap: round;
stroke-linejoin: miter;
}
tspan.head{
fill: none;
stroke: none;
}
</style>
<rect fill="white" height="1232" width="792" x="0" y="0"/>
<g>
<line x1="0" x2="304" y1="326" y2="326"/>
</g>
<g>
<line x1="0" x2="304" y1="330" y2="330"/>
</g>
<g>
<line x1="40" x2="600" y1="608" y2="608"/>
</g>
<g>
<line x1="48" x2="88" y1="640" y2="640"/>
<line x1="88" x2="104" y1="640" y2="608"/>
</g>
<g>
<line x1="60" x2="60" y1="912" y2="928"/>
<line x1="60" x2="64" y1="928" y2="928"/>
<line x1="64" x2="60" y1="912" y2="912"/>
</g>
<g>
<line x1="124" x2="124" y1="60" y2="100"/>
<path d="M 124 100 A 4 4 0 0 0 128 104" fill="none"/>
<path d="M 128 56 A 4 4 0 0 0 124 60" fill="none"/>
</g>
<g>
<line x1="124" x2="124" y1="1148" y2="1188"/>
<path d="M 124 1188 A 4 4 0 0 0 128 1192" fill="none"/>
<path d="M 128 1144 A 4 4 0 0 0 124 1148" fill="none"/>
</g>
<g>
<line x1="128" x2="232" y1="56" y2="56"/>
<path d="M 236 60 A 4 4 0 0 0 232 56" fill="none"/>
</g>
<g>
<line x1="128" x2="180" y1="104" y2="104"/>
<line x1="180" x2="180" y1="104" y2="320"/>
<line x1="180" x2="232" y1="104" y2="104"/>
<path d="M 232 104 A 4 4 0 0 0 236 100" fill="none"/>
</g>
<g>
<line x1="128" x2="180" y1="1144" y2="1144"/>
<line x1="180" x2="232" y1="1144" y2="1144"/>
<path d="M 236 1148 A 4 4 0 0 0 232 1144" fill="none"/>
</g>
<g>
<line x1="128" x2="232" y1="1192" y2="1192"/>
<path d="M 232 1192 A 4 4 0 0 0 236 1188" fill="none"/>
</g>
<g>
<line marker-end="url(#triangle)" x1="180" x2="364" y1="136" y2="136"/>
</g>
<g>
<line x1="180" x2="180" y1="336" y2="592"/>
</g>
<g>
<line marker-end="url(#triangle)" x1="180" x2="492" y1="392" y2="392"/>
</g>
<g>
<line x1="180" x2="180" y1="624" y2="784"/>
</g>
<g>
<line marker-end="url(#triangle)" x1="180" x2="492" y1="728" y2="728"/>
</g>
<g>
<line x1="180" x2="180" y1="800" y2="896"/>
</g>
<g>
<line x1="180" x2="180" y1="912" y2="1120"/>
</g>
<g>
<line marker-end="url(#triangle)" x1="192" x2="188" y1="264" y2="264"/>
<line x1="192" x2="372" y1="264" y2="264"/>
</g>
<g>
<line marker-end="url(#triangle)" x1="192" x2="188" y1="568" y2="568"/>
<line class="dashed" fill="none" x1="192" x2="488" y1="568" y2="568"/>
</g>
<g>
<line marker-end="url(#triangle)" x1="192" x2="188" y1="776" y2="776"/>
<line class="dashed" fill="none" x1="192" x2="488" y1="776" y2="776"/>
</g>
<g>
<line marker-end="url(#triangle)" x1="192" x2="188" y1="840" y2="840"/>
<line class="dashed" fill="none" x1="192" x2="488" y1="840" y2="840"/>
</g>
<g>
<line marker-end="url(#triangle)" x1="192" x2="188" y1="888" y2="888"/>
<line x1="192" x2="500" y1="888" y2="888"/>
</g>
<g>
<line marker-end="url(#triangle)" x1="192" x2="188" y1="952" y2="952"/>
<line x1="192" x2="500" y1="952" y2="952"/>
</g>
<g>
<line marker-end="url(#triangle)" x1="192" x2="188" y1="1064" y2="1064"/>
<line x1="192" x2="500" y1="1064" y2="1064"/>
</g>
<g>
<line marker-end="url(#triangle)" x1="192" x2="188" y1="1112" y2="1112"/>
<line x1="192" x2="500" y1="1112" y2="1112"/>
</g>
<g>
<line x1="236" x2="236" y1="60" y2="100"/>
</g>
<g>
<line x1="236" x2="236" y1="1148" y2="1188"/>
</g>
<g>
<line x1="296" x2="488" y1="310" y2="310"/>
</g>
<g>
<line x1="296" x2="488" y1="314" y2="314"/>
</g>
<g>
<line x1="296" x2="488" y1="342" y2="342"/>
</g>
<g>
<line x1="296" x2="488" y1="346" y2="346"/>
</g>
<g>
<line x1="348" x2="348" y1="988" y2="1028"/>
<path d="M 348 1028 A 4 4 0 0 0 352 1032" fill="none"/>
<path d="M 352 984 A 4 4 0 0 0 348 988" fill="none"/>
</g>
<g>
<line x1="352" x2="504" y1="984" y2="984"/>
</g>
<g>
<line x1="352" x2="520" y1="1032" y2="1032"/>
<path d="M 520 1032 A 4 4 0 0 0 524 1028" fill="none"/>
</g>
<g>
<line x1="360" x2="368" y1="64" y2="48"/>
</g>
<g>
<line x1="360" x2="368" y1="96" y2="80"/>
<line x1="372" x2="368" y1="72" y2="80"/>
<line x1="372" x2="376" y1="72" y2="80"/>
<line x1="376" x2="384" y1="80" y2="96"/>
</g>
<g>
<line x1="360" x2="368" y1="1200" y2="1184"/>
</g>
<g>
<line x1="360" x2="368" y1="1232" y2="1216"/>
<line x1="372" x2="368" y1="1208" y2="1216"/>
<line x1="372" x2="376" y1="1208" y2="1216"/>
<line x1="376" x2="384" y1="1216" y2="1232"/>
</g>
<g>
<line x1="364" x2="364" y1="28" y2="36"/>
<path d="M 364 36 A 4 4 0 0 0 368 40" fill="none"/>
<path d="M 368 24 A 4 4 0 0 0 364 28" fill="none"/>
</g>
<g>
<line x1="364" x2="364" y1="1164" y2="1172"/>
<path d="M 364 1172 A 4 4 0 0 0 368 1176" fill="none"/>
<path d="M 368 1160 A 4 4 0 0 0 364 1164" fill="none"/>
</g>
<g>
<line x1="368" x2="376" y1="24" y2="24"/>
<path d="M 380 28 A 4 4 0 0 0 376 24" fill="none"/>
</g>
<g>
<line x1="368" x2="376" y1="40" y2="40"/>
<path d="M 376 40 A 4 4 0 0 0 380 36" fill="none"/>
</g>
<g>
<line x1="368" x2="372" y1="608" y2="608"/>
<line x1="372" x2="372" y1="608" y2="624"/>
<line x1="372" x2="376" y1="608" y2="608"/>
<line x1="372" x2="372" y1="624" y2="720"/>
</g>
<g>
<line x1="368" x2="376" y1="1160" y2="1160"/>
<path d="M 380 1164 A 4 4 0 0 0 376 1160" fill="none"/>
</g>
<g>
<line x1="368" x2="376" y1="1176" y2="1176"/>
<path d="M 376 1176 A 4 4 0 0 0 380 1172" fill="none"/>
</g>
<g>
<line x1="372" x2="372" y1="48" y2="64"/>
<line x1="372" x2="372" y1="64" y2="72"/>
</g>
<g>
<line x1="372" x2="372" y1="112" y2="304"/>
</g>
<g>
<line x1="372" x2="372" y1="352" y2="368"/>
</g>
<g>
<line x1="372" x2="372" y1="400" y2="468"/>
<path d="M 372 468 A 4 4 0 0 0 376 472" fill="none"/>
</g>
<g>
<line x1="372" x2="372" y1="480" y2="560"/>
</g>
<g>
<line x1="372" x2="372" y1="576" y2="592"/>
</g>
<g>
<line x1="372" x2="372" y1="736" y2="768"/>
</g>
<g>
<line x1="372" x2="372" y1="800" y2="832"/>
</g>
<g>
<line x1="372" x2="372" y1="848" y2="880"/>
</g>
<g>
<line x1="372" x2="372" y1="912" y2="944"/>
</g>
<g>
<line x1="372" x2="372" y1="960" y2="976"/>
</g>
<g>
<line x1="372" x2="372" y1="1040" y2="1056"/>
</g>
<g>
<line x1="372" x2="372" y1="1072" y2="1104"/>
</g>
<g>
<line x1="372" x2="372" y1="1184" y2="1200"/>
<line x1="372" x2="372" y1="1200" y2="1208"/>
</g>
<g>
<line x1="376" x2="384" y1="48" y2="64"/>
</g>
<g>
<line x1="376" x2="472" y1="424" y2="424"/>
</g>
<g>
<line x1="376" x2="488" y1="472" y2="472"/>
<path d="M 488 472 A 4 4 0 0 0 492 468" fill="none"/>
</g>
<g>
<line x1="376" x2="384" y1="1184" y2="1200"/>
</g>
<g>
<line x1="380" x2="380" y1="28" y2="36"/>
</g>
<g>
<line x1="380" x2="380" y1="1164" y2="1172"/>
</g>
<g>
<line x1="388" x2="388" y1="172" y2="196"/>
<path d="M 388 196 A 4 4 0 0 0 392 200" fill="none"/>
<path d="M 392 168 A 4 4 0 0 0 388 172" fill="none"/>
</g>
<g>
<line x1="388" x2="388" y1="220" y2="276"/>
<path d="M 388 276 A 4 4 0 0 0 392 280" fill="none"/>
<path d="M 392 216 A 4 4 0 0 0 388 220" fill="none"/>
</g>
<g>
<line x1="392" x2="504" y1="168" y2="168"/>
</g>
<g>
<line x1="392" x2="520" y1="200" y2="200"/>
<path d="M 520 200 A 4 4 0 0 0 522 196" fill="none"/>
</g>
<g>
<line x1="392" x2="520" y1="216" y2="216"/>
</g>
<g>
<line x1="392" x2="536" y1="280" y2="280"/>
<path d="M 536 280 A 4 4 0 0 0 540 276" fill="none"/>
</g>
<g>
<line x1="476" x2="476" y1="432" y2="448"/>
<line x1="476" x2="492" y1="448" y2="448"/>
<line x1="492" x2="492" y1="440" y2="448"/>
<line x1="492" x2="492" y1="448" y2="464"/>
<line x1="492" x2="492" y1="468" y2="464"/>
<line class="dashed" fill="none" x1="476" x2="476" y1="416" y2="432"/>
</g>
<g>
<line x1="480" x2="792" y1="326" y2="326"/>
</g>
<g>
<line x1="480" x2="792" y1="330" y2="330"/>
</g>
<g>
<line x1="480" x2="496" y1="448" y2="448"/>
<line x1="488" x2="496" y1="432" y2="448"/>
</g>
<g>
<line x1="484" x2="484" y1="76" y2="100"/>
<path d="M 484 100 A 4 4 0 0 0 488 104" fill="none"/>
<path d="M 488 72 A 4 4 0 0 0 484 76" fill="none"/>
</g>
<g>
<line x1="484" x2="484" y1="1148" y2="1172"/>
<path d="M 484 1172 A 4 4 0 0 0 488 1176" fill="none"/>
<path d="M 488 1144 A 4 4 0 0 0 484 1148" fill="none"/>
</g>
<g>
<line x1="486" x2="492" y1="428" y2="440"/>
</g>
<g>
<line x1="488" x2="520" y1="72" y2="72"/>
<path d="M 524 76 A 4 4 0 0 0 520 72" fill="none"/>
</g>
<g>
<line x1="488" x2="500" y1="104" y2="104"/>
<line x1="500" x2="500" y1="104" y2="160"/>
<line x1="500" x2="520" y1="104" y2="104"/>
<path d="M 520 104 A 4 4 0 0 0 524 100" fill="none"/>
</g>
<g>
<line x1="488" x2="500" y1="1144" y2="1144"/>
<line x1="500" x2="520" y1="1144" y2="1144"/>
<path d="M 524 1148 A 4 4 0 0 0 520 1144" fill="none"/>
</g>
<g>
<line x1="488" x2="520" y1="1176" y2="1176"/>
<path d="M 520 1176 A 4 4 0 0 0 524 1172" fill="none"/>
</g>
<g>
<line x1="496" x2="500" y1="608" y2="608"/>
<line x1="500" x2="500" y1="608" y2="624"/>
<line x1="500" x2="504" y1="608" y2="608"/>
<line x1="500" x2="500" y1="624" y2="784"/>
</g>
<g>
<line x1="500" x2="500" y1="288" y2="320"/>
</g>
<g>
<line x1="500" x2="500" y1="336" y2="592"/>
</g>
<g>
<line x1="500" x2="536" y1="424" y2="424"/>
<path d="M 540 428 A 4 4 0 0 0 536 424" fill="none"/>
</g>
<g>
<line x1="500" x2="512" y1="488" y2="488"/>
</g>
<g>
<line x1="500" x2="500" y1="800" y2="896"/>
</g>
<g>
<line x1="500" x2="500" y1="912" y2="976"/>
</g>
<g>
<line x1="500" x2="500" y1="1040" y2="1120"/>
</g>
<g>
<line x1="508" x2="508" y1="176" y2="192"/>
<line x1="520" x2="508" y1="192" y2="192"/>
<line x1="522" x2="520" y1="196" y2="192"/>
<line class="dashed" fill="none" x1="508" x2="508" y1="160" y2="176"/>
</g>
<g>
<line x1="508" x2="508" y1="992" y2="1008"/>
<line x1="508" x2="524" y1="1008" y2="1008"/>
<line x1="524" x2="524" y1="1000" y2="1008"/>
<line x1="524" x2="524" y1="1008" y2="1024"/>
<line x1="524" x2="524" y1="1028" y2="1024"/>
<line class="dashed" fill="none" x1="508" x2="508" y1="976" y2="992"/>
</g>
<g>
<line x1="512" x2="528" y1="192" y2="192"/>
<line x1="518" x2="528" y1="172" y2="192"/>
</g>
<g>
<line marker-end="url(#triangle)" x1="512" x2="508" y1="456" y2="456"/>
<line x1="512" x2="536" y1="456" y2="456"/>
<path d="M 536 456 A 4 4 0 0 0 540 452" fill="none"/>
</g>
<g>
<line x1="512" x2="528" y1="1008" y2="1008"/>
<line x1="520" x2="528" y1="992" y2="1008"/>
</g>
<g>
<line x1="518" x2="524" y1="988" y2="1000"/>
</g>
<g>
<line x1="520" x2="528" y1="488" y2="488"/>
</g>
<g>
<line x1="520" x2="528" y1="520" y2="520"/>
</g>
<g>
<line x1="524" x2="524" y1="76" y2="100"/>
</g>
<g>
<line x1="524" x2="524" y1="224" y2="240"/>
<line x1="524" x2="540" y1="240" y2="240"/>
<line x1="540" x2="540" y1="232" y2="240"/>
<line x1="540" x2="540" y1="240" y2="256"/>
<line x1="540" x2="540" y1="256" y2="276"/>
<line class="dashed" fill="none" x1="524" x2="524" y1="208" y2="224"/>
</g>
<g>
<line x1="524" x2="524" y1="1148" y2="1172"/>
</g>
<g>
<line x1="528" x2="544" y1="240" y2="240"/>
<line x1="536" x2="544" y1="224" y2="240"/>
</g>
<g>
<line x1="534" x2="540" y1="220" y2="232"/>
</g>
<g>
<line x1="540" x2="540" y1="428" y2="452"/>
</g>
<g>
<line x1="540" x2="540" y1="492" y2="516"/>
</g>
<g>
<line class="dashed" fill="none" x1="44" x2="44" y1="608" y2="1136"/>
</g>
<g>
<line class="dashed" fill="none" x1="48" x2="600" y1="792" y2="792"/>
</g>
<g>
<line class="dashed" fill="none" x1="48" x2="600" y1="904" y2="904"/>
</g>
<g>
<line class="dashed" fill="none" x1="48" x2="600" y1="1128" y2="1128"/>
</g>
<g>
<line class="dashed" fill="none" x1="604" x2="604" y1="608" y2="624"/>
<line class="dashed" fill="none" x1="604" x2="604" y1="624" y2="1136"/>
</g>
<g>
<text x="57" y="620">
OPT
</text>
</g>
<g>
<text x="65" y="924">
other]
</text>
</g>
<g>
<text x="121" y="620">
dummy
</text>
</g>
<g>
<text x="129" y="76">
Bob
</text>
</g>
<g>
<text x="129" y="92">
several
</text>
</g>
<g>
<text x="129" y="1164">
Bob
</text>
</g>
<g>
<text x="129" y="1180">
several
</text>
</g>
<g>
<text x="161" y="76">
on
</text>
</g>
<g>
<text x="161" y="1164">
on
</text>
</g>
<g>
<text x="169" y="620">
comment
</text>
</g>
<g>
<text x="185" y="220">
Is
</text>
</g>
<g>
<text x="185" y="236">
with
</text>
</g>
<g>
<text x="185" y="252">
on
</text>
</g>
<g>
<text x="193" y="92">
lines
</text>
</g>
<g>
<text x="193" y="1180">
lines
</text>
</g>
<g>
<text x="209" y="220">
it
</text>
</g>
<g>
<text x="209" y="252">
several
</text>
</g>
<g>
<text x="225" y="236">
a
</text>
</g>
<g>
<text x="233" y="220">
ok
</text>
</g>
<g>
<text x="241" y="236">
message
</text>
</g>
<g>
<text x="249" y="124">
hello
</text>
</g>
<g>
<text x="273" y="252">
lines?
</text>
</g>
<g>
<text x="281" y="380">
Yes
</text>
</g>
<g>
<text x="305" y="236">
that
</text>
</g>
<g>
<text x="305" y="668">
Error
</text>
</g>
<g>
<text x="305" y="684">
On
</text>
</g>
<g>
<text x="305" y="700">
Several
</text>
</g>
<g>
<text x="305" y="716">
Line
</text>
</g>
<g>
<text x="313" y="332">
This
</text>
</g>
<g>
<text x="313" y="380">
it
</text>
</g>
<g>
<text x="321" y="556">
done
</text>
</g>
<g>
<text x="321" y="764">
None
</text>
</g>
<g>
<text x="321" y="828">
None
</text>
</g>
<g>
<text x="321" y="876">
None
</text>
</g>
<g>
<text x="321" y="940">
None
</text>
</g>
<g>
<text x="321" y="1052">
None
</text>
</g>
<g>
<text x="321" y="1100">
None
</text>
</g>
<g>
<text x="337" y="380">
works!
</text>
</g>
<g>
<text x="345" y="236">
is
</text>
</g>
<g>
<text x="353" y="108">
Alice
</text>
</g>
<g>
<text x="353" y="332">
is
</text>
</g>
<g>
<text x="353" y="1004">
This
</text>
</g>
<g>
<text x="353" y="1020">
over
</text>
</g>
<g>
<text x="353" y="1148">
Alice
</text>
</g>
<g>
<text x="377" y="332">
a
</text>
</g>
<g>
<text x="377" y="444">
this
</text>
</g>
<g>
<text x="377" y="460">
another
</text>
</g>
<g>
<text x="393" y="188">
this
</text>
</g>
<g>
<text x="393" y="236">
This
</text>
</g>
<g>
<text x="393" y="252">
should
</text>
</g>
<g>
<text x="393" y="268">
on
</text>
</g>
<g>
<text x="393" y="332">
separation
</text>
</g>
<g>
<text x="393" y="1004">
is
</text>
</g>
<g>
<text x="393" y="1020">
Alice
</text>
</g>
<g>
<text x="417" y="268">
several
</text>
</g>
<g>
<text x="417" y="444">
is
</text>
</g>
<g>
<text x="417" y="1004">
a
</text>
</g>
<g>
<text x="433" y="188">
is
</text>
</g>
<g>
<text x="433" y="236">
other
</text>
</g>
<g>
<text x="433" y="1004">
long
</text>
</g>
<g>
<text x="441" y="460">
note
</text>
</g>
<g>
<text x="441" y="1020">
and
</text>
</g>
<g>
<text x="449" y="252">
work
</text>
</g>
<g>
<text x="457" y="188">
a
</text>
</g>
<g>
<text x="473" y="188">
note
</text>
</g>
<g>
<text x="473" y="1004">
note
</text>
</g>
<g>
<text x="473" y="1020">
Last
</text>
</g>
<g>
<text x="481" y="236">
note
</text>
</g>
<g>
<text x="481" y="268">
lines
</text>
</g>
<g>
<text x="489" y="92">
Last
</text>
</g>
<g>
<text x="489" y="1164">
Last
</text>
</g>
<g>
<text x="505" y="524">
<
</text>
</g>
<g>
<text x="553" y="444">
working
</text>
</g>
<g>
<text x="553" y="508">
working
</text>
</g>
<g>
<text x="617" y="444">
in
</text>
</g>
<g>
<text x="617" y="508">
in
</text>
</g>
<g>
<text x="641" y="444">
progress
</text>
</g>
<g>
<text x="641" y="508">
progress
</text>
</g>
</svg></div>
<p>Same example using Unicode</p>
<div class='bob_container' style='width:792px;height:1248px;'><svg class="bob" font-family="arial" font-size="14" height="1248" width="792" xmlns="http://www.w3.org/2000/svg">
<defs>
<marker id="triangle" markerHeight="8" markerWidth="8" orient="auto" refX="4" refY="2" viewBox="0 0 8 4">
<polygon fill="black" points="0,0 0,4 8,2 0,0"/>
</marker>
<marker id="clear_triangle" markerHeight="10" markerWidth="10" orient="auto" refX="1" refY="7" viewBox="0 0 20 14">
<polygon fill="none" points="2,2 2,12 18,7 2,2" stroke="black" stroke-width="2"/>
</marker>
<marker id="circle" markerHeight="5" markerWidth="5" orient="auto" refX="10" refY="10" viewBox="0 0 20 20">
<circle cx="10" cy="10" fill="black" r="8"/>
</marker>
<marker id="square" markerHeight="5" markerWidth="5" orient="auto" refX="10" refY="10" viewBox="0 0 20 20">
<rect fill="black" height="20" width="20" x="0" y="0"/>
</marker>
<marker id="open_circle" markerHeight="10" markerWidth="10" orient="auto" refX="10" refY="10" viewBox="0 0 20 20">
<circle cx="10" cy="10" fill="white" r="4" stroke="black" stroke-width="2"/>
</marker>
<marker id="big_open_circle" markerHeight="20" markerWidth="20" orient="auto" refX="20" refY="20" viewBox="0 0 40 40">
<circle cx="20" cy="20" fill="white" r="6" stroke="black" stroke-width="2"/>
</marker>
</defs>
<style>
line,path {
stroke: black;
stroke-width: 2;
stroke-opacity: 1;
fill-opacity: 1;
stroke-linecap: round;
stroke-linejoin: miter;
}
line.dashed {
stroke-dasharray: 5;
}
circle.solid {
fill:black;
stroke: black;
stroke-width: 2;
stroke-opacity: 1;
fill-opacity: 1;
stroke-linecap: round;
stroke-linejoin: miter;
}
circle.open {
fill:none;
stroke: black;
stroke-width: 2;
stroke-opacity: 1;
fill-opacity: 1;
stroke-linecap: round;
stroke-linejoin: miter;
}
tspan.head{
fill: none;
stroke: none;
}
</style>
<rect fill="white" height="1248" width="792" x="0" y="0"/>
<g>
<line x1="0" x2="298" y1="328" y2="328"/>
<line x1="298" x2="298" y1="312" y2="328"/>
<line x1="298" x2="486" y1="312" y2="312"/>
<line x1="486" x2="486" y1="312" y2="328"/>
<line x1="486" x2="792" y1="328" y2="328"/>
</g>
<g>
<line x1="0" x2="298" y1="332" y2="332"/>
<line x1="298" x2="298" y1="332" y2="348"/>
<line x1="298" x2="486" y1="348" y2="348"/>
<line x1="486" x2="486" y1="332" y2="348"/>
<line x1="486" x2="792" y1="332" y2="332"/>
</g>
<g>
<line x1="42" x2="42" y1="600" y2="1132"/>
<line x1="42" x2="606" y1="600" y2="600"/>
<line x1="42" x2="42" y1="608" y2="1132"/>
<line x1="42" x2="42" y1="640" y2="1132"/>
<line x1="42" x2="42" y1="656" y2="1132"/>
<line x1="42" x2="42" y1="672" y2="1132"/>
<line x1="42" x2="42" y1="688" y2="1132"/>
<line x1="42" x2="42" y1="704" y2="1132"/>
<line x1="42" x2="42" y1="720" y2="1132"/>
<line x1="42" x2="42" y1="736" y2="1132"/>
<line x1="42" x2="42" y1="752" y2="1132"/>
<line x1="42" x2="42" y1="768" y2="1132"/>
<line x1="42" x2="42" y1="800" y2="1132"/>
<line x1="42" x2="42" y1="816" y2="1132"/>
<line x1="42" x2="42" y1="832" y2="1132"/>
<line x1="42" x2="42" y1="848" y2="1132"/>
<line x1="42" x2="42" y1="864" y2="1132"/>
<line x1="42" x2="42" y1="880" y2="1132"/>
<line x1="42" x2="42" y1="912" y2="1132"/>
<line x1="42" x2="42" y1="928" y2="1132"/>
<line x1="42" x2="42" y1="944" y2="1132"/>
<line x1="42" x2="42" y1="960" y2="1132"/>
<line x1="42" x2="42" y1="976" y2="1132"/>
<line x1="42" x2="42" y1="992" y2="1132"/>
<line x1="42" x2="42" y1="1008" y2="1132"/>
<line x1="42" x2="42" y1="1024" y2="1132"/>
<line x1="42" x2="42" y1="1040" y2="1132"/>
<line x1="42" x2="42" y1="1056" y2="1132"/>
<line x1="42" x2="42" y1="1072" y2="1132"/>
<line x1="42" x2="42" y1="1088" y2="1132"/>
<line x1="42" x2="42" y1="1104" y2="1132"/>
<line x1="42" x2="606" y1="1132" y2="1132"/>
<line x1="606" x2="606" y1="600" y2="1132"/>
<line x1="606" x2="606" y1="608" y2="1132"/>
<line x1="606" x2="606" y1="624" y2="1132"/>
<line x1="606" x2="606" y1="640" y2="1132"/>
<line x1="606" x2="606" y1="656" y2="1132"/>
<line x1="606" x2="606" y1="672" y2="1132"/>
<line x1="606" x2="606" y1="688" y2="1132"/>
<line x1="606" x2="606" y1="704" y2="1132"/>
<line x1="606" x2="606" y1="720" y2="1132"/>
<line x1="606" x2="606" y1="736" y2="1132"/>
<line x1="606" x2="606" y1="752" y2="1132"/>
<line x1="606" x2="606" y1="768" y2="1132"/>
<line x1="606" x2="606" y1="800" y2="1132"/>
<line x1="606" x2="606" y1="816" y2="1132"/>
<line x1="606" x2="606" y1="832" y2="1132"/>
<line x1="606" x2="606" y1="848" y2="1132"/>
<line x1="606" x2="606" y1="864" y2="1132"/>
<line x1="606" x2="606" y1="880" y2="1132"/>
<line x1="606" x2="606" y1="912" y2="1132"/>
<line x1="606" x2="606" y1="928" y2="1132"/>
<line x1="606" x2="606" y1="944" y2="1132"/>
<line x1="606" x2="606" y1="960" y2="1132"/>
<line x1="606" x2="606" y1="976" y2="1132"/>
<line x1="606" x2="606" y1="992" y2="1132"/>
<line x1="606" x2="606" y1="1008" y2="1132"/>
<line x1="606" x2="606" y1="1024" y2="1132"/>
<line x1="606" x2="606" y1="1040" y2="1132"/>
<line x1="606" x2="606" y1="1056" y2="1132"/>
<line x1="606" x2="606" y1="1072" y2="1132"/>
<line x1="606" x2="606" y1="1088" y2="1132"/>
<line x1="606" x2="606" y1="1132" y2="1104"/>
</g>
<g>
<line x1="46" x2="46" y1="604" y2="792"/>
<line x1="46" x2="602" y1="604" y2="604"/>
<line x1="46" x2="46" y1="608" y2="792"/>
<line x1="46" x2="46" y1="640" y2="792"/>
<line x1="46" x2="46" y1="656" y2="792"/>
<line x1="46" x2="46" y1="672" y2="792"/>
<line x1="46" x2="46" y1="688" y2="792"/>
<line x1="46" x2="46" y1="704" y2="792"/>
<line x1="46" x2="46" y1="720" y2="792"/>
<line x1="46" x2="46" y1="736" y2="792"/>
<line x1="46" x2="46" y1="752" y2="792"/>
<line x1="46" x2="46" y1="768" y2="792"/>
<line x1="46" x2="602" y1="792" y2="792"/>
<line x1="602" x2="602" y1="604" y2="792"/>
<line x1="602" x2="602" y1="608" y2="792"/>
<line x1="602" x2="602" y1="624" y2="792"/>
<line x1="602" x2="602" y1="640" y2="792"/>
<line x1="602" x2="602" y1="656" y2="792"/>
<line x1="602" x2="602" y1="672" y2="792"/>
<line x1="602" x2="602" y1="688" y2="792"/>
<line x1="602" x2="602" y1="704" y2="792"/>
<line x1="602" x2="602" y1="720" y2="792"/>
<line x1="602" x2="602" y1="736" y2="792"/>
<line x1="602" x2="602" y1="752" y2="792"/>
<line x1="602" x2="602" y1="768" y2="792"/>
</g>
<g>
<line x1="46" x2="100" y1="632" y2="632"/>
<line x1="100" x2="100" y1="604" y2="632"/>
</g>
<g>
<line x1="46" x2="46" y1="796" y2="904"/>
<line x1="46" x2="602" y1="796" y2="796"/>
<line x1="46" x2="46" y1="800" y2="904"/>
<line x1="46" x2="46" y1="816" y2="904"/>
<line x1="46" x2="46" y1="832" y2="904"/>
<line x1="46" x2="46" y1="848" y2="904"/>
<line x1="46" x2="46" y1="864" y2="904"/>
<line x1="46" x2="46" y1="880" y2="904"/>
<line x1="46" x2="602" y1="904" y2="904"/>
<line x1="602" x2="602" y1="796" y2="904"/>
<line x1="602" x2="602" y1="800" y2="904"/>
<line x1="602" x2="602" y1="816" y2="904"/>
<line x1="602" x2="602" y1="832" y2="904"/>
<line x1="602" x2="602" y1="848" y2="904"/>
<line x1="602" x2="602" y1="864" y2="904"/>
<line x1="602" x2="602" y1="880" y2="904"/>
</g>
<g>
<line x1="46" x2="46" y1="908" y2="1128"/>
<line x1="46" x2="602" y1="908" y2="908"/>
<line x1="46" x2="46" y1="912" y2="1128"/>
<line x1="46" x2="46" y1="928" y2="1128"/>
<line x1="46" x2="46" y1="944" y2="1128"/>
<line x1="46" x2="46" y1="960" y2="1128"/>
<line x1="46" x2="46" y1="976" y2="1128"/>
<line x1="46" x2="46" y1="992" y2="1128"/>
<line x1="46" x2="46" y1="1008" y2="1128"/>
<line x1="46" x2="46" y1="1024" y2="1128"/>
<line x1="46" x2="46" y1="1040" y2="1128"/>
<line x1="46" x2="46" y1="1056" y2="1128"/>
<line x1="46" x2="46" y1="1072" y2="1128"/>
<line x1="46" x2="46" y1="1088" y2="1128"/>
<line x1="46" x2="46" y1="1104" y2="1128"/>
<line x1="46" x2="602" y1="1128" y2="1128"/>
<line x1="602" x2="602" y1="908" y2="1128"/>
<line x1="602" x2="602" y1="912" y2="1128"/>
<line x1="602" x2="602" y1="928" y2="1128"/>
<line x1="602" x2="602" y1="944" y2="1128"/>
<line x1="602" x2="602" y1="960" y2="1128"/>
<line x1="602" x2="602" y1="976" y2="1128"/>
<line x1="602" x2="602" y1="992" y2="1128"/>
<line x1="602" x2="602" y1="1008" y2="1128"/>
<line x1="602" x2="602" y1="1024" y2="1128"/>
<line x1="602" x2="602" y1="1040" y2="1128"/>
<line x1="602" x2="602" y1="1056" y2="1128"/>
<line x1="602" x2="602" y1="1072" y2="1128"/>
<line x1="602" x2="602" y1="1088" y2="1128"/>
<line x1="602" x2="602" y1="1128" y2="1104"/>
</g>
<g>
<line x1="60" x2="60" y1="912" y2="928"/>
<line x1="60" x2="64" y1="928" y2="928"/>
<line x1="64" x2="60" y1="912" y2="912"/>
</g>
<g>
<line x1="124" x2="124" y1="56" y2="104"/>
<line x1="124" x2="236" y1="56" y2="56"/>
<line x1="124" x2="180" y1="104" y2="104"/>
<line x1="180" x2="180" y1="104" y2="608"/>
<line x1="180" x2="236" y1="104" y2="104"/>
<line x1="236" x2="236" y1="56" y2="104"/>
</g>
<g>
<line x1="124" x2="124" y1="1144" y2="1192"/>
<line x1="124" x2="180" y1="1144" y2="1144"/>
<line x1="124" x2="236" y1="1192" y2="1192"/>
<line x1="180" x2="180" y1="624" y2="1144"/>
<line x1="180" x2="236" y1="1144" y2="1144"/>
<line x1="236" x2="236" y1="1144" y2="1192"/>
</g>
<g>
<line marker-end="url(#triangle)" x1="184" x2="364" y1="136" y2="136"/>
</g>
<g>
<line marker-end="url(#triangle)" x1="184" x2="492" y1="392" y2="392"/>
</g>
<g>
<line marker-end="url(#triangle)" x1="184" x2="492" y1="728" y2="728"/>
</g>
<g>
<line marker-end="url(#triangle)" x1="192" x2="188" y1="264" y2="264"/>
<line x1="192" x2="368" y1="264" y2="264"/>
</g>
<g>
<line marker-end="url(#triangle)" x1="192" x2="188" y1="568" y2="568"/>
<line x1="192" x2="200" y1="568" y2="568"/>
</g>
<g>
<line marker-end="url(#triangle)" x1="192" x2="188" y1="776" y2="776"/>
<line x1="192" x2="200" y1="776" y2="776"/>
</g>
<g>
<line marker-end="url(#triangle)" x1="192" x2="188" y1="840" y2="840"/>
<line x1="192" x2="200" y1="840" y2="840"/>
</g>
<g>
<line marker-end="url(#triangle)" x1="192" x2="188" y1="888" y2="888"/>
<line x1="192" x2="496" y1="888" y2="888"/>
</g>
<g>
<line marker-end="url(#triangle)" x1="192" x2="188" y1="952" y2="952"/>
<line x1="192" x2="496" y1="952" y2="952"/>
</g>
<g>
<line marker-end="url(#triangle)" x1="192" x2="188" y1="1064" y2="1064"/>
<line x1="192" x2="496" y1="1064" y2="1064"/>
</g>
<g>
<line marker-end="url(#triangle)" x1="192" x2="188" y1="1112" y2="1112"/>
<line x1="192" x2="496" y1="1112" y2="1112"/>
</g>
<g>
<line x1="208" x2="216" y1="568" y2="568"/>
</g>
<g>
<line x1="208" x2="216" y1="776" y2="776"/>
</g>
<g>
<line x1="208" x2="216" y1="840" y2="840"/>
</g>
<g>
<line x1="224" x2="232" y1="568" y2="568"/>
</g>
<g>
<line x1="224" x2="232" y1="776" y2="776"/>
</g>
<g>
<line x1="224" x2="232" y1="840" y2="840"/>
</g>
<g>
<line x1="240" x2="248" y1="568" y2="568"/>
</g>
<g>
<line x1="240" x2="248" y1="776" y2="776"/>
</g>
<g>
<line x1="240" x2="248" y1="840" y2="840"/>
</g>
<g>
<line x1="256" x2="264" y1="568" y2="568"/>
</g>
<g>
<line x1="256" x2="264" y1="776" y2="776"/>
</g>
<g>
<line x1="256" x2="264" y1="840" y2="840"/>
</g>
<g>
<line x1="272" x2="280" y1="568" y2="568"/>
</g>
<g>
<line x1="272" x2="280" y1="776" y2="776"/>
</g>
<g>
<line x1="272" x2="280" y1="840" y2="840"/>
</g>
<g>
<line x1="288" x2="296" y1="568" y2="568"/>
</g>
<g>
<line x1="288" x2="296" y1="776" y2="776"/>
</g>
<g>
<line x1="288" x2="296" y1="840" y2="840"/>
</g>
<g>
<line x1="302" x2="302" y1="316" y2="344"/>
<line x1="302" x2="482" y1="316" y2="316"/>
<line x1="302" x2="482" y1="344" y2="344"/>
<line x1="482" x2="482" y1="316" y2="344"/>
</g>
<g>
<line x1="304" x2="312" y1="568" y2="568"/>
</g>
<g>
<line x1="304" x2="312" y1="776" y2="776"/>
</g>
<g>
<line x1="304" x2="312" y1="840" y2="840"/>
</g>
<g>
<line x1="320" x2="328" y1="568" y2="568"/>
</g>
<g>
<line x1="320" x2="328" y1="776" y2="776"/>
</g>
<g>
<line x1="320" x2="328" y1="840" y2="840"/>
</g>
<g>
<line x1="336" x2="344" y1="568" y2="568"/>
</g>
<g>
<line x1="336" x2="344" y1="776" y2="776"/>
</g>
<g>
<line x1="336" x2="344" y1="840" y2="840"/>
</g>
<g>
<line x1="346" x2="346" y1="984" y2="1036"/>
<line x1="346" x2="526" y1="984" y2="984"/>
<line x1="346" x2="346" y1="992" y2="1036"/>
<line x1="346" x2="346" y1="1008" y2="1036"/>
<line x1="346" x2="526" y1="1036" y2="1036"/>
<line x1="526" x2="526" y1="984" y2="1036"/>
<line x1="526" x2="526" y1="992" y2="1036"/>
<line x1="526" x2="526" y1="1036" y2="1008"/>
</g>
<g>
<line x1="350" x2="350" y1="988" y2="1032"/>
<line x1="350" x2="522" y1="988" y2="988"/>
<line x1="350" x2="350" y1="992" y2="1032"/>
<line x1="350" x2="350" y1="1008" y2="1032"/>
<line x1="350" x2="522" y1="1032" y2="1032"/>
<line x1="522" x2="522" y1="988" y2="1032"/>
<line x1="522" x2="522" y1="992" y2="1032"/>
<line x1="522" x2="522" y1="1032" y2="1008"/>
</g>
<g>
<line x1="352" x2="360" y1="568" y2="568"/>
</g>
<g>
<line x1="352" x2="360" y1="776" y2="776"/>
</g>
<g>
<line x1="352" x2="360" y1="840" y2="840"/>
</g>
<g>
<line x1="362" x2="362" y1="16" y2="32"/>
<line x1="362" x2="362" y1="32" y2="16"/>
</g>
<g>
<line x1="362" x2="362" y1="1168" y2="1184"/>
<line x1="362" x2="362" y1="1184" y2="1168"/>
</g>
<g>
<line x1="364" x2="364" y1="8" y2="16"/>
<line x1="364" x2="380" y1="8" y2="8"/>
<line x1="380" x2="380" y1="8" y2="40"/>
</g>
<g>
<line x1="364" x2="364" y1="40" y2="32"/>
<line x1="364" x2="372" y1="40" y2="40"/>
<line x1="372" x2="372" y1="40" y2="56"/>
<line x1="372" x2="380" y1="40" y2="40"/>
<line x1="372" x2="372" y1="56" y2="88"/>
<line x1="372" x2="380" y1="56" y2="56"/>
<line x1="372" x2="380" y1="88" y2="88"/>
<line x1="380" x2="380" y1="56" y2="64"/>
<line x1="380" x2="380" y1="88" y2="96"/>
</g>
<g>
<line x1="364" x2="364" y1="56" y2="64"/>
<line x1="364" x2="372" y1="56" y2="56"/>
</g>
<g>
<line x1="364" x2="364" y1="88" y2="96"/>
<line x1="364" x2="372" y1="88" y2="88"/>
</g>
<g>
<line x1="364" x2="364" y1="1160" y2="1168"/>
<line x1="364" x2="380" y1="1160" y2="1160"/>
<line x1="380" x2="380" y1="1160" y2="1192"/>
</g>
<g>
<line x1="364" x2="364" y1="1192" y2="1184"/>
<line x1="364" x2="372" y1="1192" y2="1192"/>
<line x1="372" x2="372" y1="1192" y2="1208"/>
<line x1="372" x2="380" y1="1192" y2="1192"/>
<line x1="372" x2="372" y1="1208" y2="1240"/>
<line x1="372" x2="380" y1="1208" y2="1208"/>
<line x1="372" x2="380" y1="1240" y2="1240"/>
<line x1="380" x2="380" y1="1208" y2="1216"/>
<line x1="380" x2="380" y1="1240" y2="1248"/>
</g>
<g>
<line x1="364" x2="364" y1="1208" y2="1216"/>
<line x1="364" x2="372" y1="1208" y2="1208"/>
</g>
<g>
<line x1="364" x2="364" y1="1240" y2="1248"/>
<line x1="364" x2="372" y1="1240" y2="1240"/>
</g>
<g>
<line x1="366" x2="366" y1="16" y2="32"/>
<line x1="366" x2="366" y1="32" y2="16"/>
</g>
<g>
<line x1="366" x2="366" y1="1168" y2="1184"/>
<line x1="366" x2="366" y1="1184" y2="1168"/>
</g>
<g>
<line x1="368" x2="376" y1="568" y2="568"/>
</g>
<g>
<line x1="368" x2="376" y1="776" y2="776"/>
</g>
<g>
<line x1="368" x2="376" y1="840" y2="840"/>
</g>
<g>
<line x1="370" x2="370" y1="424" y2="476"/>
<line x1="370" x2="494" y1="424" y2="424"/>
<line x1="370" x2="370" y1="432" y2="476"/>
<line x1="370" x2="370" y1="448" y2="476"/>
<line x1="370" x2="494" y1="476" y2="476"/>
<line x1="494" x2="494" y1="424" y2="476"/>
<line x1="494" x2="494" y1="432" y2="476"/>
<line x1="494" x2="494" y1="476" y2="448"/>
</g>
<g>
<line x1="372" x2="372" y1="112" y2="312"/>
</g>
<g>
<line x1="372" x2="372" y1="348" y2="368"/>
</g>
<g>
<line x1="372" x2="372" y1="400" y2="416"/>
</g>
<g>
<line x1="372" x2="372" y1="480" y2="560"/>
</g>
<g>
<line x1="372" x2="372" y1="576" y2="720"/>
</g>
<g>
<line x1="372" x2="372" y1="736" y2="768"/>
</g>
<g>
<line x1="372" x2="372" y1="784" y2="832"/>
</g>
<g>
<line x1="372" x2="372" y1="848" y2="880"/>
</g>
<g>
<line x1="372" x2="372" y1="896" y2="944"/>
</g>
<g>
<line x1="372" x2="372" y1="960" y2="984"/>
</g>
<g>
<line x1="372" x2="372" y1="1036" y2="1056"/>
</g>
<g>
<line x1="372" x2="372" y1="1072" y2="1104"/>
</g>
<g>
<line x1="372" x2="372" y1="1120" y2="1136"/>
</g>
<g>
<line x1="374" x2="374" y1="428" y2="472"/>
<line x1="374" x2="490" y1="428" y2="428"/>
<line x1="374" x2="374" y1="432" y2="472"/>
<line x1="374" x2="374" y1="448" y2="472"/>
<line x1="374" x2="490" y1="472" y2="472"/>
<line x1="490" x2="490" y1="428" y2="472"/>
<line x1="490" x2="490" y1="432" y2="472"/>
<line x1="490" x2="490" y1="472" y2="448"/>
</g>
<g>
<line x1="384" x2="392" y1="568" y2="568"/>
</g>
<g>
<line x1="384" x2="392" y1="776" y2="776"/>
</g>
<g>
<line x1="384" x2="392" y1="840" y2="840"/>
</g>
<g>
<line x1="386" x2="386" y1="168" y2="204"/>
<line x1="386" x2="526" y1="168" y2="168"/>
<line x1="386" x2="386" y1="176" y2="204"/>
<line x1="386" x2="526" y1="204" y2="204"/>
<line x1="526" x2="526" y1="168" y2="204"/>
<line x1="526" x2="526" y1="204" y2="176"/>
</g>
<g>
<line x1="386" x2="386" y1="216" y2="284"/>
<line x1="386" x2="542" y1="216" y2="216"/>
<line x1="386" x2="386" y1="224" y2="284"/>
<line x1="386" x2="386" y1="240" y2="284"/>
<line x1="386" x2="386" y1="256" y2="284"/>
<line x1="386" x2="542" y1="284" y2="284"/>
<line x1="542" x2="542" y1="216" y2="284"/>
<line x1="542" x2="542" y1="224" y2="284"/>
<line x1="542" x2="542" y1="240" y2="284"/>
<line x1="542" x2="542" y1="284" y2="256"/>
</g>
<g>
<line x1="390" x2="390" y1="172" y2="200"/>
<line x1="390" x2="522" y1="172" y2="172"/>
<line x1="390" x2="390" y1="176" y2="200"/>
<line x1="390" x2="522" y1="200" y2="200"/>
<line x1="522" x2="522" y1="172" y2="200"/>
<line x1="522" x2="522" y1="200" y2="176"/>
</g>
<g>
<line x1="390" x2="390" y1="220" y2="280"/>
<line x1="390" x2="538" y1="220" y2="220"/>
<line x1="390" x2="390" y1="224" y2="280"/>
<line x1="390" x2="390" y1="240" y2="280"/>
<line x1="390" x2="390" y1="256" y2="280"/>
<line x1="390" x2="538" y1="280" y2="280"/>
<line x1="538" x2="538" y1="220" y2="280"/>
<line x1="538" x2="538" y1="224" y2="280"/>
<line x1="538" x2="538" y1="240" y2="280"/>
<line x1="538" x2="538" y1="280" y2="256"/>
</g>
<g>
<line x1="400" x2="408" y1="568" y2="568"/>
</g>
<g>
<line x1="400" x2="408" y1="776" y2="776"/>
</g>
<g>
<line x1="400" x2="408" y1="840" y2="840"/>
</g>
<g>
<line x1="416" x2="424" y1="568" y2="568"/>
</g>
<g>
<line x1="416" x2="424" y1="776" y2="776"/>
</g>
<g>
<line x1="416" x2="424" y1="840" y2="840"/>
</g>
<g>
<line x1="432" x2="440" y1="568" y2="568"/>
</g>
<g>
<line x1="432" x2="440" y1="776" y2="776"/>
</g>
<g>
<line x1="432" x2="440" y1="840" y2="840"/>
</g>
<g>
<line x1="448" x2="456" y1="568" y2="568"/>
</g>
<g>
<line x1="448" x2="456" y1="776" y2="776"/>
</g>
<g>
<line x1="448" x2="456" y1="840" y2="840"/>
</g>
<g>
<line x1="464" x2="472" y1="568" y2="568"/>
</g>
<g>
<line x1="464" x2="472" y1="776" y2="776"/>
</g>
<g>
<line x1="464" x2="472" y1="840" y2="840"/>
</g>
<g>
<line x1="480" x2="488" y1="568" y2="568"/>
</g>
<g>
<line x1="480" x2="488" y1="776" y2="776"/>
</g>
<g>
<line x1="480" x2="488" y1="840" y2="840"/>
</g>
<g>
<line x1="484" x2="484" y1="72" y2="104"/>
<line x1="484" x2="524" y1="72" y2="72"/>
<line x1="484" x2="500" y1="104" y2="104"/>
<line x1="500" x2="500" y1="104" y2="168"/>
<line x1="500" x2="524" y1="104" y2="104"/>
<line x1="524" x2="524" y1="72" y2="104"/>
</g>
<g>
<line x1="484" x2="484" y1="1144" y2="1176"/>
<line x1="484" x2="500" y1="1144" y2="1144"/>
<line x1="484" x2="524" y1="1176" y2="1176"/>
<line x1="500" x2="500" y1="1036" y2="1144"/>
<line x1="500" x2="524" y1="1144" y2="1144"/>
<line x1="524" x2="524" y1="1144" y2="1176"/>
</g>
<g>
<line x1="500" x2="500" y1="204" y2="216"/>
</g>
<g>
<line x1="500" x2="500" y1="284" y2="984"/>
</g>
<g>
<line x1="504" x2="540" y1="424" y2="424"/>
<line x1="540" x2="540" y1="424" y2="456"/>
</g>
<g>
<line x1="504" x2="512" y1="488" y2="488"/>
</g>
<g>
<line marker-end="url(#triangle)" x1="512" x2="508" y1="456" y2="456"/>
<line x1="512" x2="540" y1="456" y2="456"/>
</g>
<g>
<line x1="520" x2="528" y1="488" y2="488"/>
</g>
<g>
<line x1="520" x2="528" y1="520" y2="520"/>
</g>
<g>
<line x1="540" x2="536" y1="488" y2="488"/>
<line x1="540" x2="540" y1="488" y2="520"/>
<line x1="540" x2="536" y1="520" y2="520"/>
</g>
<g>
<text x="57" y="620">
OPT
</text>
</g>
<g>
<text x="65" y="924">
other]
</text>
</g>
<g>
<text x="121" y="620">
dummy
</text>
</g>
<g>
<text x="129" y="76">
Bob
</text>
</g>
<g>
<text x="129" y="92">
several
</text>
</g>
<g>
<text x="129" y="1164">
Bob
</text>
</g>
<g>
<text x="129" y="1180">
several
</text>
</g>
<g>
<text x="161" y="76">
on
</text>
</g>
<g>
<text x="161" y="1164">
on
</text>
</g>
<g>
<text x="169" y="620">
comment
</text>
</g>
<g>
<text x="185" y="220">
Is
</text>
</g>
<g>
<text x="185" y="236">
with
</text>
</g>
<g>
<text x="185" y="252">
on
</text>
</g>
<g>
<text x="193" y="92">
lines
</text>
</g>
<g>
<text x="193" y="1180">
lines
</text>
</g>
<g>
<text x="209" y="220">
it
</text>
</g>
<g>
<text x="209" y="252">
several
</text>
</g>
<g>
<text x="225" y="236">
a
</text>
</g>
<g>
<text x="233" y="220">
ok
</text>
</g>
<g>
<text x="241" y="236">
message
</text>
</g>
<g>
<text x="249" y="124">
hello
</text>
</g>
<g>
<text x="273" y="252">
lines?
</text>
</g>
<g>
<text x="281" y="380">
Yes
</text>
</g>
<g>
<text x="305" y="236">
that
</text>
</g>
<g>
<text x="305" y="668">
Error
</text>
</g>
<g>
<text x="305" y="684">
On
</text>
</g>
<g>
<text x="305" y="700">
Several
</text>
</g>
<g>
<text x="305" y="716">
Line
</text>
</g>
<g>
<text x="313" y="332">
This
</text>
</g>
<g>
<text x="313" y="380">
it
</text>
</g>
<g>
<text x="321" y="556">
done
</text>
</g>
<g>
<text x="321" y="764">
None
</text>
</g>
<g>
<text x="321" y="828">
None
</text>
</g>
<g>
<text x="321" y="876">
None
</text>
</g>
<g>
<text x="321" y="940">
None
</text>
</g>
<g>
<text x="321" y="1052">
None
</text>
</g>
<g>
<text x="321" y="1100">
None
</text>
</g>
<g>
<text x="337" y="380">
works!
</text>
</g>
<g>
<text x="345" y="236">
is
</text>
</g>
<g>
<text x="353" y="108">
Alice
</text>
</g>
<g>
<text x="353" y="332">
is
</text>
</g>
<g>
<text x="353" y="1004">
This
</text>
</g>
<g>
<text x="353" y="1020">
over
</text>
</g>
<g>
<text x="353" y="1148">
Alice
</text>
</g>
<g>
<text x="369" y="28">
"
</text>
</g>
<g>
<text x="369" y="1180">
"
</text>
</g>
<g>
<text x="377" y="332">
a
</text>
</g>
<g>
<text x="377" y="444">
this
</text>
</g>
<g>
<text x="377" y="460">
another
</text>
</g>
<g>
<text x="393" y="188">
this
</text>
</g>
<g>
<text x="393" y="236">
This
</text>
</g>
<g>
<text x="393" y="252">
should
</text>
</g>
<g>
<text x="393" y="268">
on
</text>
</g>
<g>
<text x="393" y="332">
separation
</text>
</g>
<g>
<text x="393" y="1004">
is
</text>
</g>
<g>
<text x="393" y="1020">
Alice
</text>
</g>
<g>
<text x="417" y="268">
several
</text>
</g>
<g>
<text x="417" y="444">
is
</text>
</g>
<g>
<text x="417" y="1004">
a
</text>
</g>
<g>
<text x="433" y="188">
is
</text>
</g>
<g>
<text x="433" y="236">
other
</text>
</g>
<g>
<text x="433" y="1004">
long
</text>
</g>
<g>
<text x="441" y="460">
note
</text>
</g>
<g>
<text x="441" y="1020">
and
</text>
</g>
<g>
<text x="449" y="252">
work
</text>
</g>
<g>
<text x="457" y="188">
a
</text>
</g>
<g>
<text x="473" y="188">
note
</text>
</g>
<g>
<text x="473" y="1004">
note
</text>
</g>
<g>
<text x="473" y="1020">
Last
</text>
</g>
<g>
<text x="481" y="236">
note
</text>
</g>
<g>
<text x="481" y="268">
lines
</text>
</g>
<g>
<text x="481" y="444">
░
</text>
</g>
<g>
<text x="489" y="92">
Last
</text>
</g>
<g>
<text x="489" y="1164">
Last
</text>
</g>
<g>
<text x="505" y="524">
<
</text>
</g>
<g>
<text x="513" y="188">
░
</text>
</g>
<g>
<text x="513" y="1004">
░
</text>
</g>
<g>
<text x="529" y="236">
░
</text>
</g>
<g>
<text x="553" y="444">
working
</text>
</g>
<g>
<text x="553" y="508">
working
</text>
</g>
<g>
<text x="617" y="444">
in
</text>
</g>
<g>
<text x="617" y="508">
in
</text>
</g>
<g>
<text x="641" y="444">
progress
</text>
</g>
<g>
<text x="641" y="508">
progress
</text>
</g>
</svg></div>
</div>
</div>
Support this project:
<form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="5QZ5LDXWVS4RU">
<input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_donateCC_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
<img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1">
</form>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-8925673-11', 'auto');
ga('send', 'pageview');
</script>
</body>
</html>