Sophie

Sophie

distrib > Fedora > 18 > i386 > by-pkgid > 16551e78563a5b49ff9624ee1c8b8101 > files > 1231

ghc-xmonad-contrib-devel-0.11-1.1.fc18.i686.rpm

<?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://code.haskell.org/~malcolm/hscolour/ -->
<title>XMonad/Actions/ShowText.hs</title>
<link type='text/css' rel='stylesheet' href='hscolour.css' />
</head>
<body>
<pre><a name="line-1"></a><span class='hs-comment'>{-# LANGUAGE DeriveDataTypeable #-}</span>
<a name="line-2"></a><span class='hs-comment'>-----------------------------------------------------------------------------</span>
<a name="line-3"></a><span class='hs-comment'>-- |</span>
<a name="line-4"></a><span class='hs-comment'>-- Module      :  XMonad.Actions.ShowText</span>
<a name="line-5"></a><span class='hs-comment'>-- Copyright   :  (c) Mario Pastorelli (2012)</span>
<a name="line-6"></a><span class='hs-comment'>-- License     :  BSD-style (see xmonad/LICENSE)</span>
<a name="line-7"></a><span class='hs-comment'>--</span>
<a name="line-8"></a><span class='hs-comment'>-- Maintainer  :  pastorelli.mario@gmail.com</span>
<a name="line-9"></a><span class='hs-comment'>-- Stability   :  unstable</span>
<a name="line-10"></a><span class='hs-comment'>-- Portability :  unportable</span>
<a name="line-11"></a><span class='hs-comment'>--</span>
<a name="line-12"></a><span class='hs-comment'>-- ShowText displays text for sometime on the screen similar to "XMonad.Util.Dzen"</span>
<a name="line-13"></a><span class='hs-comment'>-- which offers more features (currently)</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'>XMonad</span><span class='hs-varop'>.</span><span class='hs-conid'>Actions</span><span class='hs-varop'>.</span><span class='hs-conid'>ShowText</span>
<a name="line-17"></a>    <span class='hs-layout'>(</span> <span class='hs-comment'>-- * Usage</span>
<a name="line-18"></a>      <span class='hs-comment'>-- $usage</span>
<a name="line-19"></a>      <span class='hs-varid'>defaultSTConfig</span>
<a name="line-20"></a>    <span class='hs-layout'>,</span> <span class='hs-varid'>handleTimerEvent</span>
<a name="line-21"></a>    <span class='hs-layout'>,</span> <span class='hs-varid'>flashText</span>
<a name="line-22"></a>    <span class='hs-layout'>,</span> <span class='hs-conid'>ShowTextConfig</span><span class='hs-layout'>(</span><span class='hs-keyglyph'>..</span><span class='hs-layout'>)</span>
<a name="line-23"></a>    <span class='hs-layout'>)</span> <span class='hs-keyword'>where</span>
<a name="line-24"></a>
<a name="line-25"></a><span class='hs-keyword'>import</span> <span class='hs-conid'>Control</span><span class='hs-varop'>.</span><span class='hs-conid'>Monad</span> <span class='hs-layout'>(</span><span class='hs-varid'>when</span><span class='hs-layout'>)</span>
<a name="line-26"></a><span class='hs-keyword'>import</span> <span class='hs-conid'>Data</span><span class='hs-varop'>.</span><span class='hs-conid'>Map</span> <span class='hs-layout'>(</span><span class='hs-conid'>Map</span><span class='hs-layout'>,</span><span class='hs-varid'>empty</span><span class='hs-layout'>,</span><span class='hs-varid'>insert</span><span class='hs-layout'>,</span><span class='hs-varid'>lookup</span><span class='hs-layout'>)</span>
<a name="line-27"></a><span class='hs-keyword'>import</span> <span class='hs-conid'>Data</span><span class='hs-varop'>.</span><span class='hs-conid'>Monoid</span> <span class='hs-layout'>(</span><span class='hs-varid'>mempty</span><span class='hs-layout'>,</span> <span class='hs-conid'>All</span><span class='hs-layout'>)</span>
<a name="line-28"></a><span class='hs-keyword'>import</span> <span class='hs-conid'>Prelude</span> <span class='hs-varid'>hiding</span> <span class='hs-layout'>(</span><span class='hs-varid'>lookup</span><span class='hs-layout'>)</span>
<a name="line-29"></a><span class='hs-keyword'>import</span> <span class='hs-conid'>XMonad</span>
<a name="line-30"></a><span class='hs-keyword'>import</span> <span class='hs-conid'>XMonad</span><span class='hs-varop'>.</span><span class='hs-conid'>StackSet</span> <span class='hs-layout'>(</span><span class='hs-varid'>current</span><span class='hs-layout'>,</span><span class='hs-varid'>screen</span><span class='hs-layout'>)</span>
<a name="line-31"></a><span class='hs-keyword'>import</span> <span class='hs-conid'>XMonad</span><span class='hs-varop'>.</span><span class='hs-conid'>Util</span><span class='hs-varop'>.</span><span class='hs-conid'>Font</span> <span class='hs-layout'>(</span><span class='hs-conid'>Align</span><span class='hs-layout'>(</span><span class='hs-conid'>AlignCenter</span><span class='hs-layout'>)</span>
<a name="line-32"></a>                       <span class='hs-layout'>,</span> <span class='hs-varid'>initXMF</span>
<a name="line-33"></a>                       <span class='hs-layout'>,</span> <span class='hs-varid'>releaseXMF</span>
<a name="line-34"></a>                       <span class='hs-layout'>,</span> <span class='hs-varid'>textExtentsXMF</span>
<a name="line-35"></a>                       <span class='hs-layout'>,</span> <span class='hs-varid'>textWidthXMF</span><span class='hs-layout'>)</span>
<a name="line-36"></a><span class='hs-keyword'>import</span> <span class='hs-conid'>XMonad</span><span class='hs-varop'>.</span><span class='hs-conid'>Util</span><span class='hs-varop'>.</span><span class='hs-conid'>Timer</span> <span class='hs-layout'>(</span><span class='hs-varid'>startTimer</span><span class='hs-layout'>)</span>
<a name="line-37"></a><span class='hs-keyword'>import</span> <span class='hs-conid'>XMonad</span><span class='hs-varop'>.</span><span class='hs-conid'>Util</span><span class='hs-varop'>.</span><span class='hs-conid'>XUtils</span> <span class='hs-layout'>(</span><span class='hs-varid'>createNewWindow</span>
<a name="line-38"></a>                         <span class='hs-layout'>,</span> <span class='hs-varid'>deleteWindow</span>
<a name="line-39"></a>                         <span class='hs-layout'>,</span> <span class='hs-varid'>fi</span>
<a name="line-40"></a>                         <span class='hs-layout'>,</span> <span class='hs-varid'>showWindow</span>
<a name="line-41"></a>                         <span class='hs-layout'>,</span> <span class='hs-varid'>paintAndWrite</span><span class='hs-layout'>)</span>
<a name="line-42"></a><span class='hs-keyword'>import</span> <span class='hs-keyword'>qualified</span> <span class='hs-conid'>XMonad</span><span class='hs-varop'>.</span><span class='hs-conid'>Util</span><span class='hs-varop'>.</span><span class='hs-conid'>ExtensibleState</span> <span class='hs-keyword'>as</span> <span class='hs-conid'>ES</span>
<a name="line-43"></a>
<a name="line-44"></a><span class='hs-comment'>-- $usage</span>
<a name="line-45"></a><span class='hs-comment'>-- You can use this module with the following in your @~\/.xmonad\/xmonad.hs@:</span>
<a name="line-46"></a><span class='hs-comment'>--</span>
<a name="line-47"></a><span class='hs-comment'>-- &gt; import XMonad.Actions.ShowText</span>
<a name="line-48"></a><span class='hs-comment'>--</span>
<a name="line-49"></a><span class='hs-comment'>-- Then add the event hook handler:</span>
<a name="line-50"></a><span class='hs-comment'>--</span>
<a name="line-51"></a><span class='hs-comment'>-- &gt; xmonad { handleEventHook = myHandleEventHooks &lt;+&gt; handleTimerEvent }</span>
<a name="line-52"></a><span class='hs-comment'>--</span>
<a name="line-53"></a><span class='hs-comment'>-- You can then use flashText in your keybindings:</span>
<a name="line-54"></a><span class='hs-comment'>--</span>
<a name="line-55"></a><span class='hs-comment'>-- &gt; ((modMask, xK_Right), flashText defaultSTConfig 1 "-&gt;" &gt;&gt; nextWS)</span>
<a name="line-56"></a><span class='hs-comment'>--</span>
<a name="line-57"></a>
<a name="line-58"></a><a name="ShowText"></a><span class='hs-comment'>-- | ShowText contains the map with timers as keys and created windows as values</span>
<a name="line-59"></a><a name="ShowText"></a><span class='hs-keyword'>newtype</span> <span class='hs-conid'>ShowText</span> <span class='hs-keyglyph'>=</span> <span class='hs-conid'>ShowText</span> <span class='hs-layout'>(</span><span class='hs-conid'>Map</span> <span class='hs-conid'>Atom</span> <span class='hs-conid'>Window</span><span class='hs-layout'>)</span>
<a name="line-60"></a>    <span class='hs-keyword'>deriving</span> <span class='hs-layout'>(</span><span class='hs-conid'>Read</span><span class='hs-layout'>,</span><span class='hs-conid'>Show</span><span class='hs-layout'>,</span><span class='hs-conid'>Typeable</span><span class='hs-layout'>)</span>
<a name="line-61"></a>
<a name="line-62"></a><a name="instance%20ExtensionClass%20ShowText"></a><span class='hs-keyword'>instance</span> <span class='hs-conid'>ExtensionClass</span> <span class='hs-conid'>ShowText</span> <span class='hs-keyword'>where</span>
<a name="line-63"></a>    <span class='hs-varid'>initialValue</span> <span class='hs-keyglyph'>=</span> <span class='hs-conid'>ShowText</span> <span class='hs-varid'>empty</span>
<a name="line-64"></a>
<a name="line-65"></a><a name="modShowText"></a><span class='hs-comment'>-- | Utility to modify a ShowText</span>
<a name="line-66"></a><span class='hs-definition'>modShowText</span> <span class='hs-keyglyph'>::</span> <span class='hs-layout'>(</span><span class='hs-conid'>Map</span> <span class='hs-conid'>Atom</span> <span class='hs-conid'>Window</span> <span class='hs-keyglyph'>-&gt;</span> <span class='hs-conid'>Map</span> <span class='hs-conid'>Atom</span> <span class='hs-conid'>Window</span><span class='hs-layout'>)</span> <span class='hs-keyglyph'>-&gt;</span> <span class='hs-conid'>ShowText</span> <span class='hs-keyglyph'>-&gt;</span> <span class='hs-conid'>ShowText</span>
<a name="line-67"></a><span class='hs-definition'>modShowText</span> <span class='hs-varid'>f</span> <span class='hs-layout'>(</span><span class='hs-conid'>ShowText</span> <span class='hs-varid'>m</span><span class='hs-layout'>)</span> <span class='hs-keyglyph'>=</span> <span class='hs-conid'>ShowText</span> <span class='hs-varop'>$</span> <span class='hs-varid'>f</span> <span class='hs-varid'>m</span>
<a name="line-68"></a>
<a name="line-69"></a><a name="ShowTextConfig"></a><span class='hs-keyword'>data</span> <span class='hs-conid'>ShowTextConfig</span> <span class='hs-keyglyph'>=</span>
<a name="line-70"></a>    <span class='hs-conid'>STC</span> <span class='hs-layout'>{</span> <span class='hs-varid'>st_font</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>String</span> <span class='hs-comment'>-- ^ Font name</span>
<a name="line-71"></a>        <span class='hs-layout'>,</span> <span class='hs-varid'>st_bg</span>   <span class='hs-keyglyph'>::</span> <span class='hs-conid'>String</span> <span class='hs-comment'>-- ^ Background color</span>
<a name="line-72"></a>        <span class='hs-layout'>,</span> <span class='hs-varid'>st_fg</span>   <span class='hs-keyglyph'>::</span> <span class='hs-conid'>String</span> <span class='hs-comment'>-- ^ Foreground color</span>
<a name="line-73"></a>    <span class='hs-layout'>}</span>
<a name="line-74"></a>
<a name="line-75"></a><a name="defaultSTConfig"></a><span class='hs-definition'>defaultSTConfig</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>ShowTextConfig</span>
<a name="line-76"></a><span class='hs-definition'>defaultSTConfig</span> <span class='hs-keyglyph'>=</span>
<a name="line-77"></a>    <span class='hs-conid'>STC</span> <span class='hs-layout'>{</span> <span class='hs-varid'>st_font</span> <span class='hs-keyglyph'>=</span> <span class='hs-str'>"-misc-fixed-*-*-*-*-20-*-*-*-*-*-*-*"</span>
<a name="line-78"></a>        <span class='hs-layout'>,</span> <span class='hs-varid'>st_bg</span>   <span class='hs-keyglyph'>=</span> <span class='hs-str'>"black"</span>
<a name="line-79"></a>        <span class='hs-layout'>,</span> <span class='hs-varid'>st_fg</span>   <span class='hs-keyglyph'>=</span> <span class='hs-str'>"white"</span>
<a name="line-80"></a>    <span class='hs-layout'>}</span>
<a name="line-81"></a>
<a name="line-82"></a><a name="handleTimerEvent"></a><span class='hs-comment'>-- | Handles timer events that notify when a window should be removed</span>
<a name="line-83"></a><span class='hs-definition'>handleTimerEvent</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>Event</span> <span class='hs-keyglyph'>-&gt;</span> <span class='hs-conid'>X</span> <span class='hs-conid'>All</span>
<a name="line-84"></a><span class='hs-definition'>handleTimerEvent</span> <span class='hs-layout'>(</span><span class='hs-conid'>ClientMessageEvent</span> <span class='hs-keyword'>_</span> <span class='hs-keyword'>_</span> <span class='hs-keyword'>_</span> <span class='hs-varid'>dis</span> <span class='hs-keyword'>_</span> <span class='hs-varid'>mtyp</span> <span class='hs-varid'>d</span><span class='hs-layout'>)</span> <span class='hs-keyglyph'>=</span> <span class='hs-keyword'>do</span>
<a name="line-85"></a>    <span class='hs-layout'>(</span><span class='hs-conid'>ShowText</span> <span class='hs-varid'>m</span><span class='hs-layout'>)</span> <span class='hs-keyglyph'>&lt;-</span> <span class='hs-conid'>ES</span><span class='hs-varop'>.</span><span class='hs-varid'>get</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>X</span> <span class='hs-conid'>ShowText</span>
<a name="line-86"></a>    <span class='hs-varid'>a</span> <span class='hs-keyglyph'>&lt;-</span> <span class='hs-varid'>io</span> <span class='hs-varop'>$</span> <span class='hs-varid'>internAtom</span> <span class='hs-varid'>dis</span> <span class='hs-str'>"XMONAD_TIMER"</span> <span class='hs-conid'>False</span>
<a name="line-87"></a>    <span class='hs-varid'>when</span> <span class='hs-layout'>(</span><span class='hs-varid'>mtyp</span> <span class='hs-varop'>==</span> <span class='hs-varid'>a</span> <span class='hs-varop'>&amp;&amp;</span> <span class='hs-varid'>length</span> <span class='hs-varid'>d</span> <span class='hs-varop'>&gt;=</span> <span class='hs-num'>1</span><span class='hs-layout'>)</span>
<a name="line-88"></a>         <span class='hs-layout'>(</span><span class='hs-varid'>whenJust</span> <span class='hs-layout'>(</span><span class='hs-varid'>lookup</span> <span class='hs-layout'>(</span><span class='hs-varid'>fromIntegral</span> <span class='hs-varop'>$</span> <span class='hs-varid'>d</span> <span class='hs-varop'>!!</span> <span class='hs-num'>0</span><span class='hs-layout'>)</span> <span class='hs-varid'>m</span><span class='hs-layout'>)</span> <span class='hs-varid'>deleteWindow</span><span class='hs-layout'>)</span>
<a name="line-89"></a>    <span class='hs-varid'>mempty</span>
<a name="line-90"></a><span class='hs-definition'>handleTimerEvent</span> <span class='hs-keyword'>_</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>mempty</span>
<a name="line-91"></a>
<a name="line-92"></a><a name="flashText"></a><span class='hs-comment'>-- | Shows a window in the center of the screen with the given text</span>
<a name="line-93"></a><span class='hs-definition'>flashText</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>ShowTextConfig</span>
<a name="line-94"></a>    <span class='hs-keyglyph'>-&gt;</span> <span class='hs-conid'>Rational</span> <span class='hs-comment'>-- ^ number of seconds</span>
<a name="line-95"></a>    <span class='hs-keyglyph'>-&gt;</span> <span class='hs-conid'>String</span> <span class='hs-comment'>-- ^ text to display</span>
<a name="line-96"></a>    <span class='hs-keyglyph'>-&gt;</span> <span class='hs-conid'>X</span> <span class='hs-conid'>()</span>
<a name="line-97"></a><span class='hs-definition'>flashText</span> <span class='hs-varid'>c</span> <span class='hs-varid'>i</span> <span class='hs-varid'>s</span> <span class='hs-keyglyph'>=</span> <span class='hs-keyword'>do</span>
<a name="line-98"></a>  <span class='hs-varid'>f</span> <span class='hs-keyglyph'>&lt;-</span> <span class='hs-varid'>initXMF</span> <span class='hs-layout'>(</span><span class='hs-varid'>st_font</span> <span class='hs-varid'>c</span><span class='hs-layout'>)</span>
<a name="line-99"></a>  <span class='hs-varid'>d</span> <span class='hs-keyglyph'>&lt;-</span> <span class='hs-varid'>asks</span> <span class='hs-varid'>display</span>
<a name="line-100"></a>  <span class='hs-varid'>sc</span> <span class='hs-keyglyph'>&lt;-</span> <span class='hs-varid'>gets</span> <span class='hs-varop'>$</span> <span class='hs-varid'>fi</span> <span class='hs-varop'>.</span> <span class='hs-varid'>screen</span> <span class='hs-varop'>.</span> <span class='hs-varid'>current</span> <span class='hs-varop'>.</span> <span class='hs-varid'>windowset</span>
<a name="line-101"></a>  <span class='hs-varid'>width</span> <span class='hs-keyglyph'>&lt;-</span> <span class='hs-varid'>textWidthXMF</span> <span class='hs-varid'>d</span> <span class='hs-varid'>f</span> <span class='hs-varid'>s</span>
<a name="line-102"></a>  <span class='hs-layout'>(</span><span class='hs-keyword'>as</span><span class='hs-layout'>,</span><span class='hs-varid'>ds</span><span class='hs-layout'>)</span> <span class='hs-keyglyph'>&lt;-</span> <span class='hs-varid'>textExtentsXMF</span> <span class='hs-varid'>f</span> <span class='hs-varid'>s</span>
<a name="line-103"></a>  <span class='hs-keyword'>let</span> <span class='hs-varid'>hight</span> <span class='hs-keyglyph'>=</span> <span class='hs-keyword'>as</span> <span class='hs-varop'>+</span> <span class='hs-varid'>ds</span>
<a name="line-104"></a>      <span class='hs-varid'>ht</span>    <span class='hs-keyglyph'>=</span> <span class='hs-varid'>displayHeight</span> <span class='hs-varid'>d</span> <span class='hs-varid'>sc</span>
<a name="line-105"></a>      <span class='hs-varid'>wh</span>    <span class='hs-keyglyph'>=</span> <span class='hs-varid'>displayWidth</span> <span class='hs-varid'>d</span> <span class='hs-varid'>sc</span>
<a name="line-106"></a>      <span class='hs-varid'>y</span>     <span class='hs-keyglyph'>=</span> <span class='hs-layout'>(</span><span class='hs-varid'>fi</span> <span class='hs-varid'>ht</span> <span class='hs-comment'>-</span> <span class='hs-varid'>hight</span> <span class='hs-varop'>+</span> <span class='hs-num'>2</span><span class='hs-layout'>)</span> <span class='hs-varop'>`div`</span> <span class='hs-num'>2</span>
<a name="line-107"></a>      <span class='hs-varid'>x</span>     <span class='hs-keyglyph'>=</span> <span class='hs-layout'>(</span><span class='hs-varid'>fi</span> <span class='hs-varid'>wh</span> <span class='hs-comment'>-</span> <span class='hs-varid'>width</span> <span class='hs-varop'>+</span> <span class='hs-num'>2</span><span class='hs-layout'>)</span> <span class='hs-varop'>`div`</span> <span class='hs-num'>2</span>
<a name="line-108"></a>  <span class='hs-varid'>w</span> <span class='hs-keyglyph'>&lt;-</span> <span class='hs-varid'>createNewWindow</span> <span class='hs-layout'>(</span><span class='hs-conid'>Rectangle</span> <span class='hs-layout'>(</span><span class='hs-varid'>fi</span> <span class='hs-varid'>x</span><span class='hs-layout'>)</span> <span class='hs-layout'>(</span><span class='hs-varid'>fi</span> <span class='hs-varid'>y</span><span class='hs-layout'>)</span> <span class='hs-layout'>(</span><span class='hs-varid'>fi</span> <span class='hs-varid'>width</span><span class='hs-layout'>)</span> <span class='hs-layout'>(</span><span class='hs-varid'>fi</span> <span class='hs-varid'>hight</span><span class='hs-layout'>)</span><span class='hs-layout'>)</span>
<a name="line-109"></a>                      <span class='hs-conid'>Nothing</span> <span class='hs-str'>""</span> <span class='hs-conid'>True</span>
<a name="line-110"></a>  <span class='hs-varid'>showWindow</span> <span class='hs-varid'>w</span>
<a name="line-111"></a>  <span class='hs-varid'>paintAndWrite</span> <span class='hs-varid'>w</span> <span class='hs-varid'>f</span> <span class='hs-layout'>(</span><span class='hs-varid'>fi</span> <span class='hs-varid'>width</span><span class='hs-layout'>)</span> <span class='hs-layout'>(</span><span class='hs-varid'>fi</span> <span class='hs-varid'>hight</span><span class='hs-layout'>)</span> <span class='hs-num'>0</span> <span class='hs-layout'>(</span><span class='hs-varid'>st_bg</span> <span class='hs-varid'>c</span><span class='hs-layout'>)</span> <span class='hs-str'>""</span>
<a name="line-112"></a>                <span class='hs-layout'>(</span><span class='hs-varid'>st_fg</span> <span class='hs-varid'>c</span><span class='hs-layout'>)</span> <span class='hs-layout'>(</span><span class='hs-varid'>st_bg</span> <span class='hs-varid'>c</span><span class='hs-layout'>)</span> <span class='hs-keyglyph'>[</span><span class='hs-conid'>AlignCenter</span><span class='hs-keyglyph'>]</span> <span class='hs-keyglyph'>[</span><span class='hs-varid'>s</span><span class='hs-keyglyph'>]</span>
<a name="line-113"></a>  <span class='hs-varid'>releaseXMF</span> <span class='hs-varid'>f</span>
<a name="line-114"></a>  <span class='hs-varid'>io</span> <span class='hs-varop'>$</span> <span class='hs-varid'>sync</span> <span class='hs-varid'>d</span> <span class='hs-conid'>False</span>
<a name="line-115"></a>  <span class='hs-varid'>t</span> <span class='hs-keyglyph'>&lt;-</span> <span class='hs-varid'>startTimer</span> <span class='hs-varid'>i</span>
<a name="line-116"></a>  <span class='hs-conid'>ES</span><span class='hs-varop'>.</span><span class='hs-varid'>modify</span> <span class='hs-varop'>$</span> <span class='hs-varid'>modShowText</span> <span class='hs-layout'>(</span><span class='hs-varid'>insert</span> <span class='hs-layout'>(</span><span class='hs-varid'>fromIntegral</span> <span class='hs-varid'>t</span><span class='hs-layout'>)</span> <span class='hs-varid'>w</span><span class='hs-layout'>)</span>
</pre></body>
</html>