Skip to content

Instantly share code, notes, and snippets.

Show Gist options
  • Save nirness/5939418 to your computer and use it in GitHub Desktop.
Save nirness/5939418 to your computer and use it in GitHub Desktop.

Revisions

  1. @greenido greenido created this gist Mar 22, 2011.
    116 changes: 116 additions & 0 deletions jQueryMobileTemplate-1.js
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,116 @@
    <!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>