Skip to content

Instantly share code, notes, and snippets.

@greenido

greenido/jQueryMobileTemplate-1.js

Created March 22, 2011 22:58
Show Gist options
  • Save greenido/882281 to your computer and use it in GitHub Desktop.
Save greenido/882281 to your computer and use it in GitHub Desktop.
Download ZIP
jQuery Mobile start up template page to kick your app quickly
Raw
jQueryMobileTemplate-1.js
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>XXX</title>
<!-- CSS -->
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a3/jquery.mobile-1.0a3.min.css" />
<link rel="apple-touch-icon" href="images/XXX.png"/>
<link rel="apple-touch-startup-image" href="images/XXX-home-screen.png" />
<style>
/* XXX */
</style>
<meta name="author" content="Ido Green" />
<link rel="shortcut icon" href="favicon.ico" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<meta name="viewport" content = "width = device-width, initial-scale = 1.0, minimum-scale = 1, maximum-scale = 5" />
<!-- JS <script src="js/gen.js"></script> -->
<script src="http://code.jquery.com/jquery-1.5.min.js"></script>
<script src="http://code.jquery.com/mobile/1.0a3/jquery.mobile-1.0a3.min.js"></script>
<script>
$(document).ready(function() {
// XXX
});
</script>
</head>
<body>
<!-- main page -->
<div data-role="page" id="home">
<div data-role="header">
<h1>XXX</h1>
<a href="#" data-role="button" data-icon="refresh"
onclick="location.reload(true);" data-iconpos="notext"
title="Strat Over"></a>
<a href="#about" data-role="button" data-icon="info" data-iconpos="notext"></a>
</div>
<div id="main-nav" data-role="content">
<ul data-role="listview" data-inset="true" data-theme="e" data-dividertheme="b">
<li data-role="list-divider">XXX</li>
<li><a href="http://best-apps4.me/WordsHelper/" data-transition="pop" rel="external" target="_blank">Words Helper</a></li>
</ul>
<ul data-role="listview" data-inset="true" data-theme="e" data-dividertheme="b">
<li data-role="list-divider">Cars</li>
<li><a href="http://best-apps4.me/mycar/" data-transition="pop" rel="external" target="_blank">Find Me A Car</a></li>
<li><a href="http://m.thecarconnection.com" data-transition="flip" rel="external" target="_blank">Car Research</a></li>
</ul>
<img src="images/gr8view.png" class="main-img" />
</div><!-- /content -->
<!-- Footer -->
<div data-role="footer">
<a href="http://greenido.wordpress.com" target="_blank">Ido Green</a>
</div>
</div><!-- /page -->
<!-- OTHER STUFF -->
<div data-role="page" id="support">
<div data-role="header">
<h1>Help</h1>
</div>
<div data-role="content" class="mid-screen">
<p>This application... XXX
</p>
<br/>
<ul data-role="listview">
<li data-role="list-divider">FAQ</li>
<li>How Does It Work?<br/>
XXX bla-bla-bla
</li>
</ul>
</div>
</div>
<!-- about page -->
<div data-role="page" id="about">
<div data-role="header">
<h1>About Us</h1>
</div>
<div data-role="content" class="mid-screen">
<ul data-role="listview" data-inset="true" data-theme="c" data-dividertheme="b">
<li>We love to develop... XXX
</li>
<li> <a href="http://greenido.wordpress.com" target="_blank">Ido</a></li>
</ul>
<p><a href="http://twitter.com/#!/greenido" target="_blank"
data-role="button" data-theme="b">Feedback</a>
</p>
</div><!-- /content -->
</div><!-- /page -->
<!-- GA -->
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-2230417-22");
pageTracker._trackPageview();
} catch(err) {}
</script>
</body>
</html>
@greenido
Copy link
Author

Just find/replace the XXX and you will find all the places you want to change/add new stuff.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment