Skip to content

Instantly share code, notes, and snippets.

@kparms
Last active August 29, 2015 14:00
Show Gist options
  • Save kparms/11151267 to your computer and use it in GitHub Desktop.
Save kparms/11151267 to your computer and use it in GitHub Desktop.
Page to showcase Hikes

This is a page that we are building to showcase our hikes

.ui-filterable {
display:none;
}
.ui-listview-filter {
width:70%;
margin-left:4em;
margin-top:1em;
}
<!doctype html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Hike Log</title>
<link rel="stylesheet" href="//code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css">
<link rel="stylesheet" href="hikes.css">
<script src="//code.jquery.com/jquery-1.8.2.min.js"></script>
<script src="//code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>
<!--<link rel="stylesheet" href="css/trackknow.css">
<script src="js/trackknow.js"></script>
<script src="js/populate.js"></script>-->
</head>
<body>
<form class="ui-filterable">
<input id="filterBasic-input" data-type="search">
</form>
<ul id="hike-list" data-role="listview" data-filter="true" data-input="#filterBasic-input">
<li id="header" data-role="list-divider">Hike Log</li>
<li>
<a href="http://adventures.garmin.com/en-US/by/kparms/mount-leconte-smokey-mountains" target="0" hike-id="1">
<h3>04/13/2014</h3>
<p id="track">Smoky Mountains NP - Tenn</p>
<p class="ui-li-aside">Mount Leconte</p>
</a>
</li>
<li>
<a href="http://adventures.garmin.com/en-US/by/kparms/grotto-falls-smokey-mountain-np" target="0" hike-id="2">
<h3>04/15/2014</h3>
<p id="track">Smoky Mountains NP - Tenn</p>
<p class="ui-li-aside">Grotto Falls</p>
</a>
</li>
<li>
<a href="http://adventures.garmin.com/en-US/by/kparms/newfound-gap-at-smokey-mountain-np" target="0" hike-id="3">
<h3>04/16/2014</h3>
<p id="track">Smoky Mountains NP - Tenn</p>
<p class="ui-li-aside">Newfound Gap - AT</p>
</a>
</li>
<li>
<a href="http://adventures.garmin.com/en-US/by/kparms/clingman-dome-smokey-mountain-np" target="0" hike-id="4">
<h3>04/16/2014</h3>
<p id="track">Smoky Mountains NP - Tenn</p>
<p class="ui-li-aside">Clingman Dome</p>
</a>
</li>
<li>
<a href="http://adventures.garmin.com/en-US/by/kparms/burnt-meadow-road-red-highlands-yellow" target="0" hike-id="5">
<h3>04/20/2014</h3>
<p id="track">Burnt Meadow Road - West Milford, NJ</p>
<p class="ui-li-aside">Burnt Meadow Road - Monksville Reservour</p>
</a>
</li>
</ul>
</body>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment