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
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
|
<!DOCTYPE html>
<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<title>highlight.haml</title>
<meta name="generator" content="KF5::SyntaxHighlighting - Definition (Haml) - Theme (Breeze Light)"/>
</head><body style="background-color:#ffffff;color:#1f1c1b"><pre>
<span style="font-weight:bold">%title</span>
<span style="font-weight:bold">=</span> <span style="color:#006e28">@title</span>
<span style="color:#3daee9">\=</span> @title
<span style="font-weight:bold">%script</span><span style="color:#006e28">{</span>
<span style="color:#bf0303">"type"</span><span style="color:#bf0303">:</span> <span style="color:#bf0303">"text/javascript"</span>,
<span style="color:#bf0303">"src"</span><span style="color:#bf0303">:</span> <span style="color:#bf0303">"javascripts/script_</span><span style="color:#3daee9">#{</span><span style="color:#b08000">2</span> <span style="color:#ca60ca;font-weight:bold">+</span> <span style="color:#b08000">7</span><span style="color:#3daee9">}</span><span style="color:#bf0303">"</span>,
<span style="color:#bf0303">"data"</span><span style="color:#bf0303">:</span> <span style="color:#ca60ca;font-weight:bold">{</span>
<span style="color:#bf0303">"controller"</span><span style="color:#bf0303">:</span> <span style="color:#bf0303">"reporter"</span>,
<span style="color:#ca60ca;font-weight:bold">}</span>,
<span style="color:#006e28">}</span>
<span style="font-weight:bold">%div</span><span style="color:#006e28">{</span><span style="color:#bf0303">:id</span> <span style="color:#ca60ca;font-weight:bold">=></span> <span style="font-weight:bold">[</span><span style="color:#006e28">@item</span><span style="color:#0057ae">.</span><span style="color:#0057ae">type</span>, <span style="color:#006e28">@item</span><span style="color:#0057ae">.</span><span style="color:#0057ae">number</span><span style="font-weight:bold">]</span>, <span style="color:#bf0303">:class</span> <span style="color:#ca60ca;font-weight:bold">=></span> <span style="font-weight:bold">[</span><span style="color:#006e28">@item</span><span style="color:#0057ae">.</span><span style="color:#0057ae">type</span>, <span style="color:#006e28">@item</span><span style="color:#0057ae">.</span><span style="color:#0057ae">urgency</span><span style="font-weight:bold">]</span><span style="color:#006e28">}</span>
<span style="font-weight:bold">%div</span><span style="color:#006e28">{</span><span style="color:#bf0303">:id</span> <span style="color:#ca60ca;font-weight:bold">=></span> <span style="color:#bf0303">"</span><span style="color:#3daee9">#{</span><span style="color:#006e28">@item</span><span style="color:#0057ae">.</span><span style="color:#0057ae">type</span><span style="color:#3daee9">}</span><span style="color:#bf0303">_</span><span style="color:#3daee9">#{</span><span style="color:#006e28">@item</span><span style="color:#0057ae">.</span><span style="color:#0057ae">number</span><span style="color:#3daee9">}</span><span style="color:#bf0303">"</span>, <span style="color:#bf0303">:class</span> <span style="color:#ca60ca;font-weight:bold">=></span> <span style="color:#bf0303">"</span><span style="color:#3daee9">#{</span><span style="color:#006e28">@item</span><span style="color:#0057ae">.</span><span style="color:#0057ae">type</span><span style="color:#3daee9">}</span><span style="color:#bf0303"> </span><span style="color:#3daee9">#{</span><span style="color:#006e28">@item</span><span style="color:#0057ae">.</span><span style="color:#0057ae">urgency</span><span style="color:#3daee9">}</span><span style="color:#bf0303">"</span><span style="color:#006e28">}</span>
<span style="color:#b08000">.item</span><span style="color:#006e28">{</span><span style="color:#bf0303">:class</span> <span style="color:#ca60ca;font-weight:bold">=></span> <span style="color:#006e28">@item</span><span style="color:#0057ae">.</span><span style="color:#0057ae">is_empty?</span> <span style="color:#ca60ca;font-weight:bold">&&</span> <span style="color:#bf0303">"empty"</span><span style="color:#006e28">}</span>
<span style="font-weight:bold">%a</span><span style="color:#006e28">(</span>title<span style="color:#ca60ca;font-weight:bold">=</span>@title href<span style="color:#ca60ca;font-weight:bold">=</span>href<span style="color:#006e28">)</span> Stuff
<span style="font-weight:bold">%a</span><span style="color:#006e28">(</span>title<span style="color:#ca60ca;font-weight:bold">=</span>@title<span style="color:#006e28">){</span><span style="color:#bf0303">:href</span> <span style="color:#ca60ca;font-weight:bold">=></span> <span style="color:#006e28">@link</span><span style="color:#0057ae">.</span><span style="color:#0057ae">href</span><span style="color:#006e28">}</span> Stuff
<span style="font-weight:bold">%a</span><span style="color:#006e28">{</span><span style="color:#bf0303">:href</span><span style="color:#ca60ca;font-weight:bold">=></span><span style="color:#bf0303">"/posts"</span>, <span style="color:#bf0303">:data</span> <span style="color:#ca60ca;font-weight:bold">=></span> <span style="color:#ca60ca;font-weight:bold">{</span><span style="color:#bf0303">:author_id</span> <span style="color:#ca60ca;font-weight:bold">=></span> <span style="color:#b08000">123</span>, <span style="color:#bf0303">:category</span> <span style="color:#ca60ca;font-weight:bold">=></span> <span style="color:#b08000">7</span><span style="color:#ca60ca;font-weight:bold">}</span><span style="color:#006e28">}</span> Posts By Author
<span style="color:#b08000">.book-info</span><span style="color:#006e28">{</span><span style="color:#bf0303">:data</span> <span style="color:#ca60ca;font-weight:bold">=></span> <span style="color:#ca60ca;font-weight:bold">{</span><span style="color:#bf0303">:book</span> <span style="color:#ca60ca;font-weight:bold">=></span> <span style="color:#ca60ca;font-weight:bold">{</span><span style="color:#bf0303">:id</span> <span style="color:#ca60ca;font-weight:bold">=></span> <span style="color:#b08000">123</span>, <span style="color:#bf0303">:genre</span> <span style="color:#ca60ca;font-weight:bold">=></span> <span style="color:#e31616">'programming'</span><span style="color:#ca60ca;font-weight:bold">}</span>, <span style="color:#bf0303">:category</span> <span style="color:#ca60ca;font-weight:bold">=></span> <span style="color:#b08000">7</span><span style="color:#ca60ca;font-weight:bold">}</span><span style="color:#006e28">}</span>
<span style="font-weight:bold">%div</span><span style="color:#b08000;font-weight:bold">#things</span>
<span style="font-weight:bold">%span</span><span style="color:#b08000;font-weight:bold">#rice</span> Chicken Fried
<span style="font-weight:bold">%p</span><span style="color:#b08000">.beans</span><span style="color:#006e28">{</span> <span style="color:#bf0303">:food</span> <span style="color:#ca60ca;font-weight:bold">=></span> <span style="color:#e31616">'true'</span> <span style="color:#006e28">}</span> The magical fruit
<span style="font-weight:bold">%h1</span><span style="color:#b08000">.class.otherclass</span><span style="color:#b08000;font-weight:bold">#id</span> La La La
<span style="font-weight:bold">%br</span><span style="font-weight:bold">/</span>
<span style="font-weight:bold">%meta</span><span style="color:#006e28">{</span><span style="color:#e31616">'http-equiv'</span> <span style="color:#ca60ca;font-weight:bold">=></span> <span style="color:#e31616">'Content-Type'</span>, <span style="color:#bf0303">:content</span> <span style="color:#ca60ca;font-weight:bold">=></span> <span style="color:#e31616">'text/html'</span><span style="color:#006e28">}</span><span style="font-weight:bold">/</span>
<span style="font-weight:bold">%p</span><span style="color:#006e28">[</span>user<span style="color:#006e28">]{</span><span style="color:#bf0303">:class</span> <span style="color:#ca60ca;font-weight:bold">=></span> <span style="color:#e31616">'alpha bravo'</span><span style="color:#006e28">}</span>
<span style="font-weight:bold">%blockquote</span><span style="font-weight:bold"><</span>
<span style="font-weight:bold">%div</span>
Foo!
<span style="font-weight:bold">%img</span>
<span style="font-weight:bold">%img</span><span style="font-weight:bold">></span>
<span style="font-weight:bold">%img</span>
<span style="font-weight:bold">%img</span>
<span style="font-weight:bold">%pre</span><span style="font-weight:bold">><</span>
foo
bar
<span style="font-weight:bold">%img</span>
<span style="color:#898887">-# file: app/views/users/show.haml</span>
<span style="color:#898887"> %p</span>
<span style="color:#898887"> hello</span>
<span style="font-weight:bold">%div</span><span style="color:#006e28">[</span><span style="color:#006e28">@user</span>, <span style="color:#bf0303">:greeting</span><span style="color:#006e28">]</span>
<span style="font-weight:bold">%bar</span><span style="color:#006e28">[</span><span style="color:#b08000">290</span><span style="color:#006e28">]</span><span style="font-weight:bold">/</span>
Hello!
<span style="font-weight:bold">-</span> user <span style="color:#ca60ca;font-weight:bold">=</span> <span style="color:#0057ae">User</span><span style="color:#0057ae">.</span><span style="color:#0057ae">find</span>(<span style="color:#b08000">1</span>)
<span style="color:#b08000">.foo</span><span style="color:#b08000">.moo</span><span style="color:#006e28">{</span><span style="color:#bf0303">:class</span> <span style="color:#ca60ca;font-weight:bold">=></span> <span style="font-weight:bold">[</span><span style="color:#e31616">'bar'</span>, <span style="color:#e31616">'alpha'</span><span style="font-weight:bold">]</span><span style="color:#006e28">}(</span><span style="color:#0057ae">class</span><span style="color:#ca60ca;font-weight:bold">=</span><span style="color:#bf0303">'baz'</span><span style="color:#006e28">)</span>
<span style="color:#0057ae;font-weight:bold">!!! XML</span>
<span style="font-weight:bold">%peanutbutterjelly</span>
<span style="color:#898887">/ This is the peanutbutterjelly element</span>
I like sandwiches!
<span style="color:#898887">/</span>
<span style="color:#898887"> %p This doesn't render...</span>
<span style="color:#898887"> %div</span>
<span style="color:#898887"> %h1 Because it's commented out!</span>
<span style="font-weight:bold">%p</span>
<span style="color:#898887">/[if IE]</span>
<span style="font-weight:bold">%a</span><span style="color:#006e28">{</span> <span style="color:#bf0303">:href</span> <span style="color:#ca60ca;font-weight:bold">=></span> <span style="color:#e31616">'http://www.mozilla.com/en-US/firefox/'</span> <span style="color:#006e28">}</span>
<span style="font-weight:bold">%h1</span> Get Firefox
<span style="font-weight:bold">%p</span> foo
<span style="color:#898887">-# This is a comment</span>
<span style="font-weight:bold">%p</span> bar
<span style="font-weight:bold">%p</span> foo
<span style="color:#898887">-#</span>
<span style="color:#898887"> This won't be displayed</span>
<span style="color:#898887"> Nor will this</span>
<span style="color:#898887"> Nor will this.</span>
<span style="font-weight:bold">%p</span> bar
<span style="font-weight:bold">%p</span>
<span style="font-weight:bold">=</span> <span style="font-weight:bold">[</span><span style="color:#e31616">'hi'</span>, <span style="color:#e31616">'there'</span>, <span style="color:#e31616">'reader!'</span><span style="font-weight:bold">]</span><span style="color:#0057ae">.</span><span style="color:#0057ae">join</span> <span style="color:#bf0303">" "</span>
<span style="font-weight:bold">=</span> <span style="color:#bf0303">"yo"</span>
<span style="font-weight:bold">=</span> link_to_remote <span style="color:#bf0303">"Add to cart"</span>,
<span style="color:#bf0303">:url</span> <span style="color:#ca60ca;font-weight:bold">=></span> <span style="color:#ca60ca;font-weight:bold">{</span> <span style="color:#bf0303">:action</span> <span style="color:#ca60ca;font-weight:bold">=></span> <span style="color:#bf0303">"add"</span>, <span style="color:#bf0303">:id</span> <span style="color:#ca60ca;font-weight:bold">=></span> product<span style="color:#0057ae">.</span><span style="color:#0057ae">id</span> <span style="color:#ca60ca;font-weight:bold">}</span>,
<span style="color:#bf0303">:update</span> <span style="color:#ca60ca;font-weight:bold">=></span> <span style="color:#ca60ca;font-weight:bold">{</span> <span style="color:#bf0303">:success</span> <span style="color:#ca60ca;font-weight:bold">=></span> <span style="color:#bf0303">"cart"</span>, <span style="color:#bf0303">:failure</span> <span style="color:#ca60ca;font-weight:bold">=></span> <span style="color:#bf0303">"error"</span> <span style="color:#ca60ca;font-weight:bold">}</span>
<span style="font-weight:bold">-</span> foo <span style="color:#ca60ca;font-weight:bold">=</span> <span style="color:#bf0303">"hello"</span>
<span style="font-weight:bold">-</span> foo <span style="color:#ca60ca;font-weight:bold"><<</span> <span style="color:#bf0303">" there"</span>
<span style="font-weight:bold">-</span> foo <span style="color:#ca60ca;font-weight:bold"><<</span> <span style="color:#bf0303">" you!"</span>
<span style="font-weight:bold">%p</span><span style="font-weight:bold">=</span> foo
<span style="font-weight:bold">-</span> links <span style="color:#ca60ca;font-weight:bold">=</span> <span style="color:#ca60ca;font-weight:bold">{</span><span style="color:#bf0303">:home</span> <span style="color:#ca60ca;font-weight:bold">=></span> <span style="color:#bf0303">"/"</span>,
<span style="color:#bf0303">:docs</span> <span style="color:#ca60ca;font-weight:bold">=></span> <span style="color:#bf0303">"/docs"</span>,
<span style="color:#bf0303">:about</span> <span style="color:#ca60ca;font-weight:bold">=></span> <span style="color:#bf0303">"/about"</span><span style="color:#ca60ca;font-weight:bold">}</span>
<span style="font-weight:bold">-</span> (<span style="color:#b08000">42</span><span style="color:#ca60ca;font-weight:bold">...</span><span style="color:#b08000">47</span>)<span style="color:#0057ae">.</span><span style="color:#0057ae">each</span> <span style="font-weight:bold">do</span> <span style="color:#ca60ca;font-weight:bold">|</span>i<span style="color:#ca60ca;font-weight:bold">|</span>
<span style="font-weight:bold">%p</span><span style="font-weight:bold">=</span> i
<span style="font-weight:bold">%p</span> See, I can count!
<span style="font-weight:bold">%p</span>
<span style="font-weight:bold">-</span> <span style="font-weight:bold">case</span> <span style="color:#b08000">2</span>
<span style="font-weight:bold">-</span> <span style="font-weight:bold">when</span> <span style="color:#b08000">1</span>
<span style="font-weight:bold">=</span> <span style="color:#bf0303">"1!"</span>
<span style="font-weight:bold">-</span> <span style="font-weight:bold">when</span> <span style="color:#b08000">2</span>
<span style="font-weight:bold">=</span> <span style="color:#bf0303">"2?"</span>
<span style="font-weight:bold">-</span> <span style="font-weight:bold">when</span> <span style="color:#b08000">3</span>
<span style="font-weight:bold">=</span> <span style="color:#bf0303">"3."</span>
<span style="font-weight:bold">~</span> <span style="color:#bf0303">"Foo</span><span style="color:#3daee9">\n</span><span style="color:#bf0303"><pre>Bar</span><span style="color:#3daee9">\n</span><span style="color:#bf0303">Baz</pre>"</span>
<span style="font-weight:bold">%p</span> This is <span style="color:#3daee9">#{</span>h quality<span style="color:#3daee9">}</span> cake!
<span style="font-weight:bold">%p</span>
Look at <span style="color:#3daee9">\\</span><span style="color:#3daee9">#{</span>h word<span style="color:#3daee9">}</span> lack of backslash: <span style="color:#3daee9">\#{</span>foo}
And yon presence thereof: \{foo}
<span style="font-weight:bold">&=</span> <span style="color:#bf0303">"I like cheese & crackers"</span>
<span style="font-weight:bold">& </span>I like <span style="color:#3daee9">#{</span><span style="color:#bf0303">"cheese & crackers"</span><span style="color:#3daee9">}</span>
<span style="font-weight:bold">=</span> <span style="color:#bf0303">"I feel <strong>!"</span>
<span style="font-weight:bold">!=</span> <span style="color:#bf0303">"I feel <strong>!"</span>
<span style="font-weight:bold">! </span>I feel <span style="color:#3daee9">#{</span><span style="color:#bf0303">"<strong>"</span><span style="color:#3daee9">}</span>!
<span style="font-weight:bold">%whoo</span>
<span style="font-weight:bold">%hoo</span><span style="font-weight:bold">=</span> h( <span style="color:#3daee9">|</span>
<span style="color:#bf0303">"I think this might get "</span> <span style="color:#ca60ca;font-weight:bold">+</span> <span style="color:#3daee9">|</span>
<span style="color:#bf0303">"pretty long so I should "</span> <span style="color:#ca60ca;font-weight:bold">+</span> <span style="color:#3daee9">|</span>
<span style="color:#bf0303">"probably make it "</span> <span style="color:#ca60ca;font-weight:bold">+</span> <span style="color:#3daee9">|</span>
<span style="color:#bf0303">"multiline so it doesn't "</span> <span style="color:#ca60ca;font-weight:bold">+</span> <span style="color:#3daee9">|</span>
<span style="color:#bf0303">"look awful."</span>) <span style="color:#3daee9">|</span>
<span style="font-weight:bold">%p</span> This is short.
<span style="color:#0057ae;font-weight:bold">!!!</span>
<span style="font-weight:bold">%html</span><span style="color:#006e28">{</span> <span style="color:#bf0303">:xmlns</span> <span style="color:#ca60ca;font-weight:bold">=></span> <span style="color:#bf0303">"http://www.w3.org/1999/xhtml"</span>, <span style="color:#bf0303">:lang</span> <span style="color:#ca60ca;font-weight:bold">=></span> <span style="color:#bf0303">"en"</span>, <span style="color:#bf0303">"xml:lang"</span> <span style="color:#ca60ca;font-weight:bold">=></span> <span style="color:#bf0303">"en"</span><span style="color:#006e28">}</span>
<span style="font-weight:bold">%head</span>
<span style="font-weight:bold">%title</span> BoBlog
<span style="font-weight:bold">%meta</span><span style="color:#006e28">{</span><span style="color:#bf0303">"http-equiv"</span> <span style="color:#ca60ca;font-weight:bold">=></span> <span style="color:#bf0303">"Content-Type"</span>, <span style="color:#bf0303">:content</span> <span style="color:#ca60ca;font-weight:bold">=></span> <span style="color:#bf0303">"text/html; charset=utf-8"</span><span style="color:#006e28">}</span>
<span style="font-weight:bold">%meta</span><span style="color:#006e28">(</span>http-equiv<span style="color:#ca60ca;font-weight:bold">=</span><span style="color:#bf0303">"Content-Type"</span> content <span style="color:#ca60ca;font-weight:bold">=</span> <span style="color:#bf0303">"text/html; charset=utf-8"</span> <span style="color:#0057ae">class</span><span style="color:#ca60ca;font-weight:bold">=</span><span style="color:#b08000">21</span> <span style="color:#0057ae">id</span><span style="color:#ca60ca;font-weight:bold">=</span><span style="color:#bf0303">'d3'</span><span style="color:#006e28">)</span>
<span style="font-weight:bold">%link</span><span style="color:#006e28">{</span><span style="color:#bf0303">rel:</span> <span style="color:#e31616">'stylesheet'</span>, <span style="color:#bf0303">href:</span> <span style="color:#e31616">'main.css'</span>, <span style="color:#bf0303">type:</span> <span style="color:#e31616">'text/css'</span><span style="color:#006e28">}</span>
<span style="color:#006e28"> :css</span>
body {
<span style="font-weight:bold">font-size</span><span style="color:#924c9d">:</span> <span style="color:#b08000">16</span><span style="color:#0057ae">px</span><span style="color:#ca60ca">;</span>
<span style="font-weight:bold">margin-top</span><span style="color:#924c9d">:</span> <span style="color:#b08000">0</span><span style="color:#0057ae">px</span><span style="color:#ca60ca">;</span>
<span style="font-weight:bold">margin-bottom</span><span style="color:#924c9d">:</span> <span style="color:#b08000">0</span><span style="color:#0057ae">px</span><span style="color:#ca60ca">;</span>
<span style="font-weight:bold">font-family</span><span style="color:#924c9d">:</span> Arial<span style="color:#ca60ca">,</span> <span style="color:#b08000">sans-serif</span><span style="color:#ca60ca">;</span>
}
p {
<span style="font-weight:bold">margin</span><span style="color:#924c9d">:</span> <span style="color:#b08000">0</span><span style="color:#0057ae">px</span><span style="color:#ca60ca">;</span>
<span style="font-weight:bold">padding</span><span style="color:#924c9d">:</span> <span style="color:#b08000">0</span><span style="color:#0057ae">px</span><span style="color:#ca60ca">;</span>
}
<span style="font-weight:bold">%body</span>
<span style="color:#b08000;font-weight:bold">#header</span>
<span style="font-weight:bold">%a</span><span style="color:#006e28">{</span>
<span style="color:#bf0303">href:</span> root_path,
<span style="color:#bf0303">name:</span> <span style="color:#bf0303">"home"</span>
<span style="color:#006e28">}</span>
<span style="font-weight:bold">%h1</span> BoBlog
<span style="font-weight:bold">%h2</span> Bob's Blog
<span style="color:#b08000;font-weight:bold">#content</span>
<span style="font-weight:bold">-</span> <span style="color:#006e28">@entries</span><span style="color:#0057ae">.</span><span style="color:#0057ae">each</span> <span style="font-weight:bold">do</span> <span style="color:#ca60ca;font-weight:bold">|</span>entry<span style="color:#ca60ca;font-weight:bold">|</span>
<span style="color:#b08000">.entry</span><span style="color:#006e28">{</span> <span style="color:#bf0303">id:</span> entry<span style="color:#0057ae">.</span><span style="color:#0057ae">id</span> <span style="color:#006e28">}</span>
<span style="font-weight:bold">%h3</span><span style="color:#b08000">.title</span><span style="font-weight:bold">=</span> entry<span style="color:#0057ae">.</span><span style="color:#0057ae">title</span>
<span style="font-weight:bold">%p</span><span style="color:#b08000">.date</span>
Posted on <span style="color:#3daee9">#{</span>entry<span style="color:#0057ae">.</span><span style="color:#0057ae">posted</span><span style="color:#0057ae">.</span><span style="color:#0057ae">strftime</span>(<span style="color:#bf0303">"%A, %B %d, %Y"</span>)<span style="color:#3daee9">}</span>
<span style="font-weight:bold">%p</span><span style="color:#b08000">.body</span><span style="font-weight:bold">=</span> entry<span style="color:#0057ae">.</span><span style="color:#0057ae">body</span>
<span style="font-weight:bold">=</span> button_to <span style="color:#bf0303">"Load more"</span>, entries_path,
<span style="color:#bf0303">class:</span> <span style="color:#bf0303">"btn btn-primary"</span>,
<span style="color:#bf0303">method:</span> <span style="color:#bf0303">:get</span>,
<span style="color:#bf0303">params:</span> <span style="color:#ca60ca;font-weight:bold">{</span> <span style="color:#bf0303">last_id:</span> <span style="color:#006e28">@entries</span><span style="color:#0057ae">.</span><span style="color:#0057ae">map</span>(<span style="color:#ca60ca;font-weight:bold">&</span><span style="color:#bf0303">:id</span>)<span style="color:#0057ae">.</span><span style="color:#0057ae">min</span> <span style="color:#ca60ca;font-weight:bold">}</span>,
<span style="color:#bf0303">form:</span> <span style="color:#ca60ca;font-weight:bold">{</span> <span style="color:#bf0303">data:</span> <span style="color:#ca60ca;font-weight:bold">{</span> <span style="color:#bf0303">turbo_stream:</span> <span style="color:#b08000">true</span> <span style="color:#ca60ca;font-weight:bold">}</span> <span style="color:#ca60ca;font-weight:bold">}</span>
<span style="color:#006e28"> :ruby</span>
provide(<span style="color:#bf0303">:title</span>, user_title(<span style="color:#006e28">@user</span>))
provide(<span style="color:#bf0303">:og</span>, user_opengraph(<span style="color:#006e28">@user</span>))
provide(<span style="color:#bf0303">:meta</span>, user_twitter_card(<span style="color:#006e28">@user</span>))
parent_layout <span style="color:#e31616">'user/profile'</span>
<span style="color:#b08000;font-weight:bold">#footer</span>
<span style="font-weight:bold">%p</span>
All content copyright © Bob
<span style="color:#b08000;font-weight:bold">#filterTest</span>
<span style="font-weight:bold">%p</span> Just testing some more HAML filters
<span style="color:#006e28"> :coffee</span>
window<span style="font-weight:bold">.</span>alert <span style="color:#bf0303">"Hello from CoffeeScript </span><span style="color:#924c9d">#{</span>1<span style="color:#924c9d">}</span><span style="color:#bf0303">"</span>
<span style="color:#006e28"> :coffeescript</span>
window<span style="font-weight:bold">.</span>alert <span style="color:#bf0303">"Hello from CoffeeScript again, </span><span style="color:#924c9d">#{</span>1 + 1<span style="color:#924c9d">}</span><span style="color:#bf0303">"</span>
<span style="color:#006e28"> :css</span>
<span style="color:#006e28;font-weight:bold">#filterTest</span> {
<span style="font-weight:bold">display</span><span style="color:#924c9d">:</span> <span style="color:#b08000">none</span><span style="color:#ca60ca">;</span>
}
<span style="color:#006e28"> :erb</span>
For some reason <span style="color:#0057ae;font-weight:bold"><%=</span><span style="color:#0095ff"> </span><span style="color:#bf0303">"ERB works too </span><span style="color:#3daee9">#{</span><span style="color:#006e28">@abcdef</span><span style="color:#3daee9">}</span><span style="color:#bf0303">"</span><span style="color:#0095ff"> </span><span style="color:#0057ae;font-weight:bold">%></span>.
<span style="color:#006e28"> :plain</span>
Anything else should be treated as plain text.
This also means that the following shouldn't be highlighted:
%h1#superawesomeheading Heading 1
<span style="font-weight:bold">%div</span> Filter test done
</pre></body></html>
|
