<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Windows-1252">
</head>
<body style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space;" class="">
<div class="">These points are important - my own sense (not validated by research) is that Markdown is primarily of value to those who already know HTML and can use the Markdown syntax as a shorthand. Dana’s experience validates some of that.</div>
<div class=""><br class="">
</div>
<div class="">I think there may be at least two separate threads of discussion here that should be teased apart:</div>
<div class=""><br class="">
</div>
<div class="">1) Moving from Markdown to straight HTML</div>
<div class="">2) Making use of helper functionality to encapsulate situations where the markup structure is identical but the attribute / text content is different</div>
<div class=""><br class="">
</div>
<div class="">And possible some separate goals:</div>
<div class=""><br class="">
</div>
<div class="">1) Make contribution simpler</div>
<div class="">2) Make the documentation more easily maintainable</div>
<div class="">3) Avoid some of the Markdown gotchas</div>
<div class="">4) Make automatically generating the duplex printable cards easier</div>
<div class=""><br class="">
</div>
<div class="">I think #4 is the most immediate goal, so perhaps we can focus on that one? Jon, I wonder if you can expand on the issues you’re currently encountering? Are there any aside from the block-level containers issue you mention, and can you go into
 more detail on that one?</div>
<br class="">
<div>
<blockquote type="cite" class="">
<div class="">On Oct 6, 2016, at 2:48 PM, Ayotte, Dana <<a href="mailto:dayotte@ocadu.ca" class="">dayotte@ocadu.ca</a>> wrote:</div>
<br class="Apple-interchange-newline">
<div class="">
<div class="" style="font-family: Helvetica; font-size: 12px; font-style: normal; font-variant-caps: normal; font-weight: normal; letter-spacing: normal; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px;">
Hi All,</div>
<div class="" style="font-family: Helvetica; font-size: 12px; font-style: normal; font-variant-caps: normal; font-weight: normal; letter-spacing: normal; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px;">
<br class="">
</div>
<div class="" style="font-family: Helvetica; font-size: 12px; font-style: normal; font-variant-caps: normal; font-weight: normal; letter-spacing: normal; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px;">
I can contribute my experience of being a fairly new user of both Markdown and HTML. When I started working on the Guide, I had some experience with HTML, and very little with Markdown. I found that I was having to learn both as we went along for the reasons
 Jon pointed out - that there seemed to be many things we couldn’t do with Markdown, so we ended up mixing the two. Sometimes I would know how to do something in HTML but had to look up the Markdown syntax.</div>
<div class="" style="font-family: Helvetica; font-size: 12px; font-style: normal; font-variant-caps: normal; font-weight: normal; letter-spacing: normal; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px;">
<br class="">
</div>
<div class="" style="font-family: Helvetica; font-size: 12px; font-style: normal; font-variant-caps: normal; font-weight: normal; letter-spacing: normal; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px;">
Based on the email thread here it sounds like there are things we can do to “fix” this or to at least allow us to do more with Markdown (Helpers etc). But if I consider the following two points:</div>
<br class="" style="font-family: Helvetica; font-size: 12px; font-style: normal; font-variant-caps: normal; font-weight: normal; letter-spacing: normal; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px;">
<blockquote type="cite" class="" style="font-family: Helvetica; font-size: 12px; font-style: normal; font-variant-caps: normal; font-weight: normal; letter-spacing: normal; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px;">
<div class="" style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space; font-size: 14px; font-family: Calibri, sans-serif;">
<span id="OLK_SRC_BODY_SECTION" class="">
<div class="">
<div class="" style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space;">
<div id="bloop_customfont" class="" style="font-family: Helvetica, Arial; font-size: 13px; margin: 0px;">
The main motivation for using Markdown was to make it easy for contributors to author content without having to know HTML. </div>
</div>
</div>
</span></div>
</blockquote>
<div class="" style="font-family: Helvetica; font-size: 12px; font-style: normal; font-variant-caps: normal; font-weight: normal; letter-spacing: normal; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px;">
<br class="">
</div>
<blockquote type="cite" class="" style="font-family: Helvetica; font-size: 12px; font-style: normal; font-variant-caps: normal; font-weight: normal; letter-spacing: normal; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px;">
<div class="" style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space; font-size: 14px; font-family: Calibri, sans-serif;">
<div class="">
<ul class="">
<li class="">I am uncertain how much friendlier Markdown is vs. HTML to someone who is unfamiliar with the concept of document markup, but I think we also need to recognize that going to pure HTML may represent a step backwards in user friendliness and being
 welcoming to the non-technical. Do we need some consideration of whether our "styling and formatting requirements" themselves may form a barrier to contribution?</li></ul>
</div>
</div>
</blockquote>
<div class="" style="font-family: Helvetica; font-size: 12px; font-style: normal; font-variant-caps: normal; font-weight: normal; letter-spacing: normal; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px;">
My first inclination would be to say keep it user friendly! But at the same time I personally don’t find Markdown necessarily easier to learn or use than HTML (though my Markdown experience is limited, and this is definitely an over-simplification, but I think
 “h2” is more intuitive than “##”). I’m sure there are other issues around Markup that I haven’t considered here, like general readability of the doc etc.</div>
<div class="" style="font-family: Helvetica; font-size: 12px; font-style: normal; font-variant-caps: normal; font-weight: normal; letter-spacing: normal; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px;">
<br class="">
</div>
<div class="" style="font-family: Helvetica; font-size: 12px; font-style: normal; font-variant-caps: normal; font-weight: normal; letter-spacing: normal; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px;">
More importantly though, if we start introducing Helpers/functions etc, won’t this make the experience that much less user-friendly anyway? In other words, will it still hold that the markdown experience will be more “user-friendly” than HTML? </div>
<div class="" style="font-family: Helvetica; font-size: 12px; font-style: normal; font-variant-caps: normal; font-weight: normal; letter-spacing: normal; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px;">
<br class="">
</div>
<div class="" style="font-family: Helvetica; font-size: 12px; font-style: normal; font-variant-caps: normal; font-weight: normal; letter-spacing: normal; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px;">
It’s a bit of an aside, but something I can’t shake is the question of adding complexity in this way making it more difficult to comprehend how things are working (this has been my experience as someone coming onboard and beginning to contribute). We had a
 brief discussion in the channel about this here: <a href="https://botbot.me/freenode/fluid-design/2016-10-06/?msg=74323733&page=1" class="">https://botbot.me/freenode/fluid-design/2016-10-06/?msg=74323733&page=1</a></div>
<div class="" style="font-family: Helvetica; font-size: 12px; font-style: normal; font-variant-caps: normal; font-weight: normal; letter-spacing: normal; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px;">
<br class="">
</div>
<div class="" style="font-family: Helvetica; font-size: 12px; font-style: normal; font-variant-caps: normal; font-weight: normal; letter-spacing: normal; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px;">
Hope this is constructive and helpful!</div>
<div class="" style="font-family: Helvetica; font-size: 12px; font-style: normal; font-variant-caps: normal; font-weight: normal; letter-spacing: normal; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px;">
<br class="">
</div>
<div class="" style="font-family: Helvetica; font-size: 12px; font-style: normal; font-variant-caps: normal; font-weight: normal; letter-spacing: normal; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px;">
Dana</div>
<div class="" style="font-family: Helvetica; font-size: 12px; font-style: normal; font-variant-caps: normal; font-weight: normal; letter-spacing: normal; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px;">
<br class="">
</div>
<div class="" style="font-family: Helvetica; font-size: 12px; font-style: normal; font-variant-caps: normal; font-weight: normal; letter-spacing: normal; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px;">
<br class="">
</div>
<br class="" style="font-family: Helvetica; font-size: 12px; font-style: normal; font-variant-caps: normal; font-weight: normal; letter-spacing: normal; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px;">
<div class="" style="font-family: Helvetica; font-size: 12px; font-style: normal; font-variant-caps: normal; font-weight: normal; letter-spacing: normal; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px;">
<div class="">
<div class="">Dana Ayotte</div>
<div class="">Inclusive Designer</div>
<div class=""><b class="">Inclusive Design Research Centre</b></div>
<div class=""><b class="">OCAD University</b></div>
<div class=""><a href="http://www.idrc.ocad.ca/" class=""><font face="Arial" class="">www.idrc.ocad.ca</font></a></div>
<div class="">
<div class="" style="background-color: rgb(255, 255, 255);">
<div class="" style="margin: 0cm 0cm 0.0001pt;"><font color="#222222" face="Arial" class=""><a href="http://www.ocadu.ca/" class="">www.ocadu.ca</a></font></div>
</div>
</div>
</div>
</div>
<br class="" style="font-family: Helvetica; font-size: 12px; font-style: normal; font-variant-caps: normal; font-weight: normal; letter-spacing: normal; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px;">
<div style="font-family: Helvetica; font-size: 12px; font-style: normal; font-variant-caps: normal; font-weight: normal; letter-spacing: normal; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-stroke-width: 0px;" class="">
<blockquote type="cite" class="">
<div class="">On Oct 5, 2016, at 12:03 PM, Harnum, Alan <<a href="mailto:aharnum@ocadu.ca" class="">aharnum@ocadu.ca</a>> wrote:</div>
<br class="Apple-interchange-newline">
<div class="">
<div class="" style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space; font-size: 14px; font-family: Calibri, sans-serif;">
<div class="">
<div class="">Hi Jon,</div>
<div class=""><br class="">
</div>
<div class="">Thanks for getting this discussion started - I make extensive use of Markdown in other areas and find it to be advantageous when I am able to write in "pure" Markdown – for me it's an elegant means of composing longer texts to output to HTML.
 So prefix the below by saying I'm a big Markdown fan.</div>
<div class=""><br class="">
</div>
<div class="">My opinions (which don't have a definite conclusion one way or the other): </div>
<ul class="">
<li class="">Tautological statement: the harder it is to author documentation, the less documentation will get written by anyone. It's important that our systems and standards for contributing documentation be as frictionless as possible. I've personally found
 the requirement of mixing Markdown and HTML to meet our styling and formatting requirements (in both the ILDH and the Infusion Documentation site) to be more onerous than simply using one or the other. I obviously say that as someone who can author documents
 in both formats.</li><li class="">I think we need to fall to one side or the other of it being possible to create our documentation source code in pure Markdown, or our styling & formatting requirements being complex enough that Markdown can't handle them and we need to expect
 contributors to author content in HTML</li><li class="">I am uncertain how much friendlier Markdown is vs. HTML to someone who is unfamiliar with the concept of document markup, but I think we also need to recognize that going to pure HTML may represent a step backwards in user friendliness and being
 welcoming to the non-technical. Do we need some consideration of whether our "styling and formatting requirements" themselves may form a barrier to contribution?</li><li class="">It may be worth looking at the issue at <a href="https://github.com/chjj/marked/issues/556" class="">https://github.com/chjj/marked/issues/556</a> & its linked issues – it's possible we may be able to use the plugin configuration options to get
 a Markdown parser that behaves more as we would like it.</li></ul>
<div class=""><font face="Arial" class="" style="font-size: 13px; widows: 1;"><b class="">ALAN HARNUM</b></font><span class="" style="font-family: Tahoma; font-size: 13px; widows: 1;"></span>
<div class="" style="font-family: Tahoma; font-size: 13px; widows: 1;"><font face="Arial" class="">SENIOR INCLUSIVE DEVELOPER</font></div>
<div class="" style="font-family: Tahoma; font-size: 13px; widows: 1;"><font face="Arial" class="">INCLUSIVE DESIGN RESEARCH CENTRE, OCAD UNIVERSITY</font></div>
<div class="" style="font-family: Tahoma; font-size: 13px; widows: 1;"><font face="Arial" class=""><br class="">
</font></div>
<div class="" style="font-family: Tahoma; font-size: 13px; widows: 1;"><font face="Arial" class=""><b class="">E </b><a href="mailto://aharnum@ocadu.ca" class="">aharnum@ocadu.ca</a></font></div>
<div class="" style="font-family: Tahoma; font-size: 13px; widows: 1;">
<p class="" style="margin-right: 0in; margin-left: 0in; font-size: 12pt; font-family: 'Times New Roman', serif; widows: auto;">
<strong class=""><span class="" style="font-size: 10pt; font-family: Arial, sans-serif;">OCAD UNIVERSITY</span></strong><span class="" style="font-size: 10pt; font-family: Arial, sans-serif;"><br class="">
100 McCaul Street, Toronto, Canada, M5T 1W1<br class="">
</span><a href="http://ocadu.ca/" class="" style="color: purple;"><span class="" style="font-size: 10pt; font-family: Arial, sans-serif;">www.ocadu.ca</span></a><span class="apple-converted-space"><span class="" style="font-size: 10pt; font-family: Arial, sans-serif;"> </span></span></p>
</div>
</div>
</div>
<div class=""><br class="">
</div>
<span id="OLK_SRC_BODY_SECTION" class="">
<div class="" style="font-family: Calibri; font-size: 11pt; text-align: left; border-width: 1pt medium medium; border-style: solid none none; padding: 3pt 0in 0in; border-top-color: rgb(181, 196, 223);">
<span class="" style="font-weight: bold;">From:<span class="Apple-converted-space"> </span></span>fluid-work <<a href="mailto:fluid-work-bounces@lists.idrc.ocad.ca" class="">fluid-work-bounces@lists.idrc.ocad.ca</a>> on behalf of "Hung, Jonathan" <<a href="mailto:jhung@ocadu.ca" class="">jhung@ocadu.ca</a>><br class="">
<span class="" style="font-weight: bold;">Date:<span class="Apple-converted-space"> </span></span>Wednesday, October 5, 2016 at 1:33 PM<br class="">
<span class="" style="font-weight: bold;">To:<span class="Apple-converted-space"> </span></span>Fluid Work <<a href="mailto:fluid-work@fluidproject.org" class="">fluid-work@fluidproject.org</a>><br class="">
<span class="" style="font-weight: bold;">Subject:<span class="Apple-converted-space"> </span></span>Moving away from Markdown to straight HTML for Inclusive Design Guide site<br class="">
</div>
<div class=""><br class="">
</div>
<div class="">
<div class="" style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space;">
<div id="bloop_customfont" class="" style="font-family: Helvetica, Arial; font-size: 13px; margin: 0px;">
Hi everyone,</div>
<div id="bloop_customfont" class="" style="font-family: Helvetica, Arial; font-size: 13px; margin: 0px;">
<br class="">
</div>
<div id="bloop_customfont" class="" style="font-family: Helvetica, Arial; font-size: 13px; margin: 0px;">
For the Inclusive Design Guide site we have been using a combination of both markdown and native HTML in the source document files. </div>
<div id="bloop_customfont" class="" style="font-family: Helvetica, Arial; font-size: 13px; margin: 0px;">
<br class="">
</div>
<div id="bloop_customfont" class="" style="font-family: Helvetica, Arial; font-size: 13px; margin: 0px;">
Examples of mixed HTML and Markdown:</div>
<div id="bloop_customfont" class="" style="font-family: Helvetica, Arial; font-size: 13px; margin: 0px;">
<br class="">
</div>
<div id="bloop_customfont" class="" style="font-family: Helvetica, Arial; font-size: 13px; margin: 0px;">
<a href="https://github.com/inclusive-design/guide.inclusivedesign.ca/blob/master/src/documents/activities/CauseAndEffect.html.md.handlebars" class="">Cause and Effect</a> - typical example (Design Guide)</div>
<div id="bloop_customfont" class="" style="font-family: Helvetica, Arial; font-size: 13px; margin: 0px;">
<a href="https://github.com/inclusive-design/guide.inclusivedesign.ca/blob/master/src/documents/insights/VirtuousCycles.html.md.handlebars" class="">Virtuous Cycles</a> - example with images (Design Guide)</div>
<div id="bloop_customfont" class="" style="font-family: Helvetica, Arial; font-size: 13px; margin: 0px;">
<a href="https://github.com/fluid-project/docs-inclusive-learning/blob/master/src/documents/Metadata.html.md.handlebars" class="">Metadata</a> - also in the Inclusive Learning Design Handbook and elsewhere (ILDH)</div>
<div id="bloop_customfont" class="" style="font-family: Helvetica, Arial; font-size: 13px; margin: 0px;">
<br class="">
</div>
<div id="bloop_customfont" class="" style="font-family: Helvetica, Arial; font-size: 13px; margin: 0px;">
The main motivation for using Markdown was to make it easy for contributors to author content without having to know HTML. However, because of our styling and formatting requirements, we have both HTML and Markdown in the same files. Thus requiring the author
 to use both formats in a document.</div>
<div id="bloop_customfont" class="" style="font-family: Helvetica, Arial; font-size: 13px; margin: 0px;">
<br class="">
</div>
<div id="bloop_customfont" class="" style="font-family: Helvetica, Arial; font-size: 13px; margin: 0px;">
To complicate matters for authors of all skill levels, Markdown is very particular how you mix HTML - nesting Markdown inside a block level HTML element causes it not to render properly as described by Point #3 of this article “<a href="https://blog.stackoverflow.com/2008/06/three-markdown-gotcha/" class="">Three
 Markdown Gotchas</a>”.</div>
<div id="bloop_customfont" class="" style="font-family: Helvetica, Arial; font-size: 13px; margin: 0px;">
<br class="">
</div>
<div id="bloop_customfont" class="" style="font-family: Helvetica, Arial; font-size: 13px; margin: 0px;">
Given our increasing need to control style and formatting in our documentation, I wonder if it would be beneficial to switch to straight HTML within documentation source files for the Inclusive Design Guides site?</div>
<div id="bloop_customfont" class="" style="font-family: Helvetica, Arial; font-size: 13px; margin: 0px;">
<br class="">
</div>
<div id="bloop_customfont" class="" style="font-family: Helvetica, Arial; font-size: 13px; margin: 0px;">
Transitioning to straight HTML would also make the task of creating print-ready duplexed layouts easier as we would be able to use block level containers and not worry about the content not rendering.</div>
<div id="bloop_customfont" class="" style="font-family: Helvetica, Arial; font-size: 13px; margin: 0px;">
<br class="">
</div>
<div id="bloop_customfont" class="" style="font-family: Helvetica, Arial; font-size: 13px; margin: 0px;">
Any thoughts?</div>
<div id="bloop_customfont" class="" style="font-family: Helvetica, Arial; font-size: 13px; margin: 0px;">
<br class="">
</div>
<div id="bloop_customfont" class="" style="font-family: Helvetica, Arial; font-size: 13px; margin: 0px;">
- Jon.</div>
<div id="bloop_customfont" class="" style="font-family: Helvetica, Arial; font-size: 13px; margin: 0px;">
<br class="">
</div>
<br class="">
<div id="bloop_sign_1475686638306136064" class="bloop_sign">
<div class="" style="widows: 1;"><font color="#222222" face="Arial" class="" style="font-size: 14px;">---</font></div>
<div class="" style="widows: 1;"><font color="#222222" face="Arial" class="" style="font-size: 14px;">Jonathan Hung, Inclusive Designer</font></div>
<div class="" style="widows: 1;"><font color="#222222" face="Arial" class="" style="font-size: 14px;">Email:<span class="Apple-converted-space"> </span><a href="mailto:jhung@ocadu.ca" class="">jhung@ocadu.ca</a></font></div>
<div class="" style="widows: 1;"><font color="#222222" face="Arial" class="" style="font-size: 14px;">OCAD University</font></div>
<div class="" style="widows: 1;"><font color="#222222" face="Arial" class="" style="font-size: 14px;">Inclusive Design Research Centre</font></div>
<div class="gmail_signature" style="color: rgb(34, 34, 34); line-height: normal; widows: 1;">
<div class="" style="font-family: arial, sans-serif; font-size: 12.5px;">
<p class="" style="margin: 0cm 0cm 0.0001pt; font-size: 12pt; font-family: 'Times New Roman', serif;">
<span class="" style="font-size: 10pt; font-family: Tahoma, sans-serif;"></span></p>
</div>
</div>
</div>
</div>
</div>
</span></div>
_______________________________________________________<br class="">
fluid-work mailing list -<span class="Apple-converted-space"> </span><a href="mailto:fluid-work@lists.idrc.ocad.ca" class="">fluid-work@lists.idrc.ocad.ca</a><br class="">
To unsubscribe, change settings or access archives,<br class="">
see<span class="Apple-converted-space"> </span><a href="http://lists.idrc.ocad.ca/mailman/listinfo/fluid-work" class="">http://lists.idrc.ocad.ca/mailman/listinfo/fluid-work</a></div>
</blockquote>
</div>
</div>
</blockquote>
</div>
<br class="">
</body>
</html>