<!DOCTYPE html>
<html lang="en">
    <head>

		<meta charset="UTF-8">
		<title>Parse Microformats</title>
		<meta name="description" content="microformat-shiv - A light-weight cross browser javascript microformats 2 parser" />

        <link rel="stylesheet" href="css/testrunner.css">
        <link rel="stylesheet" href="css/prettify.css">
		
		<script src="..././thirdparty/es5-shim.min.js"></script>
		
		<!-- loads Modules to help with debugging ie windows.Modules -->
		<script src="../../lib/utilities.js"></script>
		<script src="../../lib/domutils.js"></script>
		<script src="../../lib/url.js"></script>
		<script src="../../lib/html.js"></script>
		<script src="../../lib/text.js"></script>
		<script src="../../lib/dates.js"></script>
		<script src="../../lib/isodate.js"></script>
		<script src="../../lib/parser.js"></script>
		<script src="../../lib/parser-implied.js"></script>
		<script src="../../lib/parser-includes.js"></script>
		<script src="../../lib/parser-rels.js"></script>
		
		<script src="../../lib/maps/h-adr.js"></script>
		<script src="../../lib/maps/h-card.js"></script>
		<script src="../../lib/maps/h-entry.js"></script>
		<script src="../../lib/maps/h-event.js"></script>
		<script src="../../lib/maps/h-feed.js"></script>
		<script src="../../lib/maps/h-geo.js"></script>
		<script src="../../lib/maps/h-item.js"></script>
		<script src="../../lib/maps/h-listing.js"></script>
		<script src="../../lib/maps/h-news.js"></script>
		<script src="../../lib/maps/h-org.js"></script>
		<script src="../../lib/maps/h-product.js"></script>
		<script src="../../lib/maps/h-recipe.js"></script>
		<script src="../../lib/maps/h-resume.js"></script>
		<script src="../../lib/maps/h-review-aggregate.js"></script>
		<script src="../../lib/maps/h-review.js"></script>
		<script src="../../lib/maps/rel.js"></script>
		
			
		<script src="javascript/beautify.js"></script>
        <script src="javascript/prettify.js"></script>	
		
		<script src="javascript/DOMParser.js"></script>	
		<script src="javascript/parse.js"></script>	

	</head>
	
	<body>
        
		<p>microformat-shiv</p>
        <h1>Parse Microformats - Modules</h1>
		<p>Type or copy and paste the HTML you want to parse into the box below.</p>
        
                <form id="mf-form" class="tool-interface" method="get" action="">
	          		<p>
	          			<label for="html">HTML</label>
<textarea id="html" name="html">&lt;a class="h-card" href="glenn.html"&gt;
     &lt;span class="p-given-name"&gt;Glenn&lt;/span&gt;
     &lt;span class="p-family-name"&gt;Jones&lt;/span&gt;
&lt;/a&gt;
</textarea>
	          		</p>

					
					<p>
			        	<label for="baseurl">BaseURL</label>
			          	<input id="baseurl" name="baseurl" placeholder="Optional URL to help resolve relative links" value="http://example.com" type="text">
			        </p>
					
					<p>
			        	<label for="filters">Filters</label>
			          	<input id="filters" name="filters" placeholder="Optional comma separted list of formats to filter by" type="text">
			        </p>


					
					<p class="checkbox">
						<input id="collapsewhitespace" name="collapsewhitespace" id="textformat2" type="checkbox">
						<label class="checkbox-label" for="textformat2"><strong>Experimental</strong> ‐ Text white-space collapsing</label>
			        </p>
					
					<!--
					<p class="checkbox">
						<input id="overlappingversions" name="overlappingversions" id="overlappingversions" type="checkbox">
						<label class="checkbox-label" for="overlappingversions"><strong>Experimental</strong> ‐ Block overlapping properties from different microformat versions</label>
			        </p>
					
					<p class="checkbox">
						<input id="impliedPropertiesByVersion" name="impliedPropertiesByVersion" id="impliedPropertiesByVersion" type="checkbox">
						<label class="checkbox-label" for="impliedPropertiesByVersion"><strong>Experimental</strong> ‐ Set implied properties by microformat version</label>
			        </p>
					-->
					
					<p class="checkbox">
						<input id="parseLatLonGeo" name="parseLatLonGeo" id="parseLatLonGeo" type="checkbox">
						<label class="checkbox-label" for="parseLatLonGeo"><strong>Experimental</strong> ‐ Parse geo data writen as latlon i.e. 30.267991;-97.739568</label>
			        </p>
					
					
					
					<p>
                      
						<select id="dateformat" class="indent" name="dateformat" id="dateformat2">
							<option value="auto" selected="selected">auto</option>
							<option value="W3C">w3c</option>
							<option value="HTML5">html5</option>
							<option value="RFC3339">rfc3339</option>
		           		</select>
             
						<label class="checkbox-label" for="dateformat2"><strong>Experimental</strong> ‐ Fixed ISO date profile for output</label>
	 				</p>

	          		<input class="button" value="Parse" type="submit">
	         	</form>
                 
             <h1>Parser JSON</h1>
            <div id="parser-json"><pre class="prettyprint"><code class="language-json"></code></pre></div>

 
	
	</body>
</html>