1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
|
<!DOCTYPE html>
<html>
<head>
<style>
.railroad-heading {
font-family: monospace;
}
</style>
</head>
<body>
<meta charset="UTF-8"/>
<div class="railroad-group">
<h1 class="railroad-heading" id="greet-0002">greet</h1>
<div class="railroad-description"></div>
<div class="railroad-svg">
<svg class="railroad-diagram" height="62" viewBox="0 0 563.0 62" width="563.0" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g transform="translate(.5 .5)">
<g>
<path d="M20 21v20m10 -20v20m-10 -10h20" /></g><path d="M40 31h10" /><g>
<path d="M50 31h0.0" /><path d="M513.0 31h0.0" /><g class="terminal ">
<path d="M50.0 31h0.0" /><path d="M155.0 31h0.0" /><rect height="22" rx="10" ry="10" width="105" x="50" y="20"></rect><text x="102.5" y="35">W:(A-Za-z)</text></g><path d="M155.0 31h10" /><path d="M165.0 31h10" /><g class="terminal ">
<path d="M175.0 31h0.0" /><path d="M220.5 31h0.0" /><rect height="22" rx="10" ry="10" width="45.5" x="175" y="20"></rect><text x="197.75" y="35">','</text></g><path d="M220.5 31h10" /><path d="M230.5 31h10" /><g class="terminal ">
<path d="M240.5 31h0.0" /><path d="M345.5 31h0.0" /><rect height="22" rx="10" ry="10" width="105" x="240.5" y="20"></rect><text x="293" y="35">W:(A-Za-z)</text></g><path d="M345.5 31h10" /><path d="M355.5 31h10" /><g class="non-terminal ">
<path d="M365.5 31h0.0" /><path d="M513.0 31h0.0" /><rect height="22" width="147.5" x="365.5" y="20"></rect><a xlink:href="#z-0001"><text x="439.25" y="35">'!' | '?' | '.'</text><text x="439.25" y="35">'!' | '?' | '.'</text></a></g></g><path d="M513.0 31h10" /><path d="M 523.0 31 h 20 m -10 -10 v 20 m 10 -20 v 20"></path></g><style>/* <![CDATA[ */
svg.railroad-diagram {
background-color:hsl(30,20%,95%);
}
svg.railroad-diagram path {
stroke-width:3;
stroke:black;
fill:rgba(0,0,0,0);
}
svg.railroad-diagram text {
font:bold 14px monospace;
text-anchor:middle;
}
svg.railroad-diagram text.label{
text-anchor:start;
}
svg.railroad-diagram text.comment{
font:italic 12px monospace;
}
svg.railroad-diagram rect{
stroke-width:3;
stroke:black;
fill:hsl(120,100%,90%);
}
svg.railroad-diagram rect.group-box {
stroke: gray;
stroke-dasharray: 10 5;
fill: none;
}
/* ]]> */
</style></svg>
</div>
</div>
<div class="railroad-group">
<h1 class="railroad-heading" id="z-0001">'!' | '?' | '.'</h1>
<div class="railroad-description"></div>
<div class="railroad-svg">
<svg class="railroad-diagram" height="62" viewBox="0 0 162.5 62" width="162.5" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g transform="translate(.5 .5)">
<g>
<path d="M20 21v20m10 -20v20m-10 -10h20" /></g><path d="M40 31h10" /><g class="terminal ">
<path d="M50 31h0.0" /><path d="M112.5 31h0.0" /><rect height="22" rx="10" ry="10" width="62.5" x="50" y="20"></rect><text x="81.25" y="35">[!?.]</text></g><path d="M112.5 31h10" /><path d="M 122.5 31 h 20 m -10 -10 v 20 m 10 -20 v 20"></path></g><style>/* <![CDATA[ */
svg.railroad-diagram {
background-color:hsl(30,20%,95%);
}
svg.railroad-diagram path {
stroke-width:3;
stroke:black;
fill:rgba(0,0,0,0);
}
svg.railroad-diagram text {
font:bold 14px monospace;
text-anchor:middle;
}
svg.railroad-diagram text.label{
text-anchor:start;
}
svg.railroad-diagram text.comment{
font:italic 12px monospace;
}
svg.railroad-diagram rect{
stroke-width:3;
stroke:black;
fill:hsl(120,100%,90%);
}
svg.railroad-diagram rect.group-box {
stroke: gray;
stroke-dasharray: 10 5;
fill: none;
}
/* ]]> */
</style></svg>
</div>
</div>
</body>
</html>
|
