Skip to content

Instantly share code, notes, and snippets.

@zachlendon
Created December 7, 2011 04:23
Show Gist options
  • Select an option

  • Save zachlendon/1441450 to your computer and use it in GitHub Desktop.

Select an option

Save zachlendon/1441450 to your computer and use it in GitHub Desktop.
<html class="splitview ui-mobile landscape min-width-320px min-width-480px min-width-768px min-width-1024px"><head>
<title>About SplitView</title>
<meta content="width=device-width, minimum-scale=1, maximum-scale=1" name="viewport">
<link href="http://code.jquery.com/mobile/1.0b2/jquery.mobile-1.0b2.css" rel="stylesheet">
<!-- Be sure to link to local files for these if using! -->
<link href="jquery.mobile.splitview.css" rel="stylesheet">
<link href="jquery.mobile.scrollview.css" rel="stylesheet">
<link href="jquery.mobile.grids.collapsible.css" rel="stylesheet">
</head>
<body>
<div data-context="a#default" data-hash="crumbs" data-id="menu" data-role="panel" class="ui-mobile-viewport ui-panel-left ui-border-right" style="width: 25%; min-width: 250px;">
<!-- Start of first page -->
<div id="main" data-role="page" data-url="main" class="ui-page ui-body-c ui-page-active">
<div data-backbtn="false" data-role="header" class="ui-bar-a ui-header" role="banner">
<h1 class="ui-title" tabindex="0" role="heading" aria-level="1">Main</h1>
</div><!-- /header -->
<div data-role="content" class="ui-content" role="main" style="top: 42px; bottom: 36px;">
<ul data-theme="g" data-role="listview" class=" ui-listview ">
<li data-theme="g" class="ui-btn ui-btn-up-g ui-btn-icon-right ui-li"><div class="ui-btn-inner ui-li"><div class="ui-btn-text"><a href="#main&amp;ui-page=About-1" class="ui-link-inherit"><span>About</span></a></div><span class="ui-icon ui-icon-arrow-r"></span></div></li>
<li data-theme="g" class="ui-btn ui-btn-up-g ui-btn-icon-right ui-li"><div class="ui-btn-inner ui-li"><div class="ui-btn-text"><a href="#main&amp;ui-page=Features-0" class="ui-link-inherit"><span>Features</span></a></div><span class="ui-icon ui-icon-arrow-r"></span></div></li>
<li data-theme="g" class="ui-btn ui-btn-up-g ui-btn-icon-right ui-li"><div class="ui-btn-inner ui-li"><div class="ui-btn-text"><a data-panel="main" href="#credits" class="ui-link-inherit">Credits</a></div><span class="ui-icon ui-icon-arrow-r"></span></div></li>
<li data-theme="g" class="ui-btn ui-btn-up-g ui-btn-icon-right ui-li"><div class="ui-btn-inner ui-li"><div class="ui-btn-text"><a data-panel="main" href="#source" class="ui-link-inherit">Source@Github</a></div><span class="ui-icon ui-icon-arrow-r"></span></div></li>
</ul>
</div><!-- /content -->
<div data-id="ew-footer" data-position="fixed" data-role="footer" class="ui-bar-a ui-footer ui-footer-fixed ui-fixed-inline fade" role="contentinfo">
<div data-role="navbar" class="ui-navbar ui-navbar-noicons" role="navigation">
<ul class="ui-grid-a">
<li class="ui-block-a"><a data-transition="slideup" class="ui-btn-active ui-btn ui-btn-up-a" href="#main" data-theme="a"><span class="ui-btn-inner"><span class="ui-btn-text">Main</span></span></a></li>
<li class="ui-block-b"><a data-transition="slideup" href="#demo" data-theme="a" class="ui-btn ui-btn-up-a"><span class="ui-btn-inner"><span class="ui-btn-text">Demos</span></span></a></li>
</ul>
</div><!-- /navbar -->
<h2 class="ui-splitview-hidden ui-title" tabindex="0" role="heading" aria-level="1">Engineworks &copy; CS8</h2>
</div><!-- /page -->
</div>
<script src="jquery-1.6.1.min.js" type="text/javascript"></script>
<script src="jquery.mobile.splitview.js" type="text/javascript"></script>
<!-- script type="text/javascript" src="jquery.mobile.splitview.toolbar.js"></script -->
<script src="jquery.mobile-1.0a4.1.js" type="text/javascript"></script>
<script src="jquery.easing.1.3.js" type="text/javascript"></script>
<script src="jquery.mobile.scrollview.js" type="text/javascript"></script>
</body></html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment