<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<!-- Generated by HsColour, http://www.cs.york.ac.uk/fp/darcs/hscolour/ -->
<title>src/Haddock/Utils/Html.hs</title>
<link type='text/css' rel='stylesheet' href='hscolour.css' />
</head>
<body>
<pre><a name="line-1"></a><span class='hs-comment'>-----------------------------------------------------------------------------</span>
<a name="line-2"></a><span class='hs-comment'>-- </span>
<a name="line-3"></a><span class='hs-comment'>-- Module : Text.Html</span>
<a name="line-4"></a><span class='hs-comment'>-- Copyright : (c) Andy Gill, and the Oregon Graduate Institute of </span>
<a name="line-5"></a><span class='hs-comment'>-- Science and Technology, 1999-2001</span>
<a name="line-6"></a><span class='hs-comment'>-- License : BSD-style (see the file libraries/core/LICENSE)</span>
<a name="line-7"></a><span class='hs-comment'>-- </span>
<a name="line-8"></a><span class='hs-comment'>-- Maintainer : Andy Gill <andy@galconn.com></span>
<a name="line-9"></a><span class='hs-comment'>-- Stability : experimental</span>
<a name="line-10"></a><span class='hs-comment'>-- Portability : portable</span>
<a name="line-11"></a><span class='hs-comment'>--</span>
<a name="line-12"></a><span class='hs-comment'>-- An Html combinator library</span>
<a name="line-13"></a><span class='hs-comment'>--</span>
<a name="line-14"></a><span class='hs-comment'>-----------------------------------------------------------------------------</span>
<a name="line-15"></a>
<a name="line-16"></a><span class='hs-keyword'>module</span> <span class='hs-conid'>Haddock</span><span class='hs-varop'>.</span><span class='hs-conid'>Utils</span><span class='hs-varop'>.</span><span class='hs-conid'>Html</span> <span class='hs-layout'>(</span>
<a name="line-17"></a> <span class='hs-keyword'>module</span> <span class='hs-conid'>Haddock</span><span class='hs-varop'>.</span><span class='hs-conid'>Utils</span><span class='hs-varop'>.</span><span class='hs-conid'>Html</span><span class='hs-layout'>,</span>
<a name="line-18"></a> <span class='hs-layout'>)</span> <span class='hs-keyword'>where</span>
<a name="line-19"></a>
<a name="line-20"></a><span class='hs-keyword'>import</span> <span class='hs-keyword'>qualified</span> <span class='hs-conid'>Haddock</span><span class='hs-varop'>.</span><span class='hs-conid'>Utils</span><span class='hs-varop'>.</span><span class='hs-conid'>BlockTable</span> <span class='hs-keyword'>as</span> <span class='hs-conid'>BT</span>
<a name="line-21"></a>
<a name="line-22"></a><span class='hs-keyword'>import</span> <span class='hs-conid'>Data</span><span class='hs-varop'>.</span><span class='hs-conid'>Char</span> <span class='hs-layout'>(</span><span class='hs-varid'>isAscii</span><span class='hs-layout'>,</span> <span class='hs-varid'>ord</span><span class='hs-layout'>)</span>
<a name="line-23"></a><span class='hs-keyword'>import</span> <span class='hs-conid'>Numeric</span> <span class='hs-layout'>(</span><span class='hs-varid'>showHex</span><span class='hs-layout'>)</span>
<a name="line-24"></a>
<a name="line-25"></a><span class='hs-keyword'>infixr</span> <span class='hs-num'>2</span> <span class='hs-varop'>+++</span> <span class='hs-comment'>-- combining Html</span>
<a name="line-26"></a><span class='hs-keyword'>infixr</span> <span class='hs-num'>7</span> <span class='hs-varop'><<</span> <span class='hs-comment'>-- nesting Html</span>
<a name="line-27"></a><span class='hs-keyword'>infixl</span> <span class='hs-num'>8</span> <span class='hs-varop'>!</span> <span class='hs-comment'>-- adding optional arguments</span>
<a name="line-28"></a>
<a name="line-29"></a>
<a name="line-30"></a><span class='hs-comment'>-- A important property of Html is that all strings inside the</span>
<a name="line-31"></a><span class='hs-comment'>-- structure are already in Html friendly format.</span>
<a name="line-32"></a><span class='hs-comment'>-- For example, use of &gt;,etc.</span>
<a name="line-33"></a>
<a name="line-34"></a><a name="HtmlElement"></a><span class='hs-keyword'>data</span> <span class='hs-conid'>HtmlElement</span>
<a name="line-35"></a><span class='hs-comment'>{-
<a name="line-36"></a> - ..just..plain..normal..text... but using &copy; and &amb;, etc.
<a name="line-37"></a> -}</span>
<a name="line-38"></a> <span class='hs-keyglyph'>=</span> <span class='hs-conid'>HtmlString</span> <span class='hs-conid'>String</span>
<a name="line-39"></a><span class='hs-comment'>{-
<a name="line-40"></a> - <thetag {..attrs..}> ..content.. </thetag>
<a name="line-41"></a> -}</span>
<a name="line-42"></a> <span class='hs-keyglyph'>|</span> <span class='hs-conid'>HtmlTag</span> <span class='hs-layout'>{</span> <span class='hs-comment'>-- tag with internal markup</span>
<a name="line-43"></a> <span class='hs-varid'>markupTag</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>String</span><span class='hs-layout'>,</span>
<a name="line-44"></a> <span class='hs-varid'>markupAttrs</span> <span class='hs-keyglyph'>::</span> <span class='hs-keyglyph'>[</span><span class='hs-conid'>HtmlAttr</span><span class='hs-keyglyph'>]</span><span class='hs-layout'>,</span>
<a name="line-45"></a> <span class='hs-varid'>markupContent</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>Html</span>
<a name="line-46"></a> <span class='hs-layout'>}</span>
<a name="line-47"></a>
<a name="line-48"></a><span class='hs-comment'>{- These are the index-value pairs.
<a name="line-49"></a> - The empty string is a synonym for tags with no arguments.
<a name="line-50"></a> - (not strictly HTML, but anyway).
<a name="line-51"></a> -}</span>
<a name="line-52"></a>
<a name="line-53"></a>
<a name="line-54"></a><a name="HtmlAttr"></a><span class='hs-keyword'>data</span> <span class='hs-conid'>HtmlAttr</span> <span class='hs-keyglyph'>=</span> <span class='hs-conid'>HtmlAttr</span> <span class='hs-conid'>String</span> <span class='hs-conid'>String</span>
<a name="line-55"></a>
<a name="line-56"></a>
<a name="line-57"></a><a name="Html"></a><span class='hs-keyword'>newtype</span> <span class='hs-conid'>Html</span> <span class='hs-keyglyph'>=</span> <span class='hs-conid'>Html</span> <span class='hs-layout'>{</span> <span class='hs-varid'>getHtmlElements</span> <span class='hs-keyglyph'>::</span> <span class='hs-keyglyph'>[</span><span class='hs-conid'>HtmlElement</span><span class='hs-keyglyph'>]</span> <span class='hs-layout'>}</span>
<a name="line-58"></a>
<a name="line-59"></a><span class='hs-comment'>-- Read MARKUP as the class of things that can be validly rendered</span>
<a name="line-60"></a><span class='hs-comment'>-- inside MARKUP tag brackets. So this can be one or more Html's,</span>
<a name="line-61"></a><span class='hs-comment'>-- or a String, for example.</span>
<a name="line-62"></a>
<a name="line-63"></a><a name="HTML"></a><span class='hs-keyword'>class</span> <span class='hs-conid'>HTML</span> <span class='hs-varid'>a</span> <span class='hs-keyword'>where</span>
<a name="line-64"></a> <span class='hs-varid'>toHtml</span> <span class='hs-keyglyph'>::</span> <span class='hs-varid'>a</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>Html</span>
<a name="line-65"></a> <span class='hs-varid'>toHtmlFromList</span> <span class='hs-keyglyph'>::</span> <span class='hs-keyglyph'>[</span><span class='hs-varid'>a</span><span class='hs-keyglyph'>]</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>Html</span>
<a name="line-66"></a>
<a name="line-67"></a> <span class='hs-varid'>toHtmlFromList</span> <span class='hs-varid'>xs</span> <span class='hs-keyglyph'>=</span> <span class='hs-conid'>Html</span> <span class='hs-layout'>(</span><span class='hs-varid'>concat</span> <span class='hs-keyglyph'>[</span> <span class='hs-varid'>x</span> <span class='hs-keyglyph'>|</span> <span class='hs-layout'>(</span><span class='hs-conid'>Html</span> <span class='hs-varid'>x</span><span class='hs-layout'>)</span> <span class='hs-keyglyph'><-</span> <span class='hs-varid'>map</span> <span class='hs-varid'>toHtml</span> <span class='hs-varid'>xs</span><span class='hs-keyglyph'>]</span><span class='hs-layout'>)</span>
<a name="line-68"></a>
<a name="line-69"></a><span class='hs-keyword'>instance</span> <span class='hs-conid'>HTML</span> <span class='hs-conid'>Html</span> <span class='hs-keyword'>where</span>
<a name="line-70"></a> <span class='hs-varid'>toHtml</span> <span class='hs-varid'>a</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>a</span>
<a name="line-71"></a>
<a name="line-72"></a><span class='hs-keyword'>instance</span> <span class='hs-conid'>HTML</span> <span class='hs-conid'>Char</span> <span class='hs-keyword'>where</span>
<a name="line-73"></a> <span class='hs-varid'>toHtml</span> <span class='hs-varid'>a</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>toHtml</span> <span class='hs-keyglyph'>[</span><span class='hs-varid'>a</span><span class='hs-keyglyph'>]</span>
<a name="line-74"></a> <span class='hs-varid'>toHtmlFromList</span> <span class='hs-conid'>[]</span> <span class='hs-keyglyph'>=</span> <span class='hs-conid'>Html</span> <span class='hs-conid'>[]</span>
<a name="line-75"></a> <span class='hs-varid'>toHtmlFromList</span> <span class='hs-varid'>str</span> <span class='hs-keyglyph'>=</span> <span class='hs-conid'>Html</span> <span class='hs-keyglyph'>[</span><span class='hs-conid'>HtmlString</span> <span class='hs-layout'>(</span><span class='hs-varid'>stringToHtmlString</span> <span class='hs-varid'>str</span><span class='hs-layout'>)</span><span class='hs-keyglyph'>]</span>
<a name="line-76"></a>
<a name="line-77"></a><span class='hs-keyword'>instance</span> <span class='hs-layout'>(</span><span class='hs-conid'>HTML</span> <span class='hs-varid'>a</span><span class='hs-layout'>)</span> <span class='hs-keyglyph'>=></span> <span class='hs-conid'>HTML</span> <span class='hs-keyglyph'>[</span><span class='hs-varid'>a</span><span class='hs-keyglyph'>]</span> <span class='hs-keyword'>where</span>
<a name="line-78"></a> <span class='hs-varid'>toHtml</span> <span class='hs-varid'>xs</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>toHtmlFromList</span> <span class='hs-varid'>xs</span>
<a name="line-79"></a>
<a name="line-80"></a><a name="ADDATTRS"></a><span class='hs-keyword'>class</span> <span class='hs-conid'>ADDATTRS</span> <span class='hs-varid'>a</span> <span class='hs-keyword'>where</span>
<a name="line-81"></a> <span class='hs-layout'>(</span><span class='hs-varop'>!</span><span class='hs-layout'>)</span> <span class='hs-keyglyph'>::</span> <span class='hs-varid'>a</span> <span class='hs-keyglyph'>-></span> <span class='hs-keyglyph'>[</span><span class='hs-conid'>HtmlAttr</span><span class='hs-keyglyph'>]</span> <span class='hs-keyglyph'>-></span> <span class='hs-varid'>a</span>
<a name="line-82"></a>
<a name="line-83"></a><span class='hs-keyword'>instance</span> <span class='hs-layout'>(</span><span class='hs-conid'>ADDATTRS</span> <span class='hs-varid'>b</span><span class='hs-layout'>)</span> <span class='hs-keyglyph'>=></span> <span class='hs-conid'>ADDATTRS</span> <span class='hs-layout'>(</span><span class='hs-varid'>a</span> <span class='hs-keyglyph'>-></span> <span class='hs-varid'>b</span><span class='hs-layout'>)</span> <span class='hs-keyword'>where</span>
<a name="line-84"></a> <span class='hs-layout'>(</span><span class='hs-varop'>!</span><span class='hs-layout'>)</span> <span class='hs-varid'>fn</span> <span class='hs-varid'>attr</span> <span class='hs-keyglyph'>=</span> <span class='hs-keyglyph'>\</span> <span class='hs-varid'>arg</span> <span class='hs-keyglyph'>-></span> <span class='hs-varid'>fn</span> <span class='hs-varid'>arg</span> <span class='hs-varop'>!</span> <span class='hs-varid'>attr</span>
<a name="line-85"></a>
<a name="line-86"></a><span class='hs-keyword'>instance</span> <span class='hs-conid'>ADDATTRS</span> <span class='hs-conid'>Html</span> <span class='hs-keyword'>where</span>
<a name="line-87"></a> <span class='hs-layout'>(</span><span class='hs-varop'>!</span><span class='hs-layout'>)</span> <span class='hs-layout'>(</span><span class='hs-conid'>Html</span> <span class='hs-varid'>htmls</span><span class='hs-layout'>)</span> <span class='hs-varid'>attr</span> <span class='hs-keyglyph'>=</span> <span class='hs-conid'>Html</span> <span class='hs-layout'>(</span><span class='hs-varid'>map</span> <span class='hs-varid'>addAttrs</span> <span class='hs-varid'>htmls</span><span class='hs-layout'>)</span>
<a name="line-88"></a> <span class='hs-keyword'>where</span>
<a name="line-89"></a> <span class='hs-varid'>addAttrs</span> <span class='hs-varid'>html</span> <span class='hs-keyglyph'>=</span>
<a name="line-90"></a> <span class='hs-keyword'>case</span> <span class='hs-varid'>html</span> <span class='hs-keyword'>of</span>
<a name="line-91"></a> <span class='hs-conid'>HtmlTag</span> <span class='hs-layout'>{</span> <span class='hs-varid'>markupAttrs</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>markupAttrs0</span>
<a name="line-92"></a> <span class='hs-layout'>,</span> <span class='hs-varid'>markupTag</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>markupTag0</span>
<a name="line-93"></a> <span class='hs-layout'>,</span> <span class='hs-varid'>markupContent</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>markupContent0</span> <span class='hs-layout'>}</span> <span class='hs-keyglyph'>-></span>
<a name="line-94"></a> <span class='hs-conid'>HtmlTag</span> <span class='hs-layout'>{</span> <span class='hs-varid'>markupAttrs</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>markupAttrs0</span> <span class='hs-varop'>++</span> <span class='hs-varid'>attr</span>
<a name="line-95"></a> <span class='hs-layout'>,</span> <span class='hs-varid'>markupTag</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>markupTag0</span>
<a name="line-96"></a> <span class='hs-layout'>,</span> <span class='hs-varid'>markupContent</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>markupContent0</span> <span class='hs-layout'>}</span>
<a name="line-97"></a> <span class='hs-keyword'>_</span> <span class='hs-keyglyph'>-></span> <span class='hs-varid'>html</span>
<a name="line-98"></a>
<a name="line-99"></a>
<a name="line-100"></a><a name="<<"></a><span class='hs-layout'>(</span><span class='hs-varop'><<</span><span class='hs-layout'>)</span> <span class='hs-keyglyph'>::</span> <span class='hs-layout'>(</span><span class='hs-conid'>HTML</span> <span class='hs-varid'>a</span><span class='hs-layout'>)</span> <span class='hs-keyglyph'>=></span> <span class='hs-layout'>(</span><span class='hs-conid'>Html</span> <span class='hs-keyglyph'>-></span> <span class='hs-varid'>b</span><span class='hs-layout'>)</span> <span class='hs-keyglyph'>-></span> <span class='hs-varid'>a</span> <span class='hs-keyglyph'>-></span> <span class='hs-varid'>b</span>
<a name="line-101"></a><a name="fn"></a><span class='hs-definition'>fn</span> <span class='hs-varop'><<</span> <span class='hs-varid'>arg</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>fn</span> <span class='hs-layout'>(</span><span class='hs-varid'>toHtml</span> <span class='hs-varid'>arg</span><span class='hs-layout'>)</span>
<a name="line-102"></a>
<a name="line-103"></a>
<a name="line-104"></a><a name="concatHtml"></a><span class='hs-definition'>concatHtml</span> <span class='hs-keyglyph'>::</span> <span class='hs-layout'>(</span><span class='hs-conid'>HTML</span> <span class='hs-varid'>a</span><span class='hs-layout'>)</span> <span class='hs-keyglyph'>=></span> <span class='hs-keyglyph'>[</span><span class='hs-varid'>a</span><span class='hs-keyglyph'>]</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>Html</span>
<a name="line-105"></a><span class='hs-definition'>concatHtml</span> <span class='hs-keyword'>as</span> <span class='hs-keyglyph'>=</span> <span class='hs-conid'>Html</span> <span class='hs-layout'>(</span><span class='hs-varid'>concat</span> <span class='hs-layout'>(</span><span class='hs-varid'>map</span> <span class='hs-layout'>(</span><span class='hs-varid'>getHtmlElements</span><span class='hs-varop'>.</span><span class='hs-varid'>toHtml</span><span class='hs-layout'>)</span> <span class='hs-keyword'>as</span><span class='hs-layout'>)</span><span class='hs-layout'>)</span>
<a name="line-106"></a>
<a name="line-107"></a><a name="+++"></a><span class='hs-layout'>(</span><span class='hs-varop'>+++</span><span class='hs-layout'>)</span> <span class='hs-keyglyph'>::</span> <span class='hs-layout'>(</span><span class='hs-conid'>HTML</span> <span class='hs-varid'>a</span><span class='hs-layout'>,</span><span class='hs-conid'>HTML</span> <span class='hs-varid'>b</span><span class='hs-layout'>)</span> <span class='hs-keyglyph'>=></span> <span class='hs-varid'>a</span> <span class='hs-keyglyph'>-></span> <span class='hs-varid'>b</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>Html</span>
<a name="line-108"></a><a name="a"></a><span class='hs-definition'>a</span> <span class='hs-varop'>+++</span> <span class='hs-varid'>b</span> <span class='hs-keyglyph'>=</span> <span class='hs-conid'>Html</span> <span class='hs-layout'>(</span><span class='hs-varid'>getHtmlElements</span> <span class='hs-layout'>(</span><span class='hs-varid'>toHtml</span> <span class='hs-varid'>a</span><span class='hs-layout'>)</span> <span class='hs-varop'>++</span> <span class='hs-varid'>getHtmlElements</span> <span class='hs-layout'>(</span><span class='hs-varid'>toHtml</span> <span class='hs-varid'>b</span><span class='hs-layout'>)</span><span class='hs-layout'>)</span>
<a name="line-109"></a>
<a name="line-110"></a><a name="noHtml"></a><span class='hs-definition'>noHtml</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>Html</span>
<a name="line-111"></a><span class='hs-definition'>noHtml</span> <span class='hs-keyglyph'>=</span> <span class='hs-conid'>Html</span> <span class='hs-conid'>[]</span>
<a name="line-112"></a>
<a name="line-113"></a>
<a name="line-114"></a><a name="isNoHtml"></a><span class='hs-definition'>isNoHtml</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>Html</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>Bool</span>
<a name="line-115"></a><span class='hs-definition'>isNoHtml</span> <span class='hs-layout'>(</span><span class='hs-conid'>Html</span> <span class='hs-varid'>xs</span><span class='hs-layout'>)</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>null</span> <span class='hs-varid'>xs</span>
<a name="line-116"></a>
<a name="line-117"></a>
<a name="line-118"></a><a name="tag"></a><span class='hs-definition'>tag</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>String</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>Html</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>Html</span>
<a name="line-119"></a><span class='hs-definition'>tag</span> <span class='hs-varid'>str</span> <span class='hs-varid'>htmls</span> <span class='hs-keyglyph'>=</span>
<a name="line-120"></a> <span class='hs-conid'>Html</span> <span class='hs-keyglyph'>[</span> <span class='hs-conid'>HtmlTag</span> <span class='hs-layout'>{</span> <span class='hs-varid'>markupTag</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>str</span><span class='hs-layout'>,</span>
<a name="line-121"></a> <span class='hs-varid'>markupAttrs</span> <span class='hs-keyglyph'>=</span> <span class='hs-conid'>[]</span><span class='hs-layout'>,</span>
<a name="line-122"></a> <span class='hs-varid'>markupContent</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>htmls</span> <span class='hs-layout'>}</span>
<a name="line-123"></a> <span class='hs-keyglyph'>]</span>
<a name="line-124"></a>
<a name="line-125"></a><a name="itag"></a><span class='hs-definition'>itag</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>String</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>Html</span>
<a name="line-126"></a><span class='hs-definition'>itag</span> <span class='hs-varid'>str</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>tag</span> <span class='hs-varid'>str</span> <span class='hs-varid'>noHtml</span>
<a name="line-127"></a>
<a name="line-128"></a><a name="emptyAttr"></a><span class='hs-definition'>emptyAttr</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>String</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>HtmlAttr</span>
<a name="line-129"></a><span class='hs-definition'>emptyAttr</span> <span class='hs-varid'>s</span> <span class='hs-keyglyph'>=</span> <span class='hs-conid'>HtmlAttr</span> <span class='hs-varid'>s</span> <span class='hs-str'>""</span>
<a name="line-130"></a>
<a name="line-131"></a><a name="intAttr"></a><span class='hs-definition'>intAttr</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>String</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>Int</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>HtmlAttr</span>
<a name="line-132"></a><span class='hs-definition'>intAttr</span> <span class='hs-varid'>s</span> <span class='hs-varid'>i</span> <span class='hs-keyglyph'>=</span> <span class='hs-conid'>HtmlAttr</span> <span class='hs-varid'>s</span> <span class='hs-layout'>(</span><span class='hs-varid'>show</span> <span class='hs-varid'>i</span><span class='hs-layout'>)</span>
<a name="line-133"></a>
<a name="line-134"></a><a name="strAttr"></a><span class='hs-definition'>strAttr</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>String</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>String</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>HtmlAttr</span>
<a name="line-135"></a><span class='hs-definition'>strAttr</span> <span class='hs-varid'>s</span> <span class='hs-varid'>t</span> <span class='hs-keyglyph'>=</span> <span class='hs-conid'>HtmlAttr</span> <span class='hs-varid'>s</span> <span class='hs-varid'>t</span>
<a name="line-136"></a>
<a name="line-137"></a>
<a name="line-138"></a><a name="stringToHtmlString"></a><span class='hs-comment'>{-
<a name="line-139"></a>foldHtml :: (String -> [HtmlAttr] -> [a] -> a)
<a name="line-140"></a> -> (String -> a)
<a name="line-141"></a> -> Html
<a name="line-142"></a> -> a
<a name="line-143"></a>foldHtml f g (HtmlTag str attr fmls)
<a name="line-144"></a> = f str attr (map (foldHtml f g) fmls)
<a name="line-145"></a>foldHtml f g (HtmlString str)
<a name="line-146"></a> = g str
<a name="line-147"></a>
<a name="line-148"></a>-}</span>
<a name="line-149"></a><span class='hs-comment'>-- Processing Strings into Html friendly things.</span>
<a name="line-150"></a><span class='hs-comment'>-- This converts a String to a Html String.</span>
<a name="line-151"></a><span class='hs-definition'>stringToHtmlString</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>String</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>String</span>
<a name="line-152"></a><span class='hs-definition'>stringToHtmlString</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>concatMap</span> <span class='hs-varid'>fixChar</span>
<a name="line-153"></a> <span class='hs-keyword'>where</span>
<a name="line-154"></a> <span class='hs-varid'>fixChar</span> <span class='hs-chr'>'<'</span> <span class='hs-keyglyph'>=</span> <span class='hs-str'>"&lt;"</span>
<a name="line-155"></a> <span class='hs-varid'>fixChar</span> <span class='hs-chr'>'>'</span> <span class='hs-keyglyph'>=</span> <span class='hs-str'>"&gt;"</span>
<a name="line-156"></a> <span class='hs-varid'>fixChar</span> <span class='hs-chr'>'&'</span> <span class='hs-keyglyph'>=</span> <span class='hs-str'>"&amp;"</span>
<a name="line-157"></a> <span class='hs-varid'>fixChar</span> <span class='hs-chr'>'"'</span> <span class='hs-keyglyph'>=</span> <span class='hs-str'>"&quot;"</span>
<a name="line-158"></a> <span class='hs-varid'>fixChar</span> <span class='hs-varid'>c</span>
<a name="line-159"></a> <span class='hs-keyglyph'>|</span> <span class='hs-varid'>isAscii</span> <span class='hs-varid'>c</span> <span class='hs-keyglyph'>=</span> <span class='hs-keyglyph'>[</span><span class='hs-varid'>c</span><span class='hs-keyglyph'>]</span>
<a name="line-160"></a> <span class='hs-keyglyph'>|</span> <span class='hs-varid'>otherwise</span> <span class='hs-keyglyph'>=</span> <span class='hs-str'>"&#x"</span> <span class='hs-varop'>++</span> <span class='hs-varid'>showHex</span> <span class='hs-layout'>(</span><span class='hs-varid'>ord</span> <span class='hs-varid'>c</span><span class='hs-layout'>)</span> <span class='hs-str'>";"</span>
<a name="line-161"></a>
<a name="line-162"></a><span class='hs-comment'>-- ---------------------------------------------------------------------------</span>
<a name="line-163"></a><span class='hs-comment'>-- Classes</span>
<a name="line-164"></a>
<a name="line-165"></a><span class='hs-keyword'>instance</span> <span class='hs-conid'>Show</span> <span class='hs-conid'>Html</span> <span class='hs-keyword'>where</span>
<a name="line-166"></a> <span class='hs-varid'>showsPrec</span> <span class='hs-keyword'>_</span> <span class='hs-varid'>html</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>showString</span> <span class='hs-layout'>(</span><span class='hs-varid'>prettyHtml</span> <span class='hs-varid'>html</span><span class='hs-layout'>)</span>
<a name="line-167"></a> <span class='hs-varid'>showList</span> <span class='hs-varid'>htmls</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>showString</span> <span class='hs-layout'>(</span><span class='hs-varid'>concat</span> <span class='hs-layout'>(</span><span class='hs-varid'>map</span> <span class='hs-varid'>show</span> <span class='hs-varid'>htmls</span><span class='hs-layout'>)</span><span class='hs-layout'>)</span>
<a name="line-168"></a>
<a name="line-169"></a><span class='hs-keyword'>instance</span> <span class='hs-conid'>Show</span> <span class='hs-conid'>HtmlAttr</span> <span class='hs-keyword'>where</span>
<a name="line-170"></a> <span class='hs-varid'>showsPrec</span> <span class='hs-keyword'>_</span> <span class='hs-layout'>(</span><span class='hs-conid'>HtmlAttr</span> <span class='hs-varid'>str</span> <span class='hs-varid'>val</span><span class='hs-layout'>)</span> <span class='hs-keyglyph'>=</span>
<a name="line-171"></a> <span class='hs-varid'>showString</span> <span class='hs-varid'>str</span> <span class='hs-varop'>.</span>
<a name="line-172"></a> <span class='hs-varid'>showString</span> <span class='hs-str'>"="</span> <span class='hs-varop'>.</span>
<a name="line-173"></a> <span class='hs-varid'>shows</span> <span class='hs-varid'>val</span>
<a name="line-174"></a>
<a name="line-175"></a>
<a name="line-176"></a><span class='hs-comment'>-- ---------------------------------------------------------------------------</span>
<a name="line-177"></a><span class='hs-comment'>-- Data types</span>
<a name="line-178"></a>
<a name="line-179"></a><a name="URL"></a><span class='hs-keyword'>type</span> <span class='hs-conid'>URL</span> <span class='hs-keyglyph'>=</span> <span class='hs-conid'>String</span>
<a name="line-180"></a>
<a name="line-181"></a><span class='hs-comment'>-- ---------------------------------------------------------------------------</span>
<a name="line-182"></a><span class='hs-comment'>-- Basic primitives</span>
<a name="line-183"></a>
<a name="line-184"></a><span class='hs-comment'>-- This is not processed for special chars. </span>
<a name="line-185"></a><span class='hs-comment'>-- use stringToHtml or lineToHtml instead, for user strings, </span>
<a name="line-186"></a><span class='hs-comment'>-- because they understand special chars, like '<'.</span>
<a name="line-187"></a>
<a name="line-188"></a><a name="primHtml"></a><span class='hs-definition'>primHtml</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>String</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>Html</span>
<a name="line-189"></a><span class='hs-definition'>primHtml</span> <span class='hs-varid'>x</span> <span class='hs-keyglyph'>=</span> <span class='hs-conid'>Html</span> <span class='hs-keyglyph'>[</span><span class='hs-conid'>HtmlString</span> <span class='hs-varid'>x</span><span class='hs-keyglyph'>]</span>
<a name="line-190"></a>
<a name="line-191"></a><span class='hs-comment'>-- ---------------------------------------------------------------------------</span>
<a name="line-192"></a><span class='hs-comment'>-- Basic Combinators</span>
<a name="line-193"></a>
<a name="line-194"></a><a name="stringToHtml"></a><span class='hs-definition'>stringToHtml</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>String</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>Html</span>
<a name="line-195"></a><span class='hs-definition'>stringToHtml</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>primHtml</span> <span class='hs-varop'>.</span> <span class='hs-varid'>stringToHtmlString</span>
<a name="line-196"></a>
<a name="line-197"></a><span class='hs-comment'>-- This converts a string, but keeps spaces as non-line-breakable</span>
<a name="line-198"></a>
<a name="line-199"></a><a name="lineToHtml"></a><span class='hs-definition'>lineToHtml</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>String</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>Html</span>
<a name="line-200"></a><span class='hs-definition'>lineToHtml</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>primHtml</span> <span class='hs-varop'>.</span> <span class='hs-varid'>concatMap</span> <span class='hs-varid'>htmlizeChar2</span> <span class='hs-varop'>.</span> <span class='hs-varid'>stringToHtmlString</span>
<a name="line-201"></a> <span class='hs-keyword'>where</span>
<a name="line-202"></a> <span class='hs-varid'>htmlizeChar2</span> <span class='hs-chr'>' '</span> <span class='hs-keyglyph'>=</span> <span class='hs-str'>"&nbsp;"</span>
<a name="line-203"></a> <span class='hs-varid'>htmlizeChar2</span> <span class='hs-varid'>c</span> <span class='hs-keyglyph'>=</span> <span class='hs-keyglyph'>[</span><span class='hs-varid'>c</span><span class='hs-keyglyph'>]</span>
<a name="line-204"></a>
<a name="line-205"></a><span class='hs-comment'>-- ---------------------------------------------------------------------------</span>
<a name="line-206"></a><span class='hs-comment'>-- Html Constructors</span>
<a name="line-207"></a>
<a name="line-208"></a><span class='hs-comment'>-- (automatically generated)</span>
<a name="line-209"></a>
<a name="line-210"></a><a name="address"></a><span class='hs-definition'>address</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>Html</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>Html</span>
<a name="line-211"></a><a name="anchor"></a><span class='hs-definition'>anchor</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>Html</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>Html</span>
<a name="line-212"></a><a name="applet"></a><span class='hs-definition'>applet</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>Html</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>Html</span>
<a name="line-213"></a><a name="area"></a><span class='hs-definition'>area</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>Html</span>
<a name="line-214"></a><a name="basefont"></a><span class='hs-definition'>basefont</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>Html</span>
<a name="line-215"></a><a name="big"></a><span class='hs-definition'>big</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>Html</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>Html</span>
<a name="line-216"></a><a name="blockquote"></a><span class='hs-definition'>blockquote</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>Html</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>Html</span>
<a name="line-217"></a><a name="body"></a><span class='hs-definition'>body</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>Html</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>Html</span>
<a name="line-218"></a><a name="bold"></a><span class='hs-definition'>bold</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>Html</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>Html</span>
<a name="line-219"></a><a name="br"></a><span class='hs-definition'>br</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>Html</span>
<a name="line-220"></a><a name="button"></a><span class='hs-definition'>button</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>Html</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>Html</span>
<a name="line-221"></a><a name="caption"></a><span class='hs-definition'>caption</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>Html</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>Html</span>
<a name="line-222"></a><a name="center"></a><span class='hs-definition'>center</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>Html</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>Html</span>
<a name="line-223"></a><a name="cite"></a><span class='hs-definition'>cite</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>Html</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>Html</span>
<a name="line-224"></a><a name="ddef"></a><span class='hs-definition'>ddef</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>Html</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>Html</span>
<a name="line-225"></a><a name="define"></a><span class='hs-definition'>define</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>Html</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>Html</span>
<a name="line-226"></a><a name="dlist"></a><span class='hs-definition'>dlist</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>Html</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>Html</span>
<a name="line-227"></a><a name="dterm"></a><span class='hs-definition'>dterm</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>Html</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>Html</span>
<a name="line-228"></a><a name="emphasize"></a><span class='hs-definition'>emphasize</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>Html</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>Html</span>
<a name="line-229"></a><a name="fieldset"></a><span class='hs-definition'>fieldset</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>Html</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>Html</span>
<a name="line-230"></a><a name="font"></a><span class='hs-definition'>font</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>Html</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>Html</span>
<a name="line-231"></a><a name="form"></a><span class='hs-definition'>form</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>Html</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>Html</span>
<a name="line-232"></a><a name="frame"></a><span class='hs-definition'>frame</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>Html</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>Html</span>
<a name="line-233"></a><a name="frameset"></a><span class='hs-definition'>frameset</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>Html</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>Html</span>
<a name="line-234"></a><a name="h1"></a><span class='hs-definition'>h1</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>Html</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>Html</span>
<a name="line-235"></a><a name="h2"></a><span class='hs-definition'>h2</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>Html</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>Html</span>
<a name="line-236"></a><a name="h3"></a><span class='hs-definition'>h3</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>Html</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>Html</span>
<a name="line-237"></a><a name="h4"></a><span class='hs-definition'>h4</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>Html</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>Html</span>
<a name="line-238"></a><a name="h5"></a><span class='hs-definition'>h5</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>Html</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>Html</span>
<a name="line-239"></a><a name="h6"></a><span class='hs-definition'>h6</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>Html</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>Html</span>
<a name="line-240"></a><a name="header"></a><span class='hs-definition'>header</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>Html</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>Html</span>
<a name="line-241"></a><a name="hr"></a><span class='hs-definition'>hr</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>Html</span>
<a name="line-242"></a><a name="image"></a><span class='hs-definition'>image</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>Html</span>
<a name="line-243"></a><a name="input"></a><span class='hs-definition'>input</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>Html</span>
<a name="line-244"></a><a name="italics"></a><span class='hs-definition'>italics</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>Html</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>Html</span>
<a name="line-245"></a><a name="keyboard"></a><span class='hs-definition'>keyboard</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>Html</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>Html</span>
<a name="line-246"></a><a name="legend"></a><span class='hs-definition'>legend</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>Html</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>Html</span>
<a name="line-247"></a><a name="li"></a><span class='hs-definition'>li</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>Html</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>Html</span>
<a name="line-248"></a><a name="meta"></a><span class='hs-definition'>meta</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>Html</span>
<a name="line-249"></a><a name="noframes"></a><span class='hs-definition'>noframes</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>Html</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>Html</span>
<a name="line-250"></a><a name="olist"></a><span class='hs-definition'>olist</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>Html</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>Html</span>
<a name="line-251"></a><a name="option"></a><span class='hs-definition'>option</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>Html</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>Html</span>
<a name="line-252"></a><a name="paragraph"></a><span class='hs-definition'>paragraph</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>Html</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>Html</span>
<a name="line-253"></a><a name="param"></a><span class='hs-definition'>param</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>Html</span>
<a name="line-254"></a><a name="pre"></a><span class='hs-definition'>pre</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>Html</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>Html</span>
<a name="line-255"></a><a name="sample"></a><span class='hs-definition'>sample</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>Html</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>Html</span>
<a name="line-256"></a><a name="script"></a><span class='hs-definition'>script</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>Html</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>Html</span>
<a name="line-257"></a><a name="select"></a><span class='hs-definition'>select</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>Html</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>Html</span>
<a name="line-258"></a><a name="small"></a><span class='hs-definition'>small</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>Html</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>Html</span>
<a name="line-259"></a><a name="strong"></a><span class='hs-definition'>strong</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>Html</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>Html</span>
<a name="line-260"></a><a name="style"></a><span class='hs-definition'>style</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>Html</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>Html</span>
<a name="line-261"></a><a name="sub"></a><span class='hs-definition'>sub</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>Html</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>Html</span>
<a name="line-262"></a><a name="sup"></a><span class='hs-definition'>sup</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>Html</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>Html</span>
<a name="line-263"></a><a name="table"></a><span class='hs-definition'>table</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>Html</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>Html</span>
<a name="line-264"></a><a name="thetd"></a><span class='hs-definition'>thetd</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>Html</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>Html</span>
<a name="line-265"></a><a name="textarea"></a><span class='hs-definition'>textarea</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>Html</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>Html</span>
<a name="line-266"></a><a name="th"></a><span class='hs-definition'>th</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>Html</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>Html</span>
<a name="line-267"></a><a name="thebase"></a><span class='hs-definition'>thebase</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>Html</span>
<a name="line-268"></a><a name="thecode"></a><span class='hs-definition'>thecode</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>Html</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>Html</span>
<a name="line-269"></a><a name="thediv"></a><span class='hs-definition'>thediv</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>Html</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>Html</span>
<a name="line-270"></a><a name="thehtml"></a><span class='hs-definition'>thehtml</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>Html</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>Html</span>
<a name="line-271"></a><a name="thelink"></a><span class='hs-definition'>thelink</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>Html</span>
<a name="line-272"></a><a name="themap"></a><span class='hs-definition'>themap</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>Html</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>Html</span>
<a name="line-273"></a><a name="thespan"></a><span class='hs-definition'>thespan</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>Html</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>Html</span>
<a name="line-274"></a><a name="thetitle"></a><span class='hs-definition'>thetitle</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>Html</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>Html</span>
<a name="line-275"></a><a name="tr"></a><span class='hs-definition'>tr</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>Html</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>Html</span>
<a name="line-276"></a><a name="tt"></a><span class='hs-definition'>tt</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>Html</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>Html</span>
<a name="line-277"></a><a name="ulist"></a><span class='hs-definition'>ulist</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>Html</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>Html</span>
<a name="line-278"></a><a name="underline"></a><span class='hs-definition'>underline</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>Html</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>Html</span>
<a name="line-279"></a><a name="variable"></a><span class='hs-definition'>variable</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>Html</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>Html</span>
<a name="line-280"></a>
<a name="line-281"></a><span class='hs-definition'>address</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>tag</span> <span class='hs-str'>"ADDRESS"</span>
<a name="line-282"></a><span class='hs-definition'>anchor</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>tag</span> <span class='hs-str'>"A"</span>
<a name="line-283"></a><span class='hs-definition'>applet</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>tag</span> <span class='hs-str'>"APPLET"</span>
<a name="line-284"></a><span class='hs-definition'>area</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>itag</span> <span class='hs-str'>"AREA"</span>
<a name="line-285"></a><span class='hs-definition'>basefont</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>itag</span> <span class='hs-str'>"BASEFONT"</span>
<a name="line-286"></a><span class='hs-definition'>big</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>tag</span> <span class='hs-str'>"BIG"</span>
<a name="line-287"></a><span class='hs-definition'>blockquote</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>tag</span> <span class='hs-str'>"BLOCKQUOTE"</span>
<a name="line-288"></a><span class='hs-definition'>body</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>tag</span> <span class='hs-str'>"BODY"</span>
<a name="line-289"></a><span class='hs-definition'>bold</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>tag</span> <span class='hs-str'>"B"</span>
<a name="line-290"></a><span class='hs-definition'>br</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>itag</span> <span class='hs-str'>"BR"</span>
<a name="line-291"></a><span class='hs-definition'>button</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>tag</span> <span class='hs-str'>"BUTTON"</span>
<a name="line-292"></a><span class='hs-definition'>caption</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>tag</span> <span class='hs-str'>"CAPTION"</span>
<a name="line-293"></a><span class='hs-definition'>center</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>tag</span> <span class='hs-str'>"CENTER"</span>
<a name="line-294"></a><span class='hs-definition'>cite</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>tag</span> <span class='hs-str'>"CITE"</span>
<a name="line-295"></a><span class='hs-definition'>ddef</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>tag</span> <span class='hs-str'>"DD"</span>
<a name="line-296"></a><span class='hs-definition'>define</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>tag</span> <span class='hs-str'>"DFN"</span>
<a name="line-297"></a><span class='hs-definition'>dlist</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>tag</span> <span class='hs-str'>"DL"</span>
<a name="line-298"></a><span class='hs-definition'>dterm</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>tag</span> <span class='hs-str'>"DT"</span>
<a name="line-299"></a><span class='hs-definition'>emphasize</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>tag</span> <span class='hs-str'>"EM"</span>
<a name="line-300"></a><span class='hs-definition'>fieldset</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>tag</span> <span class='hs-str'>"FIELDSET"</span>
<a name="line-301"></a><span class='hs-definition'>font</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>tag</span> <span class='hs-str'>"FONT"</span>
<a name="line-302"></a><span class='hs-definition'>form</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>tag</span> <span class='hs-str'>"FORM"</span>
<a name="line-303"></a><span class='hs-definition'>frame</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>tag</span> <span class='hs-str'>"FRAME"</span>
<a name="line-304"></a><span class='hs-definition'>frameset</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>tag</span> <span class='hs-str'>"FRAMESET"</span>
<a name="line-305"></a><span class='hs-definition'>h1</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>tag</span> <span class='hs-str'>"H1"</span>
<a name="line-306"></a><span class='hs-definition'>h2</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>tag</span> <span class='hs-str'>"H2"</span>
<a name="line-307"></a><span class='hs-definition'>h3</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>tag</span> <span class='hs-str'>"H3"</span>
<a name="line-308"></a><span class='hs-definition'>h4</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>tag</span> <span class='hs-str'>"H4"</span>
<a name="line-309"></a><span class='hs-definition'>h5</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>tag</span> <span class='hs-str'>"H5"</span>
<a name="line-310"></a><span class='hs-definition'>h6</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>tag</span> <span class='hs-str'>"H6"</span>
<a name="line-311"></a><span class='hs-definition'>header</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>tag</span> <span class='hs-str'>"HEAD"</span>
<a name="line-312"></a><span class='hs-definition'>hr</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>itag</span> <span class='hs-str'>"HR"</span>
<a name="line-313"></a><span class='hs-definition'>image</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>itag</span> <span class='hs-str'>"IMG"</span>
<a name="line-314"></a><span class='hs-definition'>input</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>itag</span> <span class='hs-str'>"INPUT"</span>
<a name="line-315"></a><span class='hs-definition'>italics</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>tag</span> <span class='hs-str'>"I"</span>
<a name="line-316"></a><span class='hs-definition'>keyboard</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>tag</span> <span class='hs-str'>"KBD"</span>
<a name="line-317"></a><span class='hs-definition'>legend</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>tag</span> <span class='hs-str'>"LEGEND"</span>
<a name="line-318"></a><span class='hs-definition'>li</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>tag</span> <span class='hs-str'>"LI"</span>
<a name="line-319"></a><span class='hs-definition'>meta</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>itag</span> <span class='hs-str'>"META"</span>
<a name="line-320"></a><span class='hs-definition'>noframes</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>tag</span> <span class='hs-str'>"NOFRAMES"</span>
<a name="line-321"></a><span class='hs-definition'>olist</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>tag</span> <span class='hs-str'>"OL"</span>
<a name="line-322"></a><span class='hs-definition'>option</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>tag</span> <span class='hs-str'>"OPTION"</span>
<a name="line-323"></a><span class='hs-definition'>paragraph</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>tag</span> <span class='hs-str'>"P"</span>
<a name="line-324"></a><span class='hs-definition'>param</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>itag</span> <span class='hs-str'>"PARAM"</span>
<a name="line-325"></a><span class='hs-definition'>pre</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>tag</span> <span class='hs-str'>"PRE"</span>
<a name="line-326"></a><span class='hs-definition'>sample</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>tag</span> <span class='hs-str'>"SAMP"</span>
<a name="line-327"></a><span class='hs-definition'>script</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>tag</span> <span class='hs-str'>"SCRIPT"</span>
<a name="line-328"></a><span class='hs-definition'>select</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>tag</span> <span class='hs-str'>"SELECT"</span>
<a name="line-329"></a><span class='hs-definition'>small</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>tag</span> <span class='hs-str'>"SMALL"</span>
<a name="line-330"></a><span class='hs-definition'>strong</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>tag</span> <span class='hs-str'>"STRONG"</span>
<a name="line-331"></a><span class='hs-definition'>style</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>tag</span> <span class='hs-str'>"STYLE"</span>
<a name="line-332"></a><span class='hs-definition'>sub</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>tag</span> <span class='hs-str'>"SUB"</span>
<a name="line-333"></a><span class='hs-definition'>sup</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>tag</span> <span class='hs-str'>"SUP"</span>
<a name="line-334"></a><span class='hs-definition'>table</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>tag</span> <span class='hs-str'>"TABLE"</span>
<a name="line-335"></a><span class='hs-definition'>thetd</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>tag</span> <span class='hs-str'>"TD"</span>
<a name="line-336"></a><span class='hs-definition'>textarea</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>tag</span> <span class='hs-str'>"TEXTAREA"</span>
<a name="line-337"></a><span class='hs-definition'>th</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>tag</span> <span class='hs-str'>"TH"</span>
<a name="line-338"></a><span class='hs-definition'>thebase</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>itag</span> <span class='hs-str'>"BASE"</span>
<a name="line-339"></a><span class='hs-definition'>thecode</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>tag</span> <span class='hs-str'>"CODE"</span>
<a name="line-340"></a><span class='hs-definition'>thediv</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>tag</span> <span class='hs-str'>"DIV"</span>
<a name="line-341"></a><span class='hs-definition'>thehtml</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>tag</span> <span class='hs-str'>"HTML"</span>
<a name="line-342"></a><span class='hs-definition'>thelink</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>itag</span> <span class='hs-str'>"LINK"</span>
<a name="line-343"></a><span class='hs-definition'>themap</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>tag</span> <span class='hs-str'>"MAP"</span>
<a name="line-344"></a><span class='hs-definition'>thespan</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>tag</span> <span class='hs-str'>"SPAN"</span>
<a name="line-345"></a><span class='hs-definition'>thetitle</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>tag</span> <span class='hs-str'>"TITLE"</span>
<a name="line-346"></a><span class='hs-definition'>tr</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>tag</span> <span class='hs-str'>"TR"</span>
<a name="line-347"></a><span class='hs-definition'>tt</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>tag</span> <span class='hs-str'>"TT"</span>
<a name="line-348"></a><span class='hs-definition'>ulist</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>tag</span> <span class='hs-str'>"UL"</span>
<a name="line-349"></a><span class='hs-definition'>underline</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>tag</span> <span class='hs-str'>"U"</span>
<a name="line-350"></a><span class='hs-definition'>variable</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>tag</span> <span class='hs-str'>"VAR"</span>
<a name="line-351"></a>
<a name="line-352"></a><span class='hs-comment'>-- ---------------------------------------------------------------------------</span>
<a name="line-353"></a><span class='hs-comment'>-- Html Attributes</span>
<a name="line-354"></a>
<a name="line-355"></a><span class='hs-comment'>-- (automatically generated)</span>
<a name="line-356"></a>
<a name="line-357"></a><a name="action"></a><span class='hs-definition'>action</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>String</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>HtmlAttr</span>
<a name="line-358"></a><a name="align"></a><span class='hs-definition'>align</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>String</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>HtmlAttr</span>
<a name="line-359"></a><a name="alink"></a><span class='hs-definition'>alink</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>String</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>HtmlAttr</span>
<a name="line-360"></a><a name="alt"></a><span class='hs-definition'>alt</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>String</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>HtmlAttr</span>
<a name="line-361"></a><a name="altcode"></a><span class='hs-definition'>altcode</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>String</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>HtmlAttr</span>
<a name="line-362"></a><a name="archive"></a><span class='hs-definition'>archive</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>String</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>HtmlAttr</span>
<a name="line-363"></a><a name="background"></a><span class='hs-definition'>background</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>String</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>HtmlAttr</span>
<a name="line-364"></a><a name="base"></a><span class='hs-definition'>base</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>String</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>HtmlAttr</span>
<a name="line-365"></a><a name="bgcolor"></a><span class='hs-definition'>bgcolor</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>String</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>HtmlAttr</span>
<a name="line-366"></a><a name="border"></a><span class='hs-definition'>border</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>Int</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>HtmlAttr</span>
<a name="line-367"></a><a name="bordercolor"></a><span class='hs-definition'>bordercolor</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>String</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>HtmlAttr</span>
<a name="line-368"></a><a name="cellpadding"></a><span class='hs-definition'>cellpadding</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>Int</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>HtmlAttr</span>
<a name="line-369"></a><a name="cellspacing"></a><span class='hs-definition'>cellspacing</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>Int</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>HtmlAttr</span>
<a name="line-370"></a><a name="checked"></a><span class='hs-definition'>checked</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>HtmlAttr</span>
<a name="line-371"></a><a name="clear"></a><span class='hs-definition'>clear</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>String</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>HtmlAttr</span>
<a name="line-372"></a><a name="code"></a><span class='hs-definition'>code</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>String</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>HtmlAttr</span>
<a name="line-373"></a><a name="codebase"></a><span class='hs-definition'>codebase</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>String</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>HtmlAttr</span>
<a name="line-374"></a><a name="color"></a><span class='hs-definition'>color</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>String</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>HtmlAttr</span>
<a name="line-375"></a><a name="cols"></a><span class='hs-definition'>cols</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>String</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>HtmlAttr</span>
<a name="line-376"></a><a name="colspan"></a><span class='hs-definition'>colspan</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>Int</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>HtmlAttr</span>
<a name="line-377"></a><a name="compact"></a><span class='hs-definition'>compact</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>HtmlAttr</span>
<a name="line-378"></a><a name="content"></a><span class='hs-definition'>content</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>String</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>HtmlAttr</span>
<a name="line-379"></a><a name="coords"></a><span class='hs-definition'>coords</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>String</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>HtmlAttr</span>
<a name="line-380"></a><a name="enctype"></a><span class='hs-definition'>enctype</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>String</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>HtmlAttr</span>
<a name="line-381"></a><a name="face"></a><span class='hs-definition'>face</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>String</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>HtmlAttr</span>
<a name="line-382"></a><a name="frameborder"></a><span class='hs-definition'>frameborder</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>Int</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>HtmlAttr</span>
<a name="line-383"></a><a name="height"></a><span class='hs-definition'>height</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>Int</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>HtmlAttr</span>
<a name="line-384"></a><a name="href"></a><span class='hs-definition'>href</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>String</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>HtmlAttr</span>
<a name="line-385"></a><a name="hspace"></a><span class='hs-definition'>hspace</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>Int</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>HtmlAttr</span>
<a name="line-386"></a><a name="httpequiv"></a><span class='hs-definition'>httpequiv</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>String</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>HtmlAttr</span>
<a name="line-387"></a><a name="identifier"></a><span class='hs-definition'>identifier</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>String</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>HtmlAttr</span>
<a name="line-388"></a><a name="ismap"></a><span class='hs-definition'>ismap</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>HtmlAttr</span>
<a name="line-389"></a><a name="lang"></a><span class='hs-definition'>lang</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>String</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>HtmlAttr</span>
<a name="line-390"></a><a name="link"></a><span class='hs-definition'>link</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>String</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>HtmlAttr</span>
<a name="line-391"></a><a name="marginheight"></a><span class='hs-definition'>marginheight</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>Int</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>HtmlAttr</span>
<a name="line-392"></a><a name="marginwidth"></a><span class='hs-definition'>marginwidth</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>Int</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>HtmlAttr</span>
<a name="line-393"></a><a name="maxlength"></a><span class='hs-definition'>maxlength</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>Int</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>HtmlAttr</span>
<a name="line-394"></a><a name="method"></a><span class='hs-definition'>method</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>String</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>HtmlAttr</span>
<a name="line-395"></a><a name="multiple"></a><span class='hs-definition'>multiple</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>HtmlAttr</span>
<a name="line-396"></a><a name="name"></a><span class='hs-definition'>name</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>String</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>HtmlAttr</span>
<a name="line-397"></a><a name="nohref"></a><span class='hs-definition'>nohref</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>HtmlAttr</span>
<a name="line-398"></a><a name="noresize"></a><span class='hs-definition'>noresize</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>HtmlAttr</span>
<a name="line-399"></a><a name="noshade"></a><span class='hs-definition'>noshade</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>HtmlAttr</span>
<a name="line-400"></a><a name="nowrap"></a><span class='hs-definition'>nowrap</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>HtmlAttr</span>
<a name="line-401"></a><a name="onclick"></a><span class='hs-definition'>onclick</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>String</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>HtmlAttr</span>
<a name="line-402"></a><a name="rel"></a><span class='hs-definition'>rel</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>String</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>HtmlAttr</span>
<a name="line-403"></a><a name="rev"></a><span class='hs-definition'>rev</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>String</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>HtmlAttr</span>
<a name="line-404"></a><a name="rows"></a><span class='hs-definition'>rows</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>String</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>HtmlAttr</span>
<a name="line-405"></a><a name="rowspan"></a><span class='hs-definition'>rowspan</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>Int</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>HtmlAttr</span>
<a name="line-406"></a><a name="rules"></a><span class='hs-definition'>rules</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>String</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>HtmlAttr</span>
<a name="line-407"></a><a name="scrolling"></a><span class='hs-definition'>scrolling</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>String</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>HtmlAttr</span>
<a name="line-408"></a><a name="selected"></a><span class='hs-definition'>selected</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>HtmlAttr</span>
<a name="line-409"></a><a name="shape"></a><span class='hs-definition'>shape</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>String</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>HtmlAttr</span>
<a name="line-410"></a><a name="size"></a><span class='hs-definition'>size</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>String</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>HtmlAttr</span>
<a name="line-411"></a><a name="src"></a><span class='hs-definition'>src</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>String</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>HtmlAttr</span>
<a name="line-412"></a><a name="start"></a><span class='hs-definition'>start</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>Int</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>HtmlAttr</span>
<a name="line-413"></a><a name="target"></a><span class='hs-definition'>target</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>String</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>HtmlAttr</span>
<a name="line-414"></a><a name="text"></a><span class='hs-definition'>text</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>String</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>HtmlAttr</span>
<a name="line-415"></a><a name="theclass"></a><span class='hs-definition'>theclass</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>String</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>HtmlAttr</span>
<a name="line-416"></a><a name="thestyle"></a><span class='hs-definition'>thestyle</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>String</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>HtmlAttr</span>
<a name="line-417"></a><a name="thetype"></a><span class='hs-definition'>thetype</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>String</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>HtmlAttr</span>
<a name="line-418"></a><a name="title"></a><span class='hs-definition'>title</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>String</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>HtmlAttr</span>
<a name="line-419"></a><a name="usemap"></a><span class='hs-definition'>usemap</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>String</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>HtmlAttr</span>
<a name="line-420"></a><a name="valign"></a><span class='hs-definition'>valign</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>String</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>HtmlAttr</span>
<a name="line-421"></a><a name="value"></a><span class='hs-definition'>value</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>String</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>HtmlAttr</span>
<a name="line-422"></a><a name="version"></a><span class='hs-definition'>version</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>String</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>HtmlAttr</span>
<a name="line-423"></a><a name="vlink"></a><span class='hs-definition'>vlink</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>String</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>HtmlAttr</span>
<a name="line-424"></a><a name="vspace"></a><span class='hs-definition'>vspace</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>Int</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>HtmlAttr</span>
<a name="line-425"></a><a name="width"></a><span class='hs-definition'>width</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>String</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>HtmlAttr</span>
<a name="line-426"></a>
<a name="line-427"></a><span class='hs-definition'>action</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>strAttr</span> <span class='hs-str'>"ACTION"</span>
<a name="line-428"></a><span class='hs-definition'>align</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>strAttr</span> <span class='hs-str'>"ALIGN"</span>
<a name="line-429"></a><span class='hs-definition'>alink</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>strAttr</span> <span class='hs-str'>"ALINK"</span>
<a name="line-430"></a><span class='hs-definition'>alt</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>strAttr</span> <span class='hs-str'>"ALT"</span>
<a name="line-431"></a><span class='hs-definition'>altcode</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>strAttr</span> <span class='hs-str'>"ALTCODE"</span>
<a name="line-432"></a><span class='hs-definition'>archive</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>strAttr</span> <span class='hs-str'>"ARCHIVE"</span>
<a name="line-433"></a><span class='hs-definition'>background</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>strAttr</span> <span class='hs-str'>"BACKGROUND"</span>
<a name="line-434"></a><span class='hs-definition'>base</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>strAttr</span> <span class='hs-str'>"BASE"</span>
<a name="line-435"></a><span class='hs-definition'>bgcolor</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>strAttr</span> <span class='hs-str'>"BGCOLOR"</span>
<a name="line-436"></a><span class='hs-definition'>border</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>intAttr</span> <span class='hs-str'>"BORDER"</span>
<a name="line-437"></a><span class='hs-definition'>bordercolor</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>strAttr</span> <span class='hs-str'>"BORDERCOLOR"</span>
<a name="line-438"></a><span class='hs-definition'>cellpadding</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>intAttr</span> <span class='hs-str'>"CELLPADDING"</span>
<a name="line-439"></a><span class='hs-definition'>cellspacing</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>intAttr</span> <span class='hs-str'>"CELLSPACING"</span>
<a name="line-440"></a><span class='hs-definition'>checked</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>emptyAttr</span> <span class='hs-str'>"CHECKED"</span>
<a name="line-441"></a><span class='hs-definition'>clear</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>strAttr</span> <span class='hs-str'>"CLEAR"</span>
<a name="line-442"></a><span class='hs-definition'>code</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>strAttr</span> <span class='hs-str'>"CODE"</span>
<a name="line-443"></a><span class='hs-definition'>codebase</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>strAttr</span> <span class='hs-str'>"CODEBASE"</span>
<a name="line-444"></a><span class='hs-definition'>color</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>strAttr</span> <span class='hs-str'>"COLOR"</span>
<a name="line-445"></a><span class='hs-definition'>cols</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>strAttr</span> <span class='hs-str'>"COLS"</span>
<a name="line-446"></a><span class='hs-definition'>colspan</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>intAttr</span> <span class='hs-str'>"COLSPAN"</span>
<a name="line-447"></a><span class='hs-definition'>compact</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>emptyAttr</span> <span class='hs-str'>"COMPACT"</span>
<a name="line-448"></a><span class='hs-definition'>content</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>strAttr</span> <span class='hs-str'>"CONTENT"</span>
<a name="line-449"></a><span class='hs-definition'>coords</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>strAttr</span> <span class='hs-str'>"COORDS"</span>
<a name="line-450"></a><span class='hs-definition'>enctype</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>strAttr</span> <span class='hs-str'>"ENCTYPE"</span>
<a name="line-451"></a><span class='hs-definition'>face</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>strAttr</span> <span class='hs-str'>"FACE"</span>
<a name="line-452"></a><span class='hs-definition'>frameborder</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>intAttr</span> <span class='hs-str'>"FRAMEBORDER"</span>
<a name="line-453"></a><span class='hs-definition'>height</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>intAttr</span> <span class='hs-str'>"HEIGHT"</span>
<a name="line-454"></a><span class='hs-definition'>href</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>strAttr</span> <span class='hs-str'>"HREF"</span>
<a name="line-455"></a><span class='hs-definition'>hspace</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>intAttr</span> <span class='hs-str'>"HSPACE"</span>
<a name="line-456"></a><span class='hs-definition'>httpequiv</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>strAttr</span> <span class='hs-str'>"HTTP-EQUIV"</span>
<a name="line-457"></a><span class='hs-definition'>identifier</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>strAttr</span> <span class='hs-str'>"ID"</span>
<a name="line-458"></a><span class='hs-definition'>ismap</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>emptyAttr</span> <span class='hs-str'>"ISMAP"</span>
<a name="line-459"></a><span class='hs-definition'>lang</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>strAttr</span> <span class='hs-str'>"LANG"</span>
<a name="line-460"></a><span class='hs-definition'>link</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>strAttr</span> <span class='hs-str'>"LINK"</span>
<a name="line-461"></a><span class='hs-definition'>marginheight</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>intAttr</span> <span class='hs-str'>"MARGINHEIGHT"</span>
<a name="line-462"></a><span class='hs-definition'>marginwidth</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>intAttr</span> <span class='hs-str'>"MARGINWIDTH"</span>
<a name="line-463"></a><span class='hs-definition'>maxlength</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>intAttr</span> <span class='hs-str'>"MAXLENGTH"</span>
<a name="line-464"></a><span class='hs-definition'>method</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>strAttr</span> <span class='hs-str'>"METHOD"</span>
<a name="line-465"></a><span class='hs-definition'>multiple</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>emptyAttr</span> <span class='hs-str'>"MULTIPLE"</span>
<a name="line-466"></a><span class='hs-definition'>name</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>strAttr</span> <span class='hs-str'>"NAME"</span>
<a name="line-467"></a><span class='hs-definition'>nohref</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>emptyAttr</span> <span class='hs-str'>"NOHREF"</span>
<a name="line-468"></a><span class='hs-definition'>noresize</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>emptyAttr</span> <span class='hs-str'>"NORESIZE"</span>
<a name="line-469"></a><span class='hs-definition'>noshade</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>emptyAttr</span> <span class='hs-str'>"NOSHADE"</span>
<a name="line-470"></a><span class='hs-definition'>nowrap</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>emptyAttr</span> <span class='hs-str'>"NOWRAP"</span>
<a name="line-471"></a><span class='hs-definition'>onclick</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>strAttr</span> <span class='hs-str'>"ONCLICK"</span>
<a name="line-472"></a><span class='hs-definition'>rel</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>strAttr</span> <span class='hs-str'>"REL"</span>
<a name="line-473"></a><span class='hs-definition'>rev</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>strAttr</span> <span class='hs-str'>"REV"</span>
<a name="line-474"></a><span class='hs-definition'>rows</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>strAttr</span> <span class='hs-str'>"ROWS"</span>
<a name="line-475"></a><span class='hs-definition'>rowspan</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>intAttr</span> <span class='hs-str'>"ROWSPAN"</span>
<a name="line-476"></a><span class='hs-definition'>rules</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>strAttr</span> <span class='hs-str'>"RULES"</span>
<a name="line-477"></a><span class='hs-definition'>scrolling</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>strAttr</span> <span class='hs-str'>"SCROLLING"</span>
<a name="line-478"></a><span class='hs-definition'>selected</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>emptyAttr</span> <span class='hs-str'>"SELECTED"</span>
<a name="line-479"></a><span class='hs-definition'>shape</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>strAttr</span> <span class='hs-str'>"SHAPE"</span>
<a name="line-480"></a><span class='hs-definition'>size</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>strAttr</span> <span class='hs-str'>"SIZE"</span>
<a name="line-481"></a><span class='hs-definition'>src</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>strAttr</span> <span class='hs-str'>"SRC"</span>
<a name="line-482"></a><span class='hs-definition'>start</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>intAttr</span> <span class='hs-str'>"START"</span>
<a name="line-483"></a><span class='hs-definition'>target</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>strAttr</span> <span class='hs-str'>"TARGET"</span>
<a name="line-484"></a><span class='hs-definition'>text</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>strAttr</span> <span class='hs-str'>"TEXT"</span>
<a name="line-485"></a><span class='hs-definition'>theclass</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>strAttr</span> <span class='hs-str'>"CLASS"</span>
<a name="line-486"></a><span class='hs-definition'>thestyle</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>strAttr</span> <span class='hs-str'>"STYLE"</span>
<a name="line-487"></a><span class='hs-definition'>thetype</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>strAttr</span> <span class='hs-str'>"TYPE"</span>
<a name="line-488"></a><span class='hs-definition'>title</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>strAttr</span> <span class='hs-str'>"TITLE"</span>
<a name="line-489"></a><span class='hs-definition'>usemap</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>strAttr</span> <span class='hs-str'>"USEMAP"</span>
<a name="line-490"></a><span class='hs-definition'>valign</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>strAttr</span> <span class='hs-str'>"VALIGN"</span>
<a name="line-491"></a><span class='hs-definition'>value</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>strAttr</span> <span class='hs-str'>"VALUE"</span>
<a name="line-492"></a><span class='hs-definition'>version</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>strAttr</span> <span class='hs-str'>"VERSION"</span>
<a name="line-493"></a><span class='hs-definition'>vlink</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>strAttr</span> <span class='hs-str'>"VLINK"</span>
<a name="line-494"></a><span class='hs-definition'>vspace</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>intAttr</span> <span class='hs-str'>"VSPACE"</span>
<a name="line-495"></a><span class='hs-definition'>width</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>strAttr</span> <span class='hs-str'>"WIDTH"</span>
<a name="line-496"></a>
<a name="line-497"></a><span class='hs-comment'>-- ---------------------------------------------------------------------------</span>
<a name="line-498"></a><span class='hs-comment'>-- Html Constructors</span>
<a name="line-499"></a>
<a name="line-500"></a><span class='hs-comment'>-- (automatically generated)</span>
<a name="line-501"></a>
<a name="line-502"></a><a name="validHtmlTags"></a><span class='hs-definition'>validHtmlTags</span> <span class='hs-keyglyph'>::</span> <span class='hs-keyglyph'>[</span><span class='hs-conid'>String</span><span class='hs-keyglyph'>]</span>
<a name="line-503"></a><span class='hs-definition'>validHtmlTags</span> <span class='hs-keyglyph'>=</span> <span class='hs-keyglyph'>[</span>
<a name="line-504"></a> <span class='hs-str'>"ADDRESS"</span><span class='hs-layout'>,</span>
<a name="line-505"></a> <span class='hs-str'>"A"</span><span class='hs-layout'>,</span>
<a name="line-506"></a> <span class='hs-str'>"APPLET"</span><span class='hs-layout'>,</span>
<a name="line-507"></a> <span class='hs-str'>"BIG"</span><span class='hs-layout'>,</span>
<a name="line-508"></a> <span class='hs-str'>"BLOCKQUOTE"</span><span class='hs-layout'>,</span>
<a name="line-509"></a> <span class='hs-str'>"BODY"</span><span class='hs-layout'>,</span>
<a name="line-510"></a> <span class='hs-str'>"B"</span><span class='hs-layout'>,</span>
<a name="line-511"></a> <span class='hs-str'>"CAPTION"</span><span class='hs-layout'>,</span>
<a name="line-512"></a> <span class='hs-str'>"CENTER"</span><span class='hs-layout'>,</span>
<a name="line-513"></a> <span class='hs-str'>"CITE"</span><span class='hs-layout'>,</span>
<a name="line-514"></a> <span class='hs-str'>"DD"</span><span class='hs-layout'>,</span>
<a name="line-515"></a> <span class='hs-str'>"DFN"</span><span class='hs-layout'>,</span>
<a name="line-516"></a> <span class='hs-str'>"DL"</span><span class='hs-layout'>,</span>
<a name="line-517"></a> <span class='hs-str'>"DT"</span><span class='hs-layout'>,</span>
<a name="line-518"></a> <span class='hs-str'>"EM"</span><span class='hs-layout'>,</span>
<a name="line-519"></a> <span class='hs-str'>"FIELDSET"</span><span class='hs-layout'>,</span>
<a name="line-520"></a> <span class='hs-str'>"FONT"</span><span class='hs-layout'>,</span>
<a name="line-521"></a> <span class='hs-str'>"FORM"</span><span class='hs-layout'>,</span>
<a name="line-522"></a> <span class='hs-str'>"FRAME"</span><span class='hs-layout'>,</span>
<a name="line-523"></a> <span class='hs-str'>"FRAMESET"</span><span class='hs-layout'>,</span>
<a name="line-524"></a> <span class='hs-str'>"H1"</span><span class='hs-layout'>,</span>
<a name="line-525"></a> <span class='hs-str'>"H2"</span><span class='hs-layout'>,</span>
<a name="line-526"></a> <span class='hs-str'>"H3"</span><span class='hs-layout'>,</span>
<a name="line-527"></a> <span class='hs-str'>"H4"</span><span class='hs-layout'>,</span>
<a name="line-528"></a> <span class='hs-str'>"H5"</span><span class='hs-layout'>,</span>
<a name="line-529"></a> <span class='hs-str'>"H6"</span><span class='hs-layout'>,</span>
<a name="line-530"></a> <span class='hs-str'>"HEAD"</span><span class='hs-layout'>,</span>
<a name="line-531"></a> <span class='hs-str'>"I"</span><span class='hs-layout'>,</span>
<a name="line-532"></a> <span class='hs-str'>"KBD"</span><span class='hs-layout'>,</span>
<a name="line-533"></a> <span class='hs-str'>"LEGEND"</span><span class='hs-layout'>,</span>
<a name="line-534"></a> <span class='hs-str'>"LI"</span><span class='hs-layout'>,</span>
<a name="line-535"></a> <span class='hs-str'>"NOFRAMES"</span><span class='hs-layout'>,</span>
<a name="line-536"></a> <span class='hs-str'>"OL"</span><span class='hs-layout'>,</span>
<a name="line-537"></a> <span class='hs-str'>"OPTION"</span><span class='hs-layout'>,</span>
<a name="line-538"></a> <span class='hs-str'>"P"</span><span class='hs-layout'>,</span>
<a name="line-539"></a> <span class='hs-str'>"PRE"</span><span class='hs-layout'>,</span>
<a name="line-540"></a> <span class='hs-str'>"SAMP"</span><span class='hs-layout'>,</span>
<a name="line-541"></a> <span class='hs-str'>"SELECT"</span><span class='hs-layout'>,</span>
<a name="line-542"></a> <span class='hs-str'>"SMALL"</span><span class='hs-layout'>,</span>
<a name="line-543"></a> <span class='hs-str'>"STRONG"</span><span class='hs-layout'>,</span>
<a name="line-544"></a> <span class='hs-str'>"STYLE"</span><span class='hs-layout'>,</span>
<a name="line-545"></a> <span class='hs-str'>"SUB"</span><span class='hs-layout'>,</span>
<a name="line-546"></a> <span class='hs-str'>"SUP"</span><span class='hs-layout'>,</span>
<a name="line-547"></a> <span class='hs-str'>"TABLE"</span><span class='hs-layout'>,</span>
<a name="line-548"></a> <span class='hs-str'>"TD"</span><span class='hs-layout'>,</span>
<a name="line-549"></a> <span class='hs-str'>"TEXTAREA"</span><span class='hs-layout'>,</span>
<a name="line-550"></a> <span class='hs-str'>"TH"</span><span class='hs-layout'>,</span>
<a name="line-551"></a> <span class='hs-str'>"CODE"</span><span class='hs-layout'>,</span>
<a name="line-552"></a> <span class='hs-str'>"DIV"</span><span class='hs-layout'>,</span>
<a name="line-553"></a> <span class='hs-str'>"HTML"</span><span class='hs-layout'>,</span>
<a name="line-554"></a> <span class='hs-str'>"LINK"</span><span class='hs-layout'>,</span>
<a name="line-555"></a> <span class='hs-str'>"MAP"</span><span class='hs-layout'>,</span>
<a name="line-556"></a> <span class='hs-str'>"TITLE"</span><span class='hs-layout'>,</span>
<a name="line-557"></a> <span class='hs-str'>"TR"</span><span class='hs-layout'>,</span>
<a name="line-558"></a> <span class='hs-str'>"TT"</span><span class='hs-layout'>,</span>
<a name="line-559"></a> <span class='hs-str'>"UL"</span><span class='hs-layout'>,</span>
<a name="line-560"></a> <span class='hs-str'>"U"</span><span class='hs-layout'>,</span>
<a name="line-561"></a> <span class='hs-str'>"VAR"</span><span class='hs-keyglyph'>]</span>
<a name="line-562"></a>
<a name="line-563"></a><a name="validHtmlITags"></a><span class='hs-definition'>validHtmlITags</span> <span class='hs-keyglyph'>::</span> <span class='hs-keyglyph'>[</span><span class='hs-conid'>String</span><span class='hs-keyglyph'>]</span>
<a name="line-564"></a><span class='hs-definition'>validHtmlITags</span> <span class='hs-keyglyph'>=</span> <span class='hs-keyglyph'>[</span>
<a name="line-565"></a> <span class='hs-str'>"AREA"</span><span class='hs-layout'>,</span>
<a name="line-566"></a> <span class='hs-str'>"BASEFONT"</span><span class='hs-layout'>,</span>
<a name="line-567"></a> <span class='hs-str'>"BR"</span><span class='hs-layout'>,</span>
<a name="line-568"></a> <span class='hs-str'>"HR"</span><span class='hs-layout'>,</span>
<a name="line-569"></a> <span class='hs-str'>"IMG"</span><span class='hs-layout'>,</span>
<a name="line-570"></a> <span class='hs-str'>"INPUT"</span><span class='hs-layout'>,</span>
<a name="line-571"></a> <span class='hs-str'>"LINK"</span><span class='hs-layout'>,</span>
<a name="line-572"></a> <span class='hs-str'>"META"</span><span class='hs-layout'>,</span>
<a name="line-573"></a> <span class='hs-str'>"PARAM"</span><span class='hs-layout'>,</span>
<a name="line-574"></a> <span class='hs-str'>"BASE"</span><span class='hs-keyglyph'>]</span>
<a name="line-575"></a>
<a name="line-576"></a><a name="validHtmlAttrs"></a><span class='hs-definition'>validHtmlAttrs</span> <span class='hs-keyglyph'>::</span> <span class='hs-keyglyph'>[</span><span class='hs-conid'>String</span><span class='hs-keyglyph'>]</span>
<a name="line-577"></a><span class='hs-definition'>validHtmlAttrs</span> <span class='hs-keyglyph'>=</span> <span class='hs-keyglyph'>[</span>
<a name="line-578"></a> <span class='hs-str'>"ACTION"</span><span class='hs-layout'>,</span>
<a name="line-579"></a> <span class='hs-str'>"ALIGN"</span><span class='hs-layout'>,</span>
<a name="line-580"></a> <span class='hs-str'>"ALINK"</span><span class='hs-layout'>,</span>
<a name="line-581"></a> <span class='hs-str'>"ALT"</span><span class='hs-layout'>,</span>
<a name="line-582"></a> <span class='hs-str'>"ALTCODE"</span><span class='hs-layout'>,</span>
<a name="line-583"></a> <span class='hs-str'>"ARCHIVE"</span><span class='hs-layout'>,</span>
<a name="line-584"></a> <span class='hs-str'>"BACKGROUND"</span><span class='hs-layout'>,</span>
<a name="line-585"></a> <span class='hs-str'>"BASE"</span><span class='hs-layout'>,</span>
<a name="line-586"></a> <span class='hs-str'>"BGCOLOR"</span><span class='hs-layout'>,</span>
<a name="line-587"></a> <span class='hs-str'>"BORDER"</span><span class='hs-layout'>,</span>
<a name="line-588"></a> <span class='hs-str'>"BORDERCOLOR"</span><span class='hs-layout'>,</span>
<a name="line-589"></a> <span class='hs-str'>"CELLPADDING"</span><span class='hs-layout'>,</span>
<a name="line-590"></a> <span class='hs-str'>"CELLSPACING"</span><span class='hs-layout'>,</span>
<a name="line-591"></a> <span class='hs-str'>"CHECKED"</span><span class='hs-layout'>,</span>
<a name="line-592"></a> <span class='hs-str'>"CLEAR"</span><span class='hs-layout'>,</span>
<a name="line-593"></a> <span class='hs-str'>"CODE"</span><span class='hs-layout'>,</span>
<a name="line-594"></a> <span class='hs-str'>"CODEBASE"</span><span class='hs-layout'>,</span>
<a name="line-595"></a> <span class='hs-str'>"COLOR"</span><span class='hs-layout'>,</span>
<a name="line-596"></a> <span class='hs-str'>"COLS"</span><span class='hs-layout'>,</span>
<a name="line-597"></a> <span class='hs-str'>"COLSPAN"</span><span class='hs-layout'>,</span>
<a name="line-598"></a> <span class='hs-str'>"COMPACT"</span><span class='hs-layout'>,</span>
<a name="line-599"></a> <span class='hs-str'>"CONTENT"</span><span class='hs-layout'>,</span>
<a name="line-600"></a> <span class='hs-str'>"COORDS"</span><span class='hs-layout'>,</span>
<a name="line-601"></a> <span class='hs-str'>"ENCTYPE"</span><span class='hs-layout'>,</span>
<a name="line-602"></a> <span class='hs-str'>"FACE"</span><span class='hs-layout'>,</span>
<a name="line-603"></a> <span class='hs-str'>"FRAMEBORDER"</span><span class='hs-layout'>,</span>
<a name="line-604"></a> <span class='hs-str'>"HEIGHT"</span><span class='hs-layout'>,</span>
<a name="line-605"></a> <span class='hs-str'>"HREF"</span><span class='hs-layout'>,</span>
<a name="line-606"></a> <span class='hs-str'>"HSPACE"</span><span class='hs-layout'>,</span>
<a name="line-607"></a> <span class='hs-str'>"HTTP-EQUIV"</span><span class='hs-layout'>,</span>
<a name="line-608"></a> <span class='hs-str'>"ID"</span><span class='hs-layout'>,</span>
<a name="line-609"></a> <span class='hs-str'>"ISMAP"</span><span class='hs-layout'>,</span>
<a name="line-610"></a> <span class='hs-str'>"LANG"</span><span class='hs-layout'>,</span>
<a name="line-611"></a> <span class='hs-str'>"LINK"</span><span class='hs-layout'>,</span>
<a name="line-612"></a> <span class='hs-str'>"MARGINHEIGHT"</span><span class='hs-layout'>,</span>
<a name="line-613"></a> <span class='hs-str'>"MARGINWIDTH"</span><span class='hs-layout'>,</span>
<a name="line-614"></a> <span class='hs-str'>"MAXLENGTH"</span><span class='hs-layout'>,</span>
<a name="line-615"></a> <span class='hs-str'>"METHOD"</span><span class='hs-layout'>,</span>
<a name="line-616"></a> <span class='hs-str'>"MULTIPLE"</span><span class='hs-layout'>,</span>
<a name="line-617"></a> <span class='hs-str'>"NAME"</span><span class='hs-layout'>,</span>
<a name="line-618"></a> <span class='hs-str'>"NOHREF"</span><span class='hs-layout'>,</span>
<a name="line-619"></a> <span class='hs-str'>"NORESIZE"</span><span class='hs-layout'>,</span>
<a name="line-620"></a> <span class='hs-str'>"NOSHADE"</span><span class='hs-layout'>,</span>
<a name="line-621"></a> <span class='hs-str'>"NOWRAP"</span><span class='hs-layout'>,</span>
<a name="line-622"></a> <span class='hs-str'>"REL"</span><span class='hs-layout'>,</span>
<a name="line-623"></a> <span class='hs-str'>"REV"</span><span class='hs-layout'>,</span>
<a name="line-624"></a> <span class='hs-str'>"ROWS"</span><span class='hs-layout'>,</span>
<a name="line-625"></a> <span class='hs-str'>"ROWSPAN"</span><span class='hs-layout'>,</span>
<a name="line-626"></a> <span class='hs-str'>"RULES"</span><span class='hs-layout'>,</span>
<a name="line-627"></a> <span class='hs-str'>"SCROLLING"</span><span class='hs-layout'>,</span>
<a name="line-628"></a> <span class='hs-str'>"SELECTED"</span><span class='hs-layout'>,</span>
<a name="line-629"></a> <span class='hs-str'>"SHAPE"</span><span class='hs-layout'>,</span>
<a name="line-630"></a> <span class='hs-str'>"SIZE"</span><span class='hs-layout'>,</span>
<a name="line-631"></a> <span class='hs-str'>"SRC"</span><span class='hs-layout'>,</span>
<a name="line-632"></a> <span class='hs-str'>"START"</span><span class='hs-layout'>,</span>
<a name="line-633"></a> <span class='hs-str'>"TARGET"</span><span class='hs-layout'>,</span>
<a name="line-634"></a> <span class='hs-str'>"TEXT"</span><span class='hs-layout'>,</span>
<a name="line-635"></a> <span class='hs-str'>"CLASS"</span><span class='hs-layout'>,</span>
<a name="line-636"></a> <span class='hs-str'>"STYLE"</span><span class='hs-layout'>,</span>
<a name="line-637"></a> <span class='hs-str'>"TYPE"</span><span class='hs-layout'>,</span>
<a name="line-638"></a> <span class='hs-str'>"TITLE"</span><span class='hs-layout'>,</span>
<a name="line-639"></a> <span class='hs-str'>"USEMAP"</span><span class='hs-layout'>,</span>
<a name="line-640"></a> <span class='hs-str'>"VALIGN"</span><span class='hs-layout'>,</span>
<a name="line-641"></a> <span class='hs-str'>"VALUE"</span><span class='hs-layout'>,</span>
<a name="line-642"></a> <span class='hs-str'>"VERSION"</span><span class='hs-layout'>,</span>
<a name="line-643"></a> <span class='hs-str'>"VLINK"</span><span class='hs-layout'>,</span>
<a name="line-644"></a> <span class='hs-str'>"VSPACE"</span><span class='hs-layout'>,</span>
<a name="line-645"></a> <span class='hs-str'>"WIDTH"</span><span class='hs-keyglyph'>]</span>
<a name="line-646"></a>
<a name="line-647"></a><span class='hs-comment'>-- ---------------------------------------------------------------------------</span>
<a name="line-648"></a><span class='hs-comment'>-- Html colors</span>
<a name="line-649"></a>
<a name="line-650"></a><a name="aqua"></a><span class='hs-definition'>aqua</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>String</span>
<a name="line-651"></a><a name="black"></a><span class='hs-definition'>black</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>String</span>
<a name="line-652"></a><a name="blue"></a><span class='hs-definition'>blue</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>String</span>
<a name="line-653"></a><a name="fuchsia"></a><span class='hs-definition'>fuchsia</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>String</span>
<a name="line-654"></a><a name="gray"></a><span class='hs-definition'>gray</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>String</span>
<a name="line-655"></a><a name="green"></a><span class='hs-definition'>green</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>String</span>
<a name="line-656"></a><a name="lime"></a><span class='hs-definition'>lime</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>String</span>
<a name="line-657"></a><a name="maroon"></a><span class='hs-definition'>maroon</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>String</span>
<a name="line-658"></a><a name="navy"></a><span class='hs-definition'>navy</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>String</span>
<a name="line-659"></a><a name="olive"></a><span class='hs-definition'>olive</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>String</span>
<a name="line-660"></a><a name="purple"></a><span class='hs-definition'>purple</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>String</span>
<a name="line-661"></a><a name="red"></a><span class='hs-definition'>red</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>String</span>
<a name="line-662"></a><a name="silver"></a><span class='hs-definition'>silver</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>String</span>
<a name="line-663"></a><a name="teal"></a><span class='hs-definition'>teal</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>String</span>
<a name="line-664"></a><a name="yellow"></a><span class='hs-definition'>yellow</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>String</span>
<a name="line-665"></a><a name="white"></a><span class='hs-definition'>white</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>String</span>
<a name="line-666"></a>
<a name="line-667"></a><span class='hs-definition'>aqua</span> <span class='hs-keyglyph'>=</span> <span class='hs-str'>"aqua"</span>
<a name="line-668"></a><span class='hs-definition'>black</span> <span class='hs-keyglyph'>=</span> <span class='hs-str'>"black"</span>
<a name="line-669"></a><span class='hs-definition'>blue</span> <span class='hs-keyglyph'>=</span> <span class='hs-str'>"blue"</span>
<a name="line-670"></a><span class='hs-definition'>fuchsia</span> <span class='hs-keyglyph'>=</span> <span class='hs-str'>"fuchsia"</span>
<a name="line-671"></a><span class='hs-definition'>gray</span> <span class='hs-keyglyph'>=</span> <span class='hs-str'>"gray"</span>
<a name="line-672"></a><span class='hs-definition'>green</span> <span class='hs-keyglyph'>=</span> <span class='hs-str'>"green"</span>
<a name="line-673"></a><span class='hs-definition'>lime</span> <span class='hs-keyglyph'>=</span> <span class='hs-str'>"lime"</span>
<a name="line-674"></a><span class='hs-definition'>maroon</span> <span class='hs-keyglyph'>=</span> <span class='hs-str'>"maroon"</span>
<a name="line-675"></a><span class='hs-definition'>navy</span> <span class='hs-keyglyph'>=</span> <span class='hs-str'>"navy"</span>
<a name="line-676"></a><span class='hs-definition'>olive</span> <span class='hs-keyglyph'>=</span> <span class='hs-str'>"olive"</span>
<a name="line-677"></a><span class='hs-definition'>purple</span> <span class='hs-keyglyph'>=</span> <span class='hs-str'>"purple"</span>
<a name="line-678"></a><span class='hs-definition'>red</span> <span class='hs-keyglyph'>=</span> <span class='hs-str'>"red"</span>
<a name="line-679"></a><span class='hs-definition'>silver</span> <span class='hs-keyglyph'>=</span> <span class='hs-str'>"silver"</span>
<a name="line-680"></a><span class='hs-definition'>teal</span> <span class='hs-keyglyph'>=</span> <span class='hs-str'>"teal"</span>
<a name="line-681"></a><span class='hs-definition'>yellow</span> <span class='hs-keyglyph'>=</span> <span class='hs-str'>"yellow"</span>
<a name="line-682"></a><span class='hs-definition'>white</span> <span class='hs-keyglyph'>=</span> <span class='hs-str'>"white"</span>
<a name="line-683"></a>
<a name="line-684"></a><span class='hs-comment'>-- ---------------------------------------------------------------------------</span>
<a name="line-685"></a><span class='hs-comment'>-- Basic Combinators</span>
<a name="line-686"></a>
<a name="line-687"></a><a name="linesToHtml"></a><span class='hs-definition'>linesToHtml</span> <span class='hs-keyglyph'>::</span> <span class='hs-keyglyph'>[</span><span class='hs-conid'>String</span><span class='hs-keyglyph'>]</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>Html</span>
<a name="line-688"></a>
<a name="line-689"></a><span class='hs-definition'>linesToHtml</span> <span class='hs-conid'>[]</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>noHtml</span>
<a name="line-690"></a><span class='hs-definition'>linesToHtml</span> <span class='hs-layout'>(</span><span class='hs-varid'>x</span><span class='hs-conop'>:</span><span class='hs-conid'>[]</span><span class='hs-layout'>)</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>lineToHtml</span> <span class='hs-varid'>x</span>
<a name="line-691"></a><span class='hs-definition'>linesToHtml</span> <span class='hs-layout'>(</span><span class='hs-varid'>x</span><span class='hs-conop'>:</span><span class='hs-varid'>xs</span><span class='hs-layout'>)</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>lineToHtml</span> <span class='hs-varid'>x</span> <span class='hs-varop'>+++</span> <span class='hs-varid'>br</span> <span class='hs-varop'>+++</span> <span class='hs-varid'>linesToHtml</span> <span class='hs-varid'>xs</span>
<a name="line-692"></a>
<a name="line-693"></a>
<a name="line-694"></a><span class='hs-comment'>-- ---------------------------------------------------------------------------</span>
<a name="line-695"></a><span class='hs-comment'>-- Html abbriviations</span>
<a name="line-696"></a>
<a name="line-697"></a><a name="primHtmlChar"></a><span class='hs-definition'>primHtmlChar</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>String</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>Html</span>
<a name="line-698"></a><a name="copyright"></a><span class='hs-definition'>copyright</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>Html</span>
<a name="line-699"></a><a name="spaceHtml"></a><span class='hs-definition'>spaceHtml</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>Html</span>
<a name="line-700"></a><a name="bullet"></a><span class='hs-definition'>bullet</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>Html</span>
<a name="line-701"></a><a name="p"></a><span class='hs-definition'>p</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>Html</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>Html</span>
<a name="line-702"></a>
<a name="line-703"></a><span class='hs-definition'>primHtmlChar</span> <span class='hs-keyglyph'>=</span> <span class='hs-keyglyph'>\</span> <span class='hs-varid'>x</span> <span class='hs-keyglyph'>-></span> <span class='hs-varid'>primHtml</span> <span class='hs-layout'>(</span><span class='hs-str'>"&"</span> <span class='hs-varop'>++</span> <span class='hs-varid'>x</span> <span class='hs-varop'>++</span> <span class='hs-str'>";"</span><span class='hs-layout'>)</span>
<a name="line-704"></a><span class='hs-definition'>copyright</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>primHtmlChar</span> <span class='hs-str'>"copy"</span>
<a name="line-705"></a><span class='hs-definition'>spaceHtml</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>primHtmlChar</span> <span class='hs-str'>"nbsp"</span>
<a name="line-706"></a><span class='hs-definition'>bullet</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>primHtmlChar</span> <span class='hs-str'>"#149"</span>
<a name="line-707"></a>
<a name="line-708"></a><span class='hs-definition'>p</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>paragraph</span>
<a name="line-709"></a>
<a name="line-710"></a><span class='hs-comment'>-- ---------------------------------------------------------------------------</span>
<a name="line-711"></a><span class='hs-comment'>-- Html tables</span>
<a name="line-712"></a>
<a name="line-713"></a><a name="cell"></a><span class='hs-definition'>cell</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>Html</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>HtmlTable</span>
<a name="line-714"></a><span class='hs-definition'>cell</span> <span class='hs-varid'>h</span> <span class='hs-keyglyph'>=</span> <span class='hs-keyword'>let</span>
<a name="line-715"></a> <span class='hs-varid'>cellFn</span> <span class='hs-varid'>x</span> <span class='hs-varid'>y</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>h</span> <span class='hs-varop'>!</span> <span class='hs-layout'>(</span><span class='hs-varid'>add</span> <span class='hs-varid'>x</span> <span class='hs-varid'>colspan</span> <span class='hs-varop'>$</span> <span class='hs-varid'>add</span> <span class='hs-varid'>y</span> <span class='hs-varid'>rowspan</span> <span class='hs-varop'>$</span> <span class='hs-conid'>[]</span><span class='hs-layout'>)</span>
<a name="line-716"></a> <span class='hs-varid'>add</span> <span class='hs-num'>1</span> <span class='hs-keyword'>_</span> <span class='hs-varid'>rest</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>rest</span>
<a name="line-717"></a> <span class='hs-varid'>add</span> <span class='hs-varid'>n</span> <span class='hs-varid'>fn</span> <span class='hs-varid'>rest</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>fn</span> <span class='hs-varid'>n</span> <span class='hs-conop'>:</span> <span class='hs-varid'>rest</span>
<a name="line-718"></a> <span class='hs-varid'>r</span> <span class='hs-keyglyph'>=</span> <span class='hs-conid'>BT</span><span class='hs-varop'>.</span><span class='hs-varid'>single</span> <span class='hs-varid'>cellFn</span>
<a name="line-719"></a> <span class='hs-keyword'>in</span>
<a name="line-720"></a> <span class='hs-varid'>mkHtmlTable</span> <span class='hs-varid'>r</span>
<a name="line-721"></a>
<a name="line-722"></a><span class='hs-comment'>-- We internally represent the Cell inside a Table with an</span>
<a name="line-723"></a><span class='hs-comment'>-- object of the type</span>
<a name="line-724"></a><span class='hs-comment'>-- \pre{</span>
<a name="line-725"></a><span class='hs-comment'>-- Int -> Int -> Html</span>
<a name="line-726"></a><span class='hs-comment'>-- } </span>
<a name="line-727"></a><span class='hs-comment'>-- When we render it later, we find out how many columns</span>
<a name="line-728"></a><span class='hs-comment'>-- or rows this cell will span over, and can</span>
<a name="line-729"></a><span class='hs-comment'>-- include the correct colspan/rowspan command.</span>
<a name="line-730"></a>
<a name="line-731"></a><a name="HtmlTable"></a><span class='hs-keyword'>newtype</span> <span class='hs-conid'>HtmlTable</span>
<a name="line-732"></a> <span class='hs-keyglyph'>=</span> <span class='hs-conid'>HtmlTable</span> <span class='hs-layout'>(</span><span class='hs-conid'>BT</span><span class='hs-varop'>.</span><span class='hs-conid'>BlockTable</span> <span class='hs-layout'>(</span><span class='hs-conid'>Int</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>Int</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>Html</span><span class='hs-layout'>)</span><span class='hs-layout'>)</span>
<a name="line-733"></a>
<a name="line-734"></a><a name="td"></a><span class='hs-definition'>td</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>Html</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>HtmlTable</span>
<a name="line-735"></a><span class='hs-definition'>td</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>cell</span> <span class='hs-varop'>.</span> <span class='hs-varid'>thetd</span>
<a name="line-736"></a>
<a name="line-737"></a><a name="tda"></a><span class='hs-definition'>tda</span> <span class='hs-keyglyph'>::</span> <span class='hs-keyglyph'>[</span><span class='hs-conid'>HtmlAttr</span><span class='hs-keyglyph'>]</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>Html</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>HtmlTable</span>
<a name="line-738"></a><span class='hs-definition'>tda</span> <span class='hs-keyword'>as</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>cell</span> <span class='hs-varop'>.</span> <span class='hs-layout'>(</span><span class='hs-varid'>thetd</span> <span class='hs-varop'>!</span> <span class='hs-keyword'>as</span><span class='hs-layout'>)</span>
<a name="line-739"></a>
<a name="line-740"></a><a name="above"></a><span class='hs-definition'>above</span><span class='hs-layout'>,</span> <span class='hs-varid'>beside</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>HtmlTable</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>HtmlTable</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>HtmlTable</span>
<a name="line-741"></a><span class='hs-definition'>above</span> <span class='hs-varid'>a</span> <span class='hs-varid'>b</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>combine</span> <span class='hs-conid'>BT</span><span class='hs-varop'>.</span><span class='hs-varid'>above</span> <span class='hs-varid'>a</span> <span class='hs-varid'>b</span>
<a name="line-742"></a><a name="beside"></a><span class='hs-definition'>beside</span> <span class='hs-varid'>a</span> <span class='hs-varid'>b</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>combine</span> <span class='hs-conid'>BT</span><span class='hs-varop'>.</span><span class='hs-varid'>beside</span> <span class='hs-varid'>a</span> <span class='hs-varid'>b</span>
<a name="line-743"></a>
<a name="line-744"></a><span class='hs-keyword'>infixr</span> <span class='hs-num'>3</span> <span class='hs-varop'></></span> <span class='hs-comment'>-- combining table cells </span>
<a name="line-745"></a><span class='hs-keyword'>infixr</span> <span class='hs-num'>4</span> <span class='hs-varop'><-></span> <span class='hs-comment'>-- combining table cells</span>
<a name="line-746"></a><a name="</>"></a><span class='hs-layout'>(</span><span class='hs-varop'></></span><span class='hs-layout'>)</span><span class='hs-layout'>,</span> <span class='hs-layout'>(</span><span class='hs-varop'><-></span><span class='hs-layout'>)</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>HtmlTable</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>HtmlTable</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>HtmlTable</span>
<a name="line-747"></a><span class='hs-layout'>(</span><span class='hs-varop'></></span><span class='hs-layout'>)</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>above</span>
<a name="line-748"></a><a name="<->"></a><span class='hs-layout'>(</span><span class='hs-varop'><-></span><span class='hs-layout'>)</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>beside</span>
<a name="line-749"></a>
<a name="line-750"></a><a name="emptyTable"></a><span class='hs-definition'>emptyTable</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>HtmlTable</span>
<a name="line-751"></a><span class='hs-definition'>emptyTable</span> <span class='hs-keyglyph'>=</span> <span class='hs-conid'>HtmlTable</span> <span class='hs-conid'>BT</span><span class='hs-varop'>.</span><span class='hs-varid'>empty</span>
<a name="line-752"></a>
<a name="line-753"></a><a name="aboves"></a><span class='hs-definition'>aboves</span><span class='hs-layout'>,</span> <span class='hs-varid'>besides</span> <span class='hs-keyglyph'>::</span> <span class='hs-keyglyph'>[</span><span class='hs-conid'>HtmlTable</span><span class='hs-keyglyph'>]</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>HtmlTable</span>
<a name="line-754"></a><span class='hs-definition'>aboves</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>foldr</span> <span class='hs-varid'>above</span> <span class='hs-varid'>emptyTable</span>
<a name="line-755"></a><a name="besides"></a><span class='hs-definition'>besides</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>foldr</span> <span class='hs-varid'>beside</span> <span class='hs-varid'>emptyTable</span>
<a name="line-756"></a>
<a name="line-757"></a><a name="mkHtmlTable"></a><span class='hs-definition'>mkHtmlTable</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>BT</span><span class='hs-varop'>.</span><span class='hs-conid'>BlockTable</span> <span class='hs-layout'>(</span><span class='hs-conid'>Int</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>Int</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>Html</span><span class='hs-layout'>)</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>HtmlTable</span>
<a name="line-758"></a><span class='hs-definition'>mkHtmlTable</span> <span class='hs-varid'>r</span> <span class='hs-keyglyph'>=</span> <span class='hs-conid'>HtmlTable</span> <span class='hs-varid'>r</span>
<a name="line-759"></a>
<a name="line-760"></a><a name="combine"></a><span class='hs-definition'>combine</span> <span class='hs-keyglyph'>::</span> <span class='hs-layout'>(</span><span class='hs-conid'>BT</span><span class='hs-varop'>.</span><span class='hs-conid'>BlockTable</span> <span class='hs-layout'>(</span><span class='hs-conid'>Int</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>Int</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>Html</span><span class='hs-layout'>)</span>
<a name="line-761"></a> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>BT</span><span class='hs-varop'>.</span><span class='hs-conid'>BlockTable</span> <span class='hs-layout'>(</span><span class='hs-conid'>Int</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>Int</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>Html</span><span class='hs-layout'>)</span>
<a name="line-762"></a> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>BT</span><span class='hs-varop'>.</span><span class='hs-conid'>BlockTable</span> <span class='hs-layout'>(</span><span class='hs-conid'>Int</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>Int</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>Html</span><span class='hs-layout'>)</span><span class='hs-layout'>)</span>
<a name="line-763"></a> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>HtmlTable</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>HtmlTable</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>HtmlTable</span>
<a name="line-764"></a><span class='hs-definition'>combine</span> <span class='hs-varid'>fn</span> <span class='hs-layout'>(</span><span class='hs-conid'>HtmlTable</span> <span class='hs-varid'>a</span><span class='hs-layout'>)</span> <span class='hs-layout'>(</span><span class='hs-conid'>HtmlTable</span> <span class='hs-varid'>b</span><span class='hs-layout'>)</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>mkHtmlTable</span> <span class='hs-layout'>(</span><span class='hs-varid'>a</span> <span class='hs-varop'>`fn`</span> <span class='hs-varid'>b</span><span class='hs-layout'>)</span>
<a name="line-765"></a>
<a name="line-766"></a><span class='hs-comment'>-- renderTable takes the HtmlTable, and renders it back into</span>
<a name="line-767"></a><span class='hs-comment'>-- and Html object.</span>
<a name="line-768"></a>
<a name="line-769"></a><a name="renderTable"></a><span class='hs-definition'>renderTable</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>BT</span><span class='hs-varop'>.</span><span class='hs-conid'>BlockTable</span> <span class='hs-layout'>(</span><span class='hs-conid'>Int</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>Int</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>Html</span><span class='hs-layout'>)</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>Html</span>
<a name="line-770"></a><span class='hs-definition'>renderTable</span> <span class='hs-varid'>theTable</span>
<a name="line-771"></a> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>concatHtml</span>
<a name="line-772"></a> <span class='hs-keyglyph'>[</span><span class='hs-varid'>tr</span> <span class='hs-varop'><<</span> <span class='hs-keyglyph'>[</span><span class='hs-varid'>theCell</span> <span class='hs-varid'>x</span> <span class='hs-varid'>y</span> <span class='hs-keyglyph'>|</span> <span class='hs-layout'>(</span><span class='hs-varid'>theCell</span><span class='hs-layout'>,</span><span class='hs-layout'>(</span><span class='hs-varid'>x</span><span class='hs-layout'>,</span><span class='hs-varid'>y</span><span class='hs-layout'>)</span><span class='hs-layout'>)</span> <span class='hs-keyglyph'><-</span> <span class='hs-varid'>theRow</span> <span class='hs-keyglyph'>]</span>
<a name="line-773"></a> <span class='hs-keyglyph'>|</span> <span class='hs-varid'>theRow</span> <span class='hs-keyglyph'><-</span> <span class='hs-conid'>BT</span><span class='hs-varop'>.</span><span class='hs-varid'>getMatrix</span> <span class='hs-varid'>theTable</span><span class='hs-keyglyph'>]</span>
<a name="line-774"></a>
<a name="line-775"></a><span class='hs-keyword'>instance</span> <span class='hs-conid'>HTML</span> <span class='hs-conid'>HtmlTable</span> <span class='hs-keyword'>where</span>
<a name="line-776"></a> <span class='hs-varid'>toHtml</span> <span class='hs-layout'>(</span><span class='hs-conid'>HtmlTable</span> <span class='hs-varid'>tab</span><span class='hs-layout'>)</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>renderTable</span> <span class='hs-varid'>tab</span>
<a name="line-777"></a>
<a name="line-778"></a><span class='hs-keyword'>instance</span> <span class='hs-conid'>Show</span> <span class='hs-conid'>HtmlTable</span> <span class='hs-keyword'>where</span>
<a name="line-779"></a> <span class='hs-varid'>showsPrec</span> <span class='hs-keyword'>_</span> <span class='hs-layout'>(</span><span class='hs-conid'>HtmlTable</span> <span class='hs-varid'>tab</span><span class='hs-layout'>)</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>shows</span> <span class='hs-layout'>(</span><span class='hs-varid'>renderTable</span> <span class='hs-varid'>tab</span><span class='hs-layout'>)</span>
<a name="line-780"></a>
<a name="line-781"></a>
<a name="line-782"></a><span class='hs-comment'>-- If you can't be bothered with the above, then you</span>
<a name="line-783"></a><span class='hs-comment'>-- can build simple tables with simpleTable.</span>
<a name="line-784"></a><span class='hs-comment'>-- Just provide the attributes for the whole table,</span>
<a name="line-785"></a><span class='hs-comment'>-- attributes for the cells (same for every cell),</span>
<a name="line-786"></a><span class='hs-comment'>-- and a list of lists of cell contents,</span>
<a name="line-787"></a><span class='hs-comment'>-- and this function will build the table for you.</span>
<a name="line-788"></a><span class='hs-comment'>-- It does presume that all the lists are non-empty,</span>
<a name="line-789"></a><span class='hs-comment'>-- and there is at least one list.</span>
<a name="line-790"></a><span class='hs-comment'>-- </span>
<a name="line-791"></a><span class='hs-comment'>-- Different length lists means that the last cell</span>
<a name="line-792"></a><span class='hs-comment'>-- gets padded. If you want more power, then</span>
<a name="line-793"></a><span class='hs-comment'>-- use the system above, or build tables explicitly.</span>
<a name="line-794"></a>
<a name="line-795"></a><a name="simpleTable"></a><span class='hs-definition'>simpleTable</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>HTML</span> <span class='hs-varid'>a</span> <span class='hs-keyglyph'>=></span> <span class='hs-keyglyph'>[</span><span class='hs-conid'>HtmlAttr</span><span class='hs-keyglyph'>]</span> <span class='hs-keyglyph'>-></span> <span class='hs-keyglyph'>[</span><span class='hs-conid'>HtmlAttr</span><span class='hs-keyglyph'>]</span> <span class='hs-keyglyph'>-></span> <span class='hs-keyglyph'>[</span><span class='hs-keyglyph'>[</span><span class='hs-varid'>a</span><span class='hs-keyglyph'>]</span><span class='hs-keyglyph'>]</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>Html</span>
<a name="line-796"></a><span class='hs-definition'>simpleTable</span> <span class='hs-varid'>attr</span> <span class='hs-varid'>cellAttr</span> <span class='hs-varid'>lst</span>
<a name="line-797"></a> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>table</span> <span class='hs-varop'>!</span> <span class='hs-varid'>attr</span>
<a name="line-798"></a> <span class='hs-varop'><<</span> <span class='hs-layout'>(</span><span class='hs-varid'>aboves</span>
<a name="line-799"></a> <span class='hs-varop'>.</span> <span class='hs-varid'>map</span> <span class='hs-layout'>(</span><span class='hs-varid'>besides</span> <span class='hs-varop'>.</span> <span class='hs-varid'>map</span> <span class='hs-layout'>(</span><span class='hs-varid'>cell</span> <span class='hs-varop'>.</span> <span class='hs-layout'>(</span><span class='hs-varid'>thetd</span> <span class='hs-varop'>!</span> <span class='hs-varid'>cellAttr</span><span class='hs-layout'>)</span> <span class='hs-varop'>.</span> <span class='hs-varid'>toHtml</span><span class='hs-layout'>)</span><span class='hs-layout'>)</span>
<a name="line-800"></a> <span class='hs-layout'>)</span> <span class='hs-varid'>lst</span>
<a name="line-801"></a>
<a name="line-802"></a>
<a name="line-803"></a><span class='hs-comment'>-- ---------------------------------------------------------------------------</span>
<a name="line-804"></a><span class='hs-comment'>-- Tree Displaying Combinators</span>
<a name="line-805"></a>
<a name="line-806"></a><span class='hs-comment'>-- The basic idea is you render your structure in the form</span>
<a name="line-807"></a><span class='hs-comment'>-- of this tree, and then use treeHtml to turn it into a Html</span>
<a name="line-808"></a><span class='hs-comment'>-- object with the structure explicit.</span>
<a name="line-809"></a>
<a name="line-810"></a><a name="HtmlTree"></a><span class='hs-keyword'>data</span> <span class='hs-conid'>HtmlTree</span>
<a name="line-811"></a> <span class='hs-keyglyph'>=</span> <span class='hs-conid'>HtmlLeaf</span> <span class='hs-conid'>Html</span>
<a name="line-812"></a> <span class='hs-keyglyph'>|</span> <span class='hs-conid'>HtmlNode</span> <span class='hs-conid'>Html</span> <span class='hs-keyglyph'>[</span><span class='hs-conid'>HtmlTree</span><span class='hs-keyglyph'>]</span> <span class='hs-conid'>Html</span>
<a name="line-813"></a>
<a name="line-814"></a><a name="treeHtml"></a><span class='hs-definition'>treeHtml</span> <span class='hs-keyglyph'>::</span> <span class='hs-keyglyph'>[</span><span class='hs-conid'>String</span><span class='hs-keyglyph'>]</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>HtmlTree</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>Html</span>
<a name="line-815"></a><span class='hs-definition'>treeHtml</span> <span class='hs-varid'>colors</span> <span class='hs-varid'>h</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>table</span> <span class='hs-varop'>!</span> <span class='hs-keyglyph'>[</span>
<a name="line-816"></a> <span class='hs-varid'>border</span> <span class='hs-num'>0</span><span class='hs-layout'>,</span>
<a name="line-817"></a> <span class='hs-varid'>cellpadding</span> <span class='hs-num'>0</span><span class='hs-layout'>,</span>
<a name="line-818"></a> <span class='hs-varid'>cellspacing</span> <span class='hs-num'>2</span><span class='hs-keyglyph'>]</span> <span class='hs-varop'><<</span> <span class='hs-varid'>treeHtml'</span> <span class='hs-varid'>colors</span> <span class='hs-varid'>h</span>
<a name="line-819"></a> <span class='hs-keyword'>where</span>
<a name="line-820"></a> <span class='hs-varid'>manycolors</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>scanr</span> <span class='hs-layout'>(</span><span class='hs-conop'>:</span><span class='hs-layout'>)</span> <span class='hs-conid'>[]</span>
<a name="line-821"></a>
<a name="line-822"></a> <span class='hs-varid'>treeHtmls</span> <span class='hs-keyglyph'>::</span> <span class='hs-keyglyph'>[</span><span class='hs-keyglyph'>[</span><span class='hs-conid'>String</span><span class='hs-keyglyph'>]</span><span class='hs-keyglyph'>]</span> <span class='hs-keyglyph'>-></span> <span class='hs-keyglyph'>[</span><span class='hs-conid'>HtmlTree</span><span class='hs-keyglyph'>]</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>HtmlTable</span>
<a name="line-823"></a> <span class='hs-varid'>treeHtmls</span> <span class='hs-varid'>c</span> <span class='hs-varid'>ts</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>aboves</span> <span class='hs-layout'>(</span><span class='hs-varid'>zipWith</span> <span class='hs-varid'>treeHtml'</span> <span class='hs-varid'>c</span> <span class='hs-varid'>ts</span><span class='hs-layout'>)</span>
<a name="line-824"></a>
<a name="line-825"></a> <span class='hs-varid'>treeHtml'</span> <span class='hs-keyglyph'>::</span> <span class='hs-keyglyph'>[</span><span class='hs-conid'>String</span><span class='hs-keyglyph'>]</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>HtmlTree</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>HtmlTable</span>
<a name="line-826"></a> <span class='hs-varid'>treeHtml'</span> <span class='hs-layout'>(</span><span class='hs-keyword'>_</span><span class='hs-conop'>:</span><span class='hs-keyword'>_</span><span class='hs-layout'>)</span> <span class='hs-layout'>(</span><span class='hs-conid'>HtmlLeaf</span> <span class='hs-varid'>leaf</span><span class='hs-layout'>)</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>cell</span>
<a name="line-827"></a> <span class='hs-layout'>(</span><span class='hs-varid'>thetd</span> <span class='hs-varop'>!</span> <span class='hs-keyglyph'>[</span><span class='hs-varid'>width</span> <span class='hs-str'>"100%"</span><span class='hs-keyglyph'>]</span>
<a name="line-828"></a> <span class='hs-varop'><<</span> <span class='hs-varid'>bold</span>
<a name="line-829"></a> <span class='hs-varop'><<</span> <span class='hs-varid'>leaf</span><span class='hs-layout'>)</span>
<a name="line-830"></a> <span class='hs-varid'>treeHtml'</span> <span class='hs-layout'>(</span><span class='hs-varid'>c</span><span class='hs-conop'>:</span><span class='hs-varid'>cs</span><span class='hs-keyglyph'>@</span><span class='hs-layout'>(</span><span class='hs-varid'>c2</span><span class='hs-conop'>:</span><span class='hs-keyword'>_</span><span class='hs-layout'>)</span><span class='hs-layout'>)</span> <span class='hs-layout'>(</span><span class='hs-conid'>HtmlNode</span> <span class='hs-varid'>hopen</span> <span class='hs-varid'>ts</span> <span class='hs-varid'>hclose</span><span class='hs-layout'>)</span> <span class='hs-keyglyph'>=</span>
<a name="line-831"></a> <span class='hs-keyword'>if</span> <span class='hs-varid'>null</span> <span class='hs-varid'>ts</span> <span class='hs-varop'>&&</span> <span class='hs-varid'>isNoHtml</span> <span class='hs-varid'>hclose</span>
<a name="line-832"></a> <span class='hs-keyword'>then</span>
<a name="line-833"></a> <span class='hs-varid'>hd</span>
<a name="line-834"></a> <span class='hs-keyword'>else</span> <span class='hs-keyword'>if</span> <span class='hs-varid'>null</span> <span class='hs-varid'>ts</span>
<a name="line-835"></a> <span class='hs-keyword'>then</span>
<a name="line-836"></a> <span class='hs-varid'>hd</span> <span class='hs-varop'></></span> <span class='hs-varid'>bar</span> <span class='hs-varop'>`beside`</span> <span class='hs-layout'>(</span><span class='hs-varid'>cell</span> <span class='hs-varop'>.</span> <span class='hs-layout'>(</span><span class='hs-varid'>thetd</span> <span class='hs-varop'>!</span> <span class='hs-keyglyph'>[</span><span class='hs-varid'>bgcolor</span> <span class='hs-varid'>c2</span><span class='hs-keyglyph'>]</span><span class='hs-layout'>)</span> <span class='hs-varop'><<</span> <span class='hs-varid'>spaceHtml</span><span class='hs-layout'>)</span>
<a name="line-837"></a> <span class='hs-varop'></></span> <span class='hs-varid'>tl</span>
<a name="line-838"></a> <span class='hs-keyword'>else</span>
<a name="line-839"></a> <span class='hs-varid'>hd</span> <span class='hs-varop'></></span> <span class='hs-layout'>(</span><span class='hs-varid'>bar</span> <span class='hs-varop'>`beside`</span> <span class='hs-varid'>treeHtmls</span> <span class='hs-varid'>morecolors</span> <span class='hs-varid'>ts</span><span class='hs-layout'>)</span>
<a name="line-840"></a> <span class='hs-varop'></></span> <span class='hs-varid'>tl</span>
<a name="line-841"></a> <span class='hs-keyword'>where</span>
<a name="line-842"></a> <span class='hs-comment'>-- This stops a column of colors being the same</span>
<a name="line-843"></a> <span class='hs-comment'>-- color as the immeduately outside nesting bar.</span>
<a name="line-844"></a> <span class='hs-varid'>morecolors</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>filter</span> <span class='hs-layout'>(</span><span class='hs-layout'>(</span><span class='hs-varop'>/=</span> <span class='hs-varid'>c</span><span class='hs-layout'>)</span><span class='hs-varop'>.</span><span class='hs-varid'>head</span><span class='hs-layout'>)</span> <span class='hs-layout'>(</span><span class='hs-varid'>manycolors</span> <span class='hs-varid'>cs</span><span class='hs-layout'>)</span>
<a name="line-845"></a> <span class='hs-varid'>bar</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>cell</span> <span class='hs-layout'>(</span><span class='hs-varid'>thetd</span> <span class='hs-varop'>!</span> <span class='hs-keyglyph'>[</span><span class='hs-varid'>bgcolor</span> <span class='hs-varid'>c</span><span class='hs-layout'>,</span><span class='hs-varid'>width</span> <span class='hs-str'>"10"</span><span class='hs-keyglyph'>]</span> <span class='hs-varop'><<</span> <span class='hs-varid'>spaceHtml</span><span class='hs-layout'>)</span>
<a name="line-846"></a> <span class='hs-varid'>hd</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>cell</span> <span class='hs-layout'>(</span><span class='hs-varid'>thetd</span> <span class='hs-varop'>!</span> <span class='hs-keyglyph'>[</span><span class='hs-varid'>bgcolor</span> <span class='hs-varid'>c</span><span class='hs-keyglyph'>]</span> <span class='hs-varop'><<</span> <span class='hs-varid'>hopen</span><span class='hs-layout'>)</span>
<a name="line-847"></a> <span class='hs-varid'>tl</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>cell</span> <span class='hs-layout'>(</span><span class='hs-varid'>thetd</span> <span class='hs-varop'>!</span> <span class='hs-keyglyph'>[</span><span class='hs-varid'>bgcolor</span> <span class='hs-varid'>c</span><span class='hs-keyglyph'>]</span> <span class='hs-varop'><<</span> <span class='hs-varid'>hclose</span><span class='hs-layout'>)</span>
<a name="line-848"></a> <span class='hs-varid'>treeHtml'</span> <span class='hs-keyword'>_</span> <span class='hs-keyword'>_</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>error</span> <span class='hs-str'>"The imposible happens"</span>
<a name="line-849"></a>
<a name="line-850"></a><span class='hs-keyword'>instance</span> <span class='hs-conid'>HTML</span> <span class='hs-conid'>HtmlTree</span> <span class='hs-keyword'>where</span>
<a name="line-851"></a> <span class='hs-varid'>toHtml</span> <span class='hs-varid'>x</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>treeHtml</span> <span class='hs-varid'>treeColors</span> <span class='hs-varid'>x</span>
<a name="line-852"></a>
<a name="line-853"></a><a name="treeColors"></a><span class='hs-comment'>-- type "length treeColors" to see how many colors are here.</span>
<a name="line-854"></a><span class='hs-definition'>treeColors</span> <span class='hs-keyglyph'>::</span> <span class='hs-keyglyph'>[</span><span class='hs-conid'>String</span><span class='hs-keyglyph'>]</span>
<a name="line-855"></a><span class='hs-definition'>treeColors</span> <span class='hs-keyglyph'>=</span> <span class='hs-keyglyph'>[</span><span class='hs-str'>"#88ccff"</span><span class='hs-layout'>,</span><span class='hs-str'>"#ffffaa"</span><span class='hs-layout'>,</span><span class='hs-str'>"#ffaaff"</span><span class='hs-layout'>,</span><span class='hs-str'>"#ccffff"</span><span class='hs-keyglyph'>]</span> <span class='hs-varop'>++</span> <span class='hs-varid'>treeColors</span>
<a name="line-856"></a>
<a name="line-857"></a>
<a name="line-858"></a><span class='hs-comment'>-- ---------------------------------------------------------------------------</span>
<a name="line-859"></a><span class='hs-comment'>-- Html Debugging Combinators</span>
<a name="line-860"></a>
<a name="line-861"></a><span class='hs-comment'>-- This uses the above tree rendering function, and displays the</span>
<a name="line-862"></a><span class='hs-comment'>-- Html as a tree structure, allowing debugging of what is</span>
<a name="line-863"></a><span class='hs-comment'>-- actually getting produced.</span>
<a name="line-864"></a>
<a name="line-865"></a><a name="debugHtml"></a><span class='hs-definition'>debugHtml</span> <span class='hs-keyglyph'>::</span> <span class='hs-layout'>(</span><span class='hs-conid'>HTML</span> <span class='hs-varid'>a</span><span class='hs-layout'>)</span> <span class='hs-keyglyph'>=></span> <span class='hs-varid'>a</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>Html</span>
<a name="line-866"></a><span class='hs-definition'>debugHtml</span> <span class='hs-varid'>obj</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>table</span> <span class='hs-varop'>!</span> <span class='hs-keyglyph'>[</span><span class='hs-varid'>border</span> <span class='hs-num'>0</span><span class='hs-keyglyph'>]</span> <span class='hs-varop'><<</span> <span class='hs-layout'>(</span>
<a name="line-867"></a> <span class='hs-varid'>cell</span> <span class='hs-layout'>(</span><span class='hs-varid'>th</span> <span class='hs-varop'>!</span> <span class='hs-keyglyph'>[</span><span class='hs-varid'>bgcolor</span> <span class='hs-str'>"#008888"</span><span class='hs-keyglyph'>]</span>
<a name="line-868"></a> <span class='hs-varop'><<</span> <span class='hs-varid'>underline</span>
<a name="line-869"></a> <span class='hs-varop'><<</span> <span class='hs-str'>"Debugging Output"</span><span class='hs-layout'>)</span>
<a name="line-870"></a> <span class='hs-varop'></></span> <span class='hs-varid'>td</span> <span class='hs-varop'><<</span> <span class='hs-layout'>(</span><span class='hs-varid'>toHtml</span> <span class='hs-layout'>(</span><span class='hs-varid'>debug'</span> <span class='hs-layout'>(</span><span class='hs-varid'>toHtml</span> <span class='hs-varid'>obj</span><span class='hs-layout'>)</span><span class='hs-layout'>)</span><span class='hs-layout'>)</span>
<a name="line-871"></a> <span class='hs-layout'>)</span>
<a name="line-872"></a> <span class='hs-keyword'>where</span>
<a name="line-873"></a>
<a name="line-874"></a> <span class='hs-varid'>debug'</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>Html</span> <span class='hs-keyglyph'>-></span> <span class='hs-keyglyph'>[</span><span class='hs-conid'>HtmlTree</span><span class='hs-keyglyph'>]</span>
<a name="line-875"></a> <span class='hs-varid'>debug'</span> <span class='hs-layout'>(</span><span class='hs-conid'>Html</span> <span class='hs-varid'>markups</span><span class='hs-layout'>)</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>map</span> <span class='hs-varid'>debug</span> <span class='hs-varid'>markups</span>
<a name="line-876"></a>
<a name="line-877"></a> <span class='hs-varid'>debug</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>HtmlElement</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>HtmlTree</span>
<a name="line-878"></a> <span class='hs-varid'>debug</span> <span class='hs-layout'>(</span><span class='hs-conid'>HtmlString</span> <span class='hs-varid'>str</span><span class='hs-layout'>)</span> <span class='hs-keyglyph'>=</span> <span class='hs-conid'>HtmlLeaf</span> <span class='hs-layout'>(</span><span class='hs-varid'>spaceHtml</span> <span class='hs-varop'>+++</span>
<a name="line-879"></a> <span class='hs-varid'>linesToHtml</span> <span class='hs-layout'>(</span><span class='hs-varid'>lines</span> <span class='hs-varid'>str</span><span class='hs-layout'>)</span><span class='hs-layout'>)</span>
<a name="line-880"></a> <span class='hs-varid'>debug</span> <span class='hs-layout'>(</span><span class='hs-conid'>HtmlTag</span> <span class='hs-layout'>{</span>
<a name="line-881"></a> <span class='hs-varid'>markupTag</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>markupTag0</span><span class='hs-layout'>,</span>
<a name="line-882"></a> <span class='hs-varid'>markupContent</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>markupContent0</span><span class='hs-layout'>,</span>
<a name="line-883"></a> <span class='hs-varid'>markupAttrs</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>markupAttrs0</span>
<a name="line-884"></a> <span class='hs-layout'>}</span><span class='hs-layout'>)</span> <span class='hs-keyglyph'>=</span>
<a name="line-885"></a> <span class='hs-keyword'>case</span> <span class='hs-varid'>markupContent0</span> <span class='hs-keyword'>of</span>
<a name="line-886"></a> <span class='hs-conid'>Html</span> <span class='hs-conid'>[]</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>HtmlNode</span> <span class='hs-varid'>hd</span> <span class='hs-conid'>[]</span> <span class='hs-varid'>noHtml</span>
<a name="line-887"></a> <span class='hs-conid'>Html</span> <span class='hs-varid'>xs</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>HtmlNode</span> <span class='hs-varid'>hd</span> <span class='hs-layout'>(</span><span class='hs-varid'>map</span> <span class='hs-varid'>debug</span> <span class='hs-varid'>xs</span><span class='hs-layout'>)</span> <span class='hs-varid'>tl</span>
<a name="line-888"></a> <span class='hs-keyword'>where</span>
<a name="line-889"></a> <span class='hs-varid'>args</span> <span class='hs-keyglyph'>=</span> <span class='hs-keyword'>if</span> <span class='hs-varid'>null</span> <span class='hs-varid'>markupAttrs0</span>
<a name="line-890"></a> <span class='hs-keyword'>then</span> <span class='hs-str'>""</span>
<a name="line-891"></a> <span class='hs-keyword'>else</span> <span class='hs-str'>" "</span> <span class='hs-varop'>++</span> <span class='hs-varid'>unwords</span> <span class='hs-layout'>(</span><span class='hs-varid'>map</span> <span class='hs-varid'>show</span> <span class='hs-varid'>markupAttrs0</span><span class='hs-layout'>)</span>
<a name="line-892"></a> <span class='hs-varid'>hd</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>font</span> <span class='hs-varop'>!</span> <span class='hs-keyglyph'>[</span><span class='hs-varid'>size</span> <span class='hs-str'>"1"</span><span class='hs-keyglyph'>]</span> <span class='hs-varop'><<</span> <span class='hs-layout'>(</span><span class='hs-str'>"<"</span> <span class='hs-varop'>++</span> <span class='hs-varid'>markupTag0</span> <span class='hs-varop'>++</span> <span class='hs-varid'>args</span> <span class='hs-varop'>++</span> <span class='hs-str'>">"</span><span class='hs-layout'>)</span>
<a name="line-893"></a> <span class='hs-varid'>tl</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>font</span> <span class='hs-varop'>!</span> <span class='hs-keyglyph'>[</span><span class='hs-varid'>size</span> <span class='hs-str'>"1"</span><span class='hs-keyglyph'>]</span> <span class='hs-varop'><<</span> <span class='hs-layout'>(</span><span class='hs-str'>"</"</span> <span class='hs-varop'>++</span> <span class='hs-varid'>markupTag0</span> <span class='hs-varop'>++</span> <span class='hs-str'>">"</span><span class='hs-layout'>)</span>
<a name="line-894"></a>
<a name="line-895"></a><span class='hs-comment'>-- ---------------------------------------------------------------------------</span>
<a name="line-896"></a><span class='hs-comment'>-- Hotlink datatype</span>
<a name="line-897"></a>
<a name="line-898"></a><a name="HotLink"></a><span class='hs-keyword'>data</span> <span class='hs-conid'>HotLink</span> <span class='hs-keyglyph'>=</span> <span class='hs-conid'>HotLink</span> <span class='hs-layout'>{</span>
<a name="line-899"></a> <span class='hs-varid'>hotLinkURL</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>URL</span><span class='hs-layout'>,</span>
<a name="line-900"></a> <span class='hs-varid'>hotLinkContents</span> <span class='hs-keyglyph'>::</span> <span class='hs-keyglyph'>[</span><span class='hs-conid'>Html</span><span class='hs-keyglyph'>]</span><span class='hs-layout'>,</span>
<a name="line-901"></a> <span class='hs-varid'>hotLinkAttributes</span> <span class='hs-keyglyph'>::</span> <span class='hs-keyglyph'>[</span><span class='hs-conid'>HtmlAttr</span><span class='hs-keyglyph'>]</span>
<a name="line-902"></a> <span class='hs-layout'>}</span> <span class='hs-keyword'>deriving</span> <span class='hs-conid'>Show</span>
<a name="line-903"></a>
<a name="line-904"></a><span class='hs-keyword'>instance</span> <span class='hs-conid'>HTML</span> <span class='hs-conid'>HotLink</span> <span class='hs-keyword'>where</span>
<a name="line-905"></a> <span class='hs-varid'>toHtml</span> <span class='hs-varid'>hl</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>anchor</span> <span class='hs-varop'>!</span> <span class='hs-layout'>(</span><span class='hs-varid'>href</span> <span class='hs-layout'>(</span><span class='hs-varid'>hotLinkURL</span> <span class='hs-varid'>hl</span><span class='hs-layout'>)</span> <span class='hs-conop'>:</span> <span class='hs-varid'>hotLinkAttributes</span> <span class='hs-varid'>hl</span><span class='hs-layout'>)</span>
<a name="line-906"></a> <span class='hs-varop'><<</span> <span class='hs-varid'>hotLinkContents</span> <span class='hs-varid'>hl</span>
<a name="line-907"></a>
<a name="line-908"></a><a name="hotlink"></a><span class='hs-definition'>hotlink</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>URL</span> <span class='hs-keyglyph'>-></span> <span class='hs-keyglyph'>[</span><span class='hs-conid'>Html</span><span class='hs-keyglyph'>]</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>HotLink</span>
<a name="line-909"></a><span class='hs-definition'>hotlink</span> <span class='hs-varid'>url</span> <span class='hs-varid'>h</span> <span class='hs-keyglyph'>=</span> <span class='hs-conid'>HotLink</span> <span class='hs-layout'>{</span>
<a name="line-910"></a> <span class='hs-varid'>hotLinkURL</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>url</span><span class='hs-layout'>,</span>
<a name="line-911"></a> <span class='hs-varid'>hotLinkContents</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>h</span><span class='hs-layout'>,</span>
<a name="line-912"></a> <span class='hs-varid'>hotLinkAttributes</span> <span class='hs-keyglyph'>=</span> <span class='hs-conid'>[]</span> <span class='hs-layout'>}</span>
<a name="line-913"></a>
<a name="line-914"></a>
<a name="line-915"></a><span class='hs-comment'>-- ---------------------------------------------------------------------------</span>
<a name="line-916"></a><span class='hs-comment'>-- More Combinators</span>
<a name="line-917"></a>
<a name="line-918"></a><span class='hs-comment'>-- (Abridged from Erik Meijer's Original Html library)</span>
<a name="line-919"></a>
<a name="line-920"></a><a name="ordList"></a><span class='hs-definition'>ordList</span> <span class='hs-keyglyph'>::</span> <span class='hs-layout'>(</span><span class='hs-conid'>HTML</span> <span class='hs-varid'>a</span><span class='hs-layout'>)</span> <span class='hs-keyglyph'>=></span> <span class='hs-keyglyph'>[</span><span class='hs-varid'>a</span><span class='hs-keyglyph'>]</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>Html</span>
<a name="line-921"></a><span class='hs-definition'>ordList</span> <span class='hs-varid'>items</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>olist</span> <span class='hs-varop'><<</span> <span class='hs-varid'>map</span> <span class='hs-layout'>(</span><span class='hs-varid'>li</span> <span class='hs-varop'><<</span><span class='hs-layout'>)</span> <span class='hs-varid'>items</span>
<a name="line-922"></a>
<a name="line-923"></a><a name="unordList"></a><span class='hs-definition'>unordList</span> <span class='hs-keyglyph'>::</span> <span class='hs-layout'>(</span><span class='hs-conid'>HTML</span> <span class='hs-varid'>a</span><span class='hs-layout'>)</span> <span class='hs-keyglyph'>=></span> <span class='hs-keyglyph'>[</span><span class='hs-varid'>a</span><span class='hs-keyglyph'>]</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>Html</span>
<a name="line-924"></a><span class='hs-definition'>unordList</span> <span class='hs-varid'>items</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>ulist</span> <span class='hs-varop'><<</span> <span class='hs-varid'>map</span> <span class='hs-layout'>(</span><span class='hs-varid'>li</span> <span class='hs-varop'><<</span><span class='hs-layout'>)</span> <span class='hs-varid'>items</span>
<a name="line-925"></a>
<a name="line-926"></a><a name="defList"></a><span class='hs-definition'>defList</span> <span class='hs-keyglyph'>::</span> <span class='hs-layout'>(</span><span class='hs-conid'>HTML</span> <span class='hs-varid'>a</span><span class='hs-layout'>,</span><span class='hs-conid'>HTML</span> <span class='hs-varid'>b</span><span class='hs-layout'>)</span> <span class='hs-keyglyph'>=></span> <span class='hs-keyglyph'>[</span><span class='hs-layout'>(</span><span class='hs-varid'>a</span><span class='hs-layout'>,</span><span class='hs-varid'>b</span><span class='hs-layout'>)</span><span class='hs-keyglyph'>]</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>Html</span>
<a name="line-927"></a><span class='hs-definition'>defList</span> <span class='hs-varid'>items</span>
<a name="line-928"></a> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>dlist</span> <span class='hs-varop'><<</span> <span class='hs-keyglyph'>[</span> <span class='hs-keyglyph'>[</span> <span class='hs-varid'>dterm</span> <span class='hs-varop'><<</span> <span class='hs-varid'>bold</span> <span class='hs-varop'><<</span> <span class='hs-varid'>dt</span><span class='hs-layout'>,</span> <span class='hs-varid'>ddef</span> <span class='hs-varop'><<</span> <span class='hs-varid'>dd</span> <span class='hs-keyglyph'>]</span> <span class='hs-keyglyph'>|</span> <span class='hs-layout'>(</span><span class='hs-varid'>dt</span><span class='hs-layout'>,</span><span class='hs-varid'>dd</span><span class='hs-layout'>)</span> <span class='hs-keyglyph'><-</span> <span class='hs-varid'>items</span> <span class='hs-keyglyph'>]</span>
<a name="line-929"></a>
<a name="line-930"></a>
<a name="line-931"></a><a name="widget"></a><span class='hs-definition'>widget</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>String</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>String</span> <span class='hs-keyglyph'>-></span> <span class='hs-keyglyph'>[</span><span class='hs-conid'>HtmlAttr</span><span class='hs-keyglyph'>]</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>Html</span>
<a name="line-932"></a><span class='hs-definition'>widget</span> <span class='hs-varid'>w</span> <span class='hs-varid'>n</span> <span class='hs-varid'>markupAttrs0</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>input</span> <span class='hs-varop'>!</span> <span class='hs-layout'>(</span><span class='hs-keyglyph'>[</span><span class='hs-varid'>thetype</span> <span class='hs-varid'>w</span><span class='hs-layout'>,</span><span class='hs-varid'>name</span> <span class='hs-varid'>n</span><span class='hs-keyglyph'>]</span> <span class='hs-varop'>++</span> <span class='hs-varid'>markupAttrs0</span><span class='hs-layout'>)</span>
<a name="line-933"></a>
<a name="line-934"></a><a name="checkbox"></a><span class='hs-definition'>checkbox</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>String</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>String</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>Html</span>
<a name="line-935"></a><a name="hidden"></a><span class='hs-definition'>hidden</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>String</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>String</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>Html</span>
<a name="line-936"></a><a name="radio"></a><span class='hs-definition'>radio</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>String</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>String</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>Html</span>
<a name="line-937"></a><a name="reset"></a><span class='hs-definition'>reset</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>String</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>String</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>Html</span>
<a name="line-938"></a><a name="submit"></a><span class='hs-definition'>submit</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>String</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>String</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>Html</span>
<a name="line-939"></a><a name="password"></a><span class='hs-definition'>password</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>String</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>Html</span>
<a name="line-940"></a><a name="textfield"></a><span class='hs-definition'>textfield</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>String</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>Html</span>
<a name="line-941"></a><a name="afile"></a><span class='hs-definition'>afile</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>String</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>Html</span>
<a name="line-942"></a><a name="clickmap"></a><span class='hs-definition'>clickmap</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>String</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>Html</span>
<a name="line-943"></a>
<a name="line-944"></a><span class='hs-definition'>checkbox</span> <span class='hs-varid'>n</span> <span class='hs-varid'>v</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>widget</span> <span class='hs-str'>"CHECKBOX"</span> <span class='hs-varid'>n</span> <span class='hs-keyglyph'>[</span><span class='hs-varid'>value</span> <span class='hs-varid'>v</span><span class='hs-keyglyph'>]</span>
<a name="line-945"></a><span class='hs-definition'>hidden</span> <span class='hs-varid'>n</span> <span class='hs-varid'>v</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>widget</span> <span class='hs-str'>"HIDDEN"</span> <span class='hs-varid'>n</span> <span class='hs-keyglyph'>[</span><span class='hs-varid'>value</span> <span class='hs-varid'>v</span><span class='hs-keyglyph'>]</span>
<a name="line-946"></a><span class='hs-definition'>radio</span> <span class='hs-varid'>n</span> <span class='hs-varid'>v</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>widget</span> <span class='hs-str'>"RADIO"</span> <span class='hs-varid'>n</span> <span class='hs-keyglyph'>[</span><span class='hs-varid'>value</span> <span class='hs-varid'>v</span><span class='hs-keyglyph'>]</span>
<a name="line-947"></a><span class='hs-definition'>reset</span> <span class='hs-varid'>n</span> <span class='hs-varid'>v</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>widget</span> <span class='hs-str'>"RESET"</span> <span class='hs-varid'>n</span> <span class='hs-keyglyph'>[</span><span class='hs-varid'>value</span> <span class='hs-varid'>v</span><span class='hs-keyglyph'>]</span>
<a name="line-948"></a><span class='hs-definition'>submit</span> <span class='hs-varid'>n</span> <span class='hs-varid'>v</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>widget</span> <span class='hs-str'>"SUBMIT"</span> <span class='hs-varid'>n</span> <span class='hs-keyglyph'>[</span><span class='hs-varid'>value</span> <span class='hs-varid'>v</span><span class='hs-keyglyph'>]</span>
<a name="line-949"></a><span class='hs-definition'>password</span> <span class='hs-varid'>n</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>widget</span> <span class='hs-str'>"PASSWORD"</span> <span class='hs-varid'>n</span> <span class='hs-conid'>[]</span>
<a name="line-950"></a><span class='hs-definition'>textfield</span> <span class='hs-varid'>n</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>widget</span> <span class='hs-str'>"TEXT"</span> <span class='hs-varid'>n</span> <span class='hs-conid'>[]</span>
<a name="line-951"></a><span class='hs-definition'>afile</span> <span class='hs-varid'>n</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>widget</span> <span class='hs-str'>"FILE"</span> <span class='hs-varid'>n</span> <span class='hs-conid'>[]</span>
<a name="line-952"></a><span class='hs-definition'>clickmap</span> <span class='hs-varid'>n</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>widget</span> <span class='hs-str'>"IMAGE"</span> <span class='hs-varid'>n</span> <span class='hs-conid'>[]</span>
<a name="line-953"></a>
<a name="line-954"></a><a name="menu"></a><span class='hs-definition'>menu</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>String</span> <span class='hs-keyglyph'>-></span> <span class='hs-keyglyph'>[</span><span class='hs-conid'>Html</span><span class='hs-keyglyph'>]</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>Html</span>
<a name="line-955"></a><span class='hs-definition'>menu</span> <span class='hs-varid'>n</span> <span class='hs-varid'>choices</span>
<a name="line-956"></a> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>select</span> <span class='hs-varop'>!</span> <span class='hs-keyglyph'>[</span><span class='hs-varid'>name</span> <span class='hs-varid'>n</span><span class='hs-keyglyph'>]</span> <span class='hs-varop'><<</span> <span class='hs-keyglyph'>[</span> <span class='hs-varid'>option</span> <span class='hs-varop'><<</span> <span class='hs-varid'>p</span> <span class='hs-varop'><<</span> <span class='hs-varid'>choice</span> <span class='hs-keyglyph'>|</span> <span class='hs-varid'>choice</span> <span class='hs-keyglyph'><-</span> <span class='hs-varid'>choices</span> <span class='hs-keyglyph'>]</span>
<a name="line-957"></a>
<a name="line-958"></a><a name="gui"></a><span class='hs-definition'>gui</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>String</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>Html</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>Html</span>
<a name="line-959"></a><span class='hs-definition'>gui</span> <span class='hs-varid'>act</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>form</span> <span class='hs-varop'>!</span> <span class='hs-keyglyph'>[</span><span class='hs-varid'>action</span> <span class='hs-varid'>act</span><span class='hs-layout'>,</span><span class='hs-varid'>method</span> <span class='hs-str'>"POST"</span><span class='hs-keyglyph'>]</span>
<a name="line-960"></a>
<a name="line-961"></a><span class='hs-comment'>-- ---------------------------------------------------------------------------</span>
<a name="line-962"></a><span class='hs-comment'>-- Html Rendering</span>
<a name="line-963"></a>
<a name="line-964"></a><span class='hs-comment'>-- Uses the append trick to optimize appending.</span>
<a name="line-965"></a><span class='hs-comment'>-- The output is quite messy, because space matters in</span>
<a name="line-966"></a><span class='hs-comment'>-- HTML, so we must not generate needless spaces.</span>
<a name="line-967"></a>
<a name="line-968"></a><a name="renderHtml"></a><span class='hs-definition'>renderHtml</span> <span class='hs-keyglyph'>::</span> <span class='hs-layout'>(</span><span class='hs-conid'>HTML</span> <span class='hs-varid'>html</span><span class='hs-layout'>)</span> <span class='hs-keyglyph'>=></span> <span class='hs-varid'>html</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>String</span>
<a name="line-969"></a><span class='hs-definition'>renderHtml</span> <span class='hs-varid'>theHtml</span> <span class='hs-keyglyph'>=</span>
<a name="line-970"></a> <span class='hs-varid'>renderMessage</span> <span class='hs-varop'>++</span>
<a name="line-971"></a> <span class='hs-varid'>foldr</span> <span class='hs-layout'>(</span><span class='hs-varop'>.</span><span class='hs-layout'>)</span> <span class='hs-varid'>id</span> <span class='hs-layout'>(</span><span class='hs-varid'>map</span> <span class='hs-varid'>unprettyHtml</span>
<a name="line-972"></a> <span class='hs-layout'>(</span><span class='hs-varid'>getHtmlElements</span> <span class='hs-layout'>(</span><span class='hs-varid'>tag</span> <span class='hs-str'>"HTML"</span> <span class='hs-varop'><<</span> <span class='hs-varid'>theHtml</span><span class='hs-layout'>)</span><span class='hs-layout'>)</span><span class='hs-layout'>)</span> <span class='hs-str'>"\n"</span>
<a name="line-973"></a>
<a name="line-974"></a><a name="renderMessage"></a><span class='hs-definition'>renderMessage</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>String</span>
<a name="line-975"></a><span class='hs-definition'>renderMessage</span> <span class='hs-keyglyph'>=</span>
<a name="line-976"></a> <span class='hs-str'>"<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.01 Transitional//EN\" \"http://www.w3.org/TR/html4/loose.dtd\">\n"</span> <span class='hs-varop'>++</span>
<a name="line-977"></a> <span class='hs-str'>"<!--Rendered using the Haskell Html Library v0.2-->\n"</span>
<a name="line-978"></a>
<a name="line-979"></a><a name="unprettyHtml"></a><span class='hs-definition'>unprettyHtml</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>HtmlElement</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>ShowS</span>
<a name="line-980"></a><span class='hs-definition'>unprettyHtml</span> <span class='hs-layout'>(</span><span class='hs-conid'>HtmlString</span> <span class='hs-varid'>str</span><span class='hs-layout'>)</span> <span class='hs-keyglyph'>=</span> <span class='hs-layout'>(</span><span class='hs-varop'>++</span><span class='hs-layout'>)</span> <span class='hs-varid'>str</span>
<a name="line-981"></a><span class='hs-definition'>unprettyHtml</span> <span class='hs-layout'>(</span><span class='hs-conid'>HtmlTag</span>
<a name="line-982"></a> <span class='hs-layout'>{</span> <span class='hs-varid'>markupTag</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>name0</span><span class='hs-layout'>,</span>
<a name="line-983"></a> <span class='hs-varid'>markupContent</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>html</span><span class='hs-layout'>,</span>
<a name="line-984"></a> <span class='hs-varid'>markupAttrs</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>markupAttrs0</span> <span class='hs-layout'>}</span><span class='hs-layout'>)</span>
<a name="line-985"></a> <span class='hs-keyglyph'>=</span> <span class='hs-keyword'>if</span> <span class='hs-varid'>isNoHtml</span> <span class='hs-varid'>html</span> <span class='hs-varop'>&&</span> <span class='hs-varid'>elem</span> <span class='hs-varid'>name0</span> <span class='hs-varid'>validHtmlITags</span>
<a name="line-986"></a> <span class='hs-keyword'>then</span> <span class='hs-varid'>renderTag</span> <span class='hs-conid'>True</span> <span class='hs-varid'>name0</span> <span class='hs-varid'>markupAttrs0</span> <span class='hs-num'>0</span>
<a name="line-987"></a> <span class='hs-keyword'>else</span> <span class='hs-layout'>(</span><span class='hs-varid'>renderTag</span> <span class='hs-conid'>True</span> <span class='hs-varid'>name0</span> <span class='hs-varid'>markupAttrs0</span> <span class='hs-num'>0</span>
<a name="line-988"></a> <span class='hs-varop'>.</span> <span class='hs-varid'>foldr</span> <span class='hs-layout'>(</span><span class='hs-varop'>.</span><span class='hs-layout'>)</span> <span class='hs-varid'>id</span> <span class='hs-layout'>(</span><span class='hs-varid'>map</span> <span class='hs-varid'>unprettyHtml</span> <span class='hs-layout'>(</span><span class='hs-varid'>getHtmlElements</span> <span class='hs-varid'>html</span><span class='hs-layout'>)</span><span class='hs-layout'>)</span>
<a name="line-989"></a> <span class='hs-varop'>.</span> <span class='hs-varid'>renderTag</span> <span class='hs-conid'>False</span> <span class='hs-varid'>name0</span> <span class='hs-conid'>[]</span> <span class='hs-num'>0</span><span class='hs-layout'>)</span>
<a name="line-990"></a>
<a name="line-991"></a><a name="prettyHtml"></a><span class='hs-comment'>-- Local Utilities</span>
<a name="line-992"></a><span class='hs-definition'>prettyHtml</span> <span class='hs-keyglyph'>::</span> <span class='hs-layout'>(</span><span class='hs-conid'>HTML</span> <span class='hs-varid'>html</span><span class='hs-layout'>)</span> <span class='hs-keyglyph'>=></span> <span class='hs-varid'>html</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>String</span>
<a name="line-993"></a><span class='hs-definition'>prettyHtml</span> <span class='hs-varid'>theHtml</span> <span class='hs-keyglyph'>=</span>
<a name="line-994"></a> <span class='hs-varid'>unlines</span>
<a name="line-995"></a> <span class='hs-varop'>$</span> <span class='hs-varid'>concat</span>
<a name="line-996"></a> <span class='hs-varop'>$</span> <span class='hs-varid'>map</span> <span class='hs-varid'>prettyHtml'</span>
<a name="line-997"></a> <span class='hs-varop'>$</span> <span class='hs-varid'>getHtmlElements</span>
<a name="line-998"></a> <span class='hs-varop'>$</span> <span class='hs-varid'>toHtml</span> <span class='hs-varid'>theHtml</span>
<a name="line-999"></a>
<a name="line-1000"></a><a name="prettyHtml'"></a><span class='hs-definition'>prettyHtml'</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>HtmlElement</span> <span class='hs-keyglyph'>-></span> <span class='hs-keyglyph'>[</span><span class='hs-conid'>String</span><span class='hs-keyglyph'>]</span>
<a name="line-1001"></a><span class='hs-definition'>prettyHtml'</span> <span class='hs-layout'>(</span><span class='hs-conid'>HtmlString</span> <span class='hs-varid'>str</span><span class='hs-layout'>)</span> <span class='hs-keyglyph'>=</span> <span class='hs-keyglyph'>[</span><span class='hs-varid'>str</span><span class='hs-keyglyph'>]</span>
<a name="line-1002"></a><span class='hs-definition'>prettyHtml'</span> <span class='hs-layout'>(</span><span class='hs-conid'>HtmlTag</span>
<a name="line-1003"></a> <span class='hs-layout'>{</span> <span class='hs-varid'>markupTag</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>name0</span><span class='hs-layout'>,</span>
<a name="line-1004"></a> <span class='hs-varid'>markupContent</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>html</span><span class='hs-layout'>,</span>
<a name="line-1005"></a> <span class='hs-varid'>markupAttrs</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>markupAttrs0</span> <span class='hs-layout'>}</span><span class='hs-layout'>)</span>
<a name="line-1006"></a> <span class='hs-keyglyph'>=</span> <span class='hs-keyword'>if</span> <span class='hs-varid'>isNoHtml</span> <span class='hs-varid'>html</span> <span class='hs-varop'>&&</span> <span class='hs-varid'>elem</span> <span class='hs-varid'>name0</span> <span class='hs-varid'>validHtmlITags</span>
<a name="line-1007"></a> <span class='hs-keyword'>then</span>
<a name="line-1008"></a> <span class='hs-keyglyph'>[</span><span class='hs-varid'>rmNL</span> <span class='hs-layout'>(</span><span class='hs-varid'>renderTag</span> <span class='hs-conid'>True</span> <span class='hs-varid'>name0</span> <span class='hs-varid'>markupAttrs0</span> <span class='hs-num'>0</span> <span class='hs-str'>""</span><span class='hs-layout'>)</span><span class='hs-keyglyph'>]</span>
<a name="line-1009"></a> <span class='hs-keyword'>else</span>
<a name="line-1010"></a> <span class='hs-keyglyph'>[</span><span class='hs-varid'>rmNL</span> <span class='hs-layout'>(</span><span class='hs-varid'>renderTag</span> <span class='hs-conid'>True</span> <span class='hs-varid'>name0</span> <span class='hs-varid'>markupAttrs0</span> <span class='hs-num'>0</span> <span class='hs-str'>""</span><span class='hs-layout'>)</span><span class='hs-keyglyph'>]</span> <span class='hs-varop'>++</span>
<a name="line-1011"></a> <span class='hs-varid'>shift</span> <span class='hs-layout'>(</span><span class='hs-varid'>concat</span> <span class='hs-layout'>(</span><span class='hs-varid'>map</span> <span class='hs-varid'>prettyHtml'</span> <span class='hs-layout'>(</span><span class='hs-varid'>getHtmlElements</span> <span class='hs-varid'>html</span><span class='hs-layout'>)</span><span class='hs-layout'>)</span><span class='hs-layout'>)</span> <span class='hs-varop'>++</span>
<a name="line-1012"></a> <span class='hs-keyglyph'>[</span><span class='hs-varid'>rmNL</span> <span class='hs-layout'>(</span><span class='hs-varid'>renderTag</span> <span class='hs-conid'>False</span> <span class='hs-varid'>name0</span> <span class='hs-conid'>[]</span> <span class='hs-num'>0</span> <span class='hs-str'>""</span><span class='hs-layout'>)</span><span class='hs-keyglyph'>]</span>
<a name="line-1013"></a> <span class='hs-keyword'>where</span>
<a name="line-1014"></a> <span class='hs-varid'>shift</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>map</span> <span class='hs-layout'>(</span><span class='hs-keyglyph'>\</span><span class='hs-varid'>x</span> <span class='hs-keyglyph'>-></span> <span class='hs-str'>" "</span> <span class='hs-varop'>++</span> <span class='hs-varid'>x</span><span class='hs-layout'>)</span>
<a name="line-1015"></a>
<a name="line-1016"></a><a name="rmNL"></a><span class='hs-definition'>rmNL</span> <span class='hs-keyglyph'>::</span> <span class='hs-keyglyph'>[</span><span class='hs-conid'>Char</span><span class='hs-keyglyph'>]</span> <span class='hs-keyglyph'>-></span> <span class='hs-keyglyph'>[</span><span class='hs-conid'>Char</span><span class='hs-keyglyph'>]</span>
<a name="line-1017"></a><span class='hs-definition'>rmNL</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>filter</span> <span class='hs-layout'>(</span><span class='hs-varop'>/=</span> <span class='hs-chr'>'\n'</span><span class='hs-layout'>)</span>
<a name="line-1018"></a>
<a name="line-1019"></a><span class='hs-comment'>-- This prints the Tags The lack of spaces in intentunal, because Html is</span>
<a name="line-1020"></a><span class='hs-comment'>-- actually space dependant.</span>
<a name="line-1021"></a>
<a name="line-1022"></a><a name="renderTag"></a><span class='hs-definition'>renderTag</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>Bool</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>String</span> <span class='hs-keyglyph'>-></span> <span class='hs-keyglyph'>[</span><span class='hs-conid'>HtmlAttr</span><span class='hs-keyglyph'>]</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>Int</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>ShowS</span>
<a name="line-1023"></a><span class='hs-definition'>renderTag</span> <span class='hs-varid'>x</span> <span class='hs-varid'>name0</span> <span class='hs-varid'>markupAttrs0</span> <span class='hs-varid'>n</span> <span class='hs-varid'>r</span>
<a name="line-1024"></a> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>open</span> <span class='hs-varop'>++</span> <span class='hs-varid'>name0</span> <span class='hs-varop'>++</span> <span class='hs-varid'>rest</span> <span class='hs-varid'>markupAttrs0</span> <span class='hs-varop'>++</span> <span class='hs-str'>">"</span> <span class='hs-varop'>++</span> <span class='hs-varid'>r</span>
<a name="line-1025"></a> <span class='hs-keyword'>where</span>
<a name="line-1026"></a> <span class='hs-varid'>open</span> <span class='hs-keyglyph'>=</span> <span class='hs-keyword'>if</span> <span class='hs-varid'>x</span> <span class='hs-keyword'>then</span> <span class='hs-str'>"<"</span> <span class='hs-keyword'>else</span> <span class='hs-str'>"</"</span>
<a name="line-1027"></a>
<a name="line-1028"></a> <span class='hs-varid'>nl</span> <span class='hs-keyglyph'>=</span> <span class='hs-str'>"\n"</span> <span class='hs-varop'>++</span> <span class='hs-varid'>replicate</span> <span class='hs-layout'>(</span><span class='hs-varid'>n</span> <span class='hs-varop'>`div`</span> <span class='hs-num'>8</span><span class='hs-layout'>)</span> <span class='hs-chr'>'\t'</span>
<a name="line-1029"></a> <span class='hs-varop'>++</span> <span class='hs-varid'>replicate</span> <span class='hs-layout'>(</span><span class='hs-varid'>n</span> <span class='hs-varop'>`mod`</span> <span class='hs-num'>8</span><span class='hs-layout'>)</span> <span class='hs-chr'>' '</span>
<a name="line-1030"></a>
<a name="line-1031"></a> <span class='hs-varid'>rest</span> <span class='hs-conid'>[]</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>nl</span>
<a name="line-1032"></a> <span class='hs-varid'>rest</span> <span class='hs-varid'>attr</span> <span class='hs-keyglyph'>=</span> <span class='hs-str'>" "</span> <span class='hs-varop'>++</span> <span class='hs-varid'>unwords</span> <span class='hs-layout'>(</span><span class='hs-varid'>map</span> <span class='hs-varid'>showPair</span> <span class='hs-varid'>attr</span><span class='hs-layout'>)</span> <span class='hs-varop'>++</span> <span class='hs-varid'>nl</span>
<a name="line-1033"></a>
<a name="line-1034"></a> <span class='hs-varid'>showPair</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>HtmlAttr</span> <span class='hs-keyglyph'>-></span> <span class='hs-conid'>String</span>
<a name="line-1035"></a> <span class='hs-varid'>showPair</span> <span class='hs-layout'>(</span><span class='hs-conid'>HtmlAttr</span> <span class='hs-varid'>tag0</span> <span class='hs-varid'>val</span><span class='hs-layout'>)</span>
<a name="line-1036"></a> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>tag0</span> <span class='hs-varop'>++</span> <span class='hs-str'>"=\""</span> <span class='hs-varop'>++</span> <span class='hs-varid'>val</span> <span class='hs-varop'>++</span> <span class='hs-str'>"\""</span>
<a name="line-1037"></a>
</pre></body>
</html>
distrib
>
Fedora
>
14
>
x86_64
>
media
>
updates
>
by-pkgid
>
33ad064c4b642ed30353356a1d094330
>
files
>
107
