autotests/html/highlight.haml.html

0001 <!DOCTYPE html>
0002 <html><head>
0003 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
0004 <title>highlight.haml</title>
0005 <meta name="generator" content="KF5::SyntaxHighlighting - Definition (Haml) - Theme (Breeze Light)"/>
0006 </head><body style="background-color:#ffffff;color:#1f1c1b"><pre>
0007 <span style="color:#0057ae;font-weight:bold;">!!!</span>
0008 <span style="font-weight:bold;">%html</span><span style="color:#924c9d;">{</span> <span style="color:#bf0303;">:xmlns</span> <span style="font-weight:bold;">=&gt;</span> <span style="color:#bf0303;">&quot;http://www.w3.org/1999/xhtml&quot;</span>, <span style="color:#bf0303;">:lang</span> <span style="font-weight:bold;">=&gt;</span> <span style="color:#bf0303;">&quot;en&quot;</span>, <span style="color:#bf0303;">&quot;xml:lang&quot;</span> <span style="font-weight:bold;">=&gt;</span> <span style="color:#bf0303;">&quot;en&quot;</span><span style="color:#924c9d;">}</span>
0009   <span style="font-weight:bold;">%head</span>
0010     <span style="font-weight:bold;">%title</span> BoBlog
0011     <span style="font-weight:bold;">%meta</span><span style="color:#924c9d;">{</span><span style="color:#bf0303;">&quot;http-equiv&quot;</span> <span style="font-weight:bold;">=&gt;</span> <span style="color:#bf0303;">&quot;Content-Type&quot;</span>, <span style="color:#bf0303;">:content</span> <span style="font-weight:bold;">=&gt;</span> <span style="color:#bf0303;">&quot;text/html; charset=utf-8&quot;</span><span style="color:#924c9d;">}</span>
0012     <span style="font-weight:bold;">%link</span><span style="color:#924c9d;">{</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:#924c9d;">}</span>
0013 <span style="color:#006e28;">    :css</span>
0014       body {
0015         <span style="font-weight:bold;">font-size</span>: <span style="color:#b08000;">16</span><span style="color:#0057ae;">px</span><span style="color:#ca60ca;">;</span>
0016         <span style="font-weight:bold;">margin-top</span>: <span style="color:#b08000;">0</span><span style="color:#0057ae;">px</span><span style="color:#ca60ca;">;</span>
0017         <span style="font-weight:bold;">margin-bottom</span>: <span style="color:#b08000;">0</span><span style="color:#0057ae;">px</span><span style="color:#ca60ca;">;</span>
0018         <span style="font-weight:bold;">font-family</span>: Arial<span style="color:#ca60ca;">,</span> <span style="color:#b08000;">sans-serif</span><span style="color:#ca60ca;">;</span>
0019       }
0020
0021       p {
0022         <span style="font-weight:bold;">margin</span>: <span style="color:#b08000;">0</span><span style="color:#0057ae;">px</span><span style="color:#ca60ca;">;</span>
0023         <span style="font-weight:bold;">padding</span>: <span style="color:#b08000;">0</span><span style="color:#0057ae;">px</span><span style="color:#ca60ca;">;</span>
0024       }
0025   <span style="font-weight:bold;">%body</span>
0026     <span style="color:#b08000;font-weight:bold;">#header</span>
0027       <span style="font-weight:bold;">%a</span><span style="color:#924c9d;">{</span>
0028         <span style="color:#bf0303;">href: </span>root_path,
0029         <span style="color:#bf0303;">name: </span><span style="color:#bf0303;">&quot;home&quot;</span>
0030       <span style="color:#924c9d;">}</span>
0031         <span style="font-weight:bold;">%h1</span> BoBlog
0032       <span style="font-weight:bold;">%h2</span> Bob's Blog
0033     <span style="color:#b08000;font-weight:bold;">#content</span>
0034       <span style="font-weight:bold;">-</span> <span style="color:#006e28;">@entries</span><span style="color:#0057ae;">.each</span> <span style="font-weight:bold;">do</span> <span style="font-weight:bold;">|</span>entry<span style="font-weight:bold;">|</span>
0035         <span style="color:#b08000;">.entry</span><span style="color:#924c9d;">{</span> <span style="color:#bf0303;">id: </span>entry<span style="color:#0057ae;">.id</span> <span style="color:#924c9d;">}</span>
0036           <span style="font-weight:bold;">%h3</span><span style="color:#b08000;">.title</span><span style="font-weight:bold;">=</span> entry<span style="color:#0057ae;">.title</span>
0037           <span style="font-weight:bold;">%p</span><span style="color:#b08000;">.date</span>
0038             Posted on <span style="color:#006e28;">#{</span>entry<span style="color:#0057ae;">.posted.strftime</span>(<span style="color:#bf0303;">&quot;%A, %B %d, %Y&quot;</span>)<span style="color:#006e28;">}</span>
0039           <span style="font-weight:bold;">%p</span><span style="color:#b08000;">.body</span><span style="font-weight:bold;">=</span> entry<span style="color:#0057ae;">.body</span>
0040       <span style="font-weight:bold;">=</span> button_to <span style="color:#bf0303;">&quot;Load more&quot;</span>, entries_path,
0041         <span style="font-weight:bold;">class</span>: <span style="color:#bf0303;">&quot;btn btn-primary&quot;</span>,
0042         <span style="color:#bf0303;">method: :get</span>,
0043         <span style="color:#bf0303;">params: </span><span style="font-weight:bold;">{</span> <span style="color:#bf0303;">last_id: </span><span style="color:#006e28;">@entries</span><span style="color:#0057ae;">.map</span>(<span style="font-weight:bold;">&amp;</span><span style="color:#bf0303;">:id</span>)<span style="color:#0057ae;">.min</span> <span style="font-weight:bold;">}</span>,
0044         <span style="color:#bf0303;">form: </span><span style="font-weight:bold;">{</span> <span style="color:#bf0303;">data: </span><span style="font-weight:bold;">{</span> <span style="color:#bf0303;">turbo_stream: </span><span style="color:#b08000;">true</span> <span style="font-weight:bold;">}</span> <span style="font-weight:bold;">}</span>
0045 <span style="color:#006e28;">    :ruby</span>
0046       provide(<span style="color:#bf0303;">:title</span>, user_title(<span style="color:#006e28;">@user</span>))
0047       provide(<span style="color:#bf0303;">:og</span>, user_opengraph(<span style="color:#006e28;">@user</span>))
0048       provide(<span style="color:#bf0303;">:meta</span>, user_twitter_card(<span style="color:#006e28;">@user</span>))
0049
0050       parent_layout <span style="color:#e31616;">'user/profile'</span>
0051     <span style="color:#b08000;font-weight:bold;">#footer</span>
0052       <span style="font-weight:bold;">%p</span>
0053         All content copyright © Bob
0054
0055     <span style="color:#b08000;font-weight:bold;">#filterTest</span>
0056       <span style="font-weight:bold;">%p</span> Just testing some more HAML filters
0057
0058 <span style="color:#006e28;">      :coffee</span>
0059         window<span style="font-weight:bold;">.</span>alert <span style="color:#bf0303;">&quot;Hello from CoffeeScript </span><span style="color:#924c9d;">#{</span>1<span style="color:#924c9d;">}</span><span style="color:#bf0303;">&quot;</span>
0060
0061 <span style="color:#006e28;">      :coffeescript</span>
0062         window<span style="font-weight:bold;">.</span>alert <span style="color:#bf0303;">&quot;Hello from CoffeeScript again, </span><span style="color:#924c9d;">#{</span>1 + 1<span style="color:#924c9d;">}</span><span style="color:#bf0303;">&quot;</span>
0063
0064 <span style="color:#006e28;">      :css</span>
0065         <span style="color:#006e28;font-weight:bold;">#filterTest</span> {
0066           <span style="font-weight:bold;">display</span>: <span style="color:#b08000;">none</span><span style="color:#ca60ca;">;</span>
0067         }
0068
0069 <span style="color:#006e28;">      :erb</span>
0070         For some reason <span style="color:#0057ae;font-weight:bold;">&lt;%=</span><span style="color:#0095ff;"> </span><span style="color:#bf0303;">&quot;ERB works too </span><span style="color:#3daee9;">#{</span><span style="color:#006e28;">@abcdef</span><span style="color:#3daee9;">}</span><span style="color:#bf0303;">&quot;</span><span style="color:#0095ff;"> </span><span style="color:#0057ae;font-weight:bold;">%&gt;</span>.
0071
0072 <span style="color:#006e28;">      :plain</span>
0073         Anything else should be treated as plain text.
0074         This also means that the following shouldn't be highlighted:
0075
0076         %h1#superawesomeheading Heading 1
0077
0078       <span style="font-weight:bold;">%div</span> Filter test done
0079 </pre></body></html>