Permalink
Browse files

Initial Commit

  • Loading branch information...
ryanstewart committed Nov 7, 2012
0 parents commit f0a9ec1e5000fbb6502a91c96ed95ab6add0b45d
@@ -0,0 +1,74 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <meta charset="utf-8">
+ <title>Movie finder</title>
+ <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" />
+
+ <link rel="stylesheet" href="css/ratchet.css">
+ <link rel="stylesheet" href="css/app.css">
+ <!--<script src="js/ratchet.js"></script>-->
+
+ </head>
+ <body>
+ <header class="bar-title">
+ <a class="button-prev" href="choose-theater.html" data-transition="slide-out">
+ Back
+ </a>
+ <h1 class="title">Buy tickets</h1>
+ </header>
+
+ <nav class="bar-tab">
+ <ul class="tab-inner">
+ <li class="tab-item active">
+ <a href="index.html" data-transition="fade">
+ <img class="tab-icon" src="img/icon-hamburger.png">
+ <div class="tab-label">Movies</div>
+ </a>
+ </li>
+ <li class="tab-item">
+ <a href="theaters.html" data-transition="fade">
+ <img class="tab-icon" src="img/icon-hamburger.png">
+ <div class="tab-label">Theaters</div>
+ </a>
+ </li>
+ <li class="tab-item">
+ <a href="settings.html" data-transition="fade">
+ <img class="tab-icon" src="img/icon-hamburger.png">
+ <div class="tab-label">Settings</div>
+ </a>
+ </li>
+ </ul>
+ </nav>
+
+ <div class="content">
+ <div class="checkout-form content-padded">
+ <form>
+ <div class="input-group">
+ <div class="input-row">
+ <input type="text" placeholder="Fullname">
+ </div>
+ <div class="input-row">
+ <input type="email" placeholder="Email">
+ </div>
+ </div>
+
+ <div class="input-group">
+ <div class="input-row">
+ <input type="text" placeholder="Name on card">
+ </div>
+ <div class="input-row">
+ <input type="text" placeholder="Credit card number">
+ </div>
+ <div class="input-row">
+ <input type="text" placeholder="Security code">
+ </div>
+ </div>
+
+ <a class="button-positive button-block">Checkout</a>
+ </form>
+ </div>
+ </div>
+
+ </body>
+</html>
@@ -0,0 +1,118 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <meta charset="utf-8">
+ <title>Movie finder</title>
+ <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" />
+ <link rel="stylesheet" href="css/ratchet.css">
+ <link rel="stylesheet" href="css/app.css">
+ <!--<script src="js/ratchet.js"></script>-->
+
+ </head>
+ <body>
+
+ <header class="bar-title">
+ <a class="button-prev" href="theaters.html" data-transition="slide-out">
+ Back
+ </a>
+ <h1 class="title">Choose a movie</h1>
+ </header>
+ <nav class="bar-standard bar-header-secondary">
+ <form>
+ <input type="search" placeholder="Search for movies">
+ </form>
+ </nav>
+
+ <nav class="bar-tab">
+ <ul class="tab-inner">
+ <li class="tab-item">
+ <a href="index.html" data-transition="fade">
+ <img class="tab-icon" src="img/icon-hamburger.png">
+ <div class="tab-label">Movies</div>
+ </a>
+ </li>
+ <li class="tab-item active">
+ <a href="theaters.html" data-transition="fade">
+ <img class="tab-icon" src="img/icon-hamburger.png">
+ <div class="tab-label">Theaters</div>
+ </a>
+ </li>
+ <li class="tab-item">
+ <a href="settings.html" data-transition="fade">
+ <img class="tab-icon" src="img/icon-hamburger.png">
+ <div class="tab-label">Settings</div>
+ </a>
+ </li>
+ </ul>
+ </nav>
+
+ <div class="content">
+
+ <ul class="list">
+ <li class="list-divider">Recommended movies</li>
+ <li>
+ <strong>Argo</strong>
+ <p>Lorem ipsum dolor sit amet</p>
+ <a class="button-positive" href="checkout.html" data-transition="slide-in">Buy Tickets</a>
+ </li>
+ <li>
+ <strong>Skyfall: 007</strong>
+ <p>Lorem ipsum dolor sit amet</p>
+ <a class="button-positive" href="checkout.html" data-transition="slide-in">Buy Tickets</a>
+ </li>
+ <li>
+ <strong>Wreck-it Ralph</strong>
+ <p>Lorem ipsum dolor sit amet</p>
+ <a class="button-positive" href="checkout.html" data-transition="slide-in">Buy Tickets</a>
+ </li>
+ <li class="list-divider">Top movies</li>
+ <li>
+ <strong>Movie 4</strong>
+ <p>Lorem ipsum dolor sit amet</p>
+ <a class="button-positive" href="checkout.html" data-transition="slide-in">Buy Tickets</a>
+ </li>
+ <li>
+ <strong>Movie 5</strong>
+ <p>Lorem ipsum dolor sit amet</p>
+ <a class="button-positive" href="checkout.html" data-transition="slide-in">Buy Tickets</a>
+ </li>
+ <li>
+ <strong>Movie 6</strong>
+ <p>Lorem ipsum dolor sit amet</p>
+ <a class="button-positive" href="checkout.html" data-transition="slide-in">Buy Tickets</a>
+ </li>
+ <li>
+ <strong>Movie 7</strong>
+ <p>Lorem ipsum dolor sit amet</p>
+ <a class="button-positive" href="checkout.html" data-transition="slide-in">Buy Tickets</a>
+ </li>
+ <li>
+ <strong>Movie 8</strong>
+ <p>Lorem ipsum dolor sit amet</p>
+ <a class="button-positive" href="checkout.html" data-transition="slide-in">Buy Tickets</a>
+ </li>
+ <li>
+ <strong>Movie 9</strong>
+ <p>Lorem ipsum dolor sit amet</p>
+ <a class="button-positive" href="checkout.html" data-transition="slide-in">Buy Tickets</a>
+ </li>
+ <li>
+ <strong>Movie 10</strong>
+ <p>Lorem ipsum dolor sit amet</p>
+ <a class="button-positive" href="checkout.html" data-transition="slide-in">Buy Tickets</a>
+ </li>
+ <li>
+ <strong>Movie 11</strong>
+ <p>Lorem ipsum dolor sit amet</p>
+ <a class="button-positive" href="checkout.html" data-transition="slide-in">Buy Tickets</a>
+ </li>
+ <li>
+ <strong>Movie 12</strong>
+ <p>Lorem ipsum dolor sit amet</p>
+ <a class="button-positive" href="checkout.html" data-transition="slide-in">Buy Tickets</a>
+ </li>
+ </ul>
+
+ </div>
+ </body>
+</html>
@@ -0,0 +1,105 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <meta charset="utf-8">
+ <title>Movie finder</title>
+ <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" />
+ <link rel="stylesheet" href="css/ratchet.css">
+ <link rel="stylesheet" href="css/app.css">
+ <script src="phonegap.js"></script>
+ <script src="js/ratchet.js"></script>
+ <script src="js/app.js"></script>
+
+
+ </head>
+ <body onload="init();">
+
+ <header class="bar-title">
+ <a class="button-prev" href="index.html" data-transition="slide-out">
+ Back
+ </a>
+ <h1 class="title">Argo</h1>
+ </header>
+
+ <nav class="bar-tab">
+ <ul class="tab-inner">
+ <li class="tab-item active">
+ <a href="index.html" data-transition="fade">
+ <img class="tab-icon" src="img/icon-hamburger.png">
+ <div class="tab-label">Movies</div>
+ </a>
+ </li>
+ <li class="tab-item">
+ <a href="theaters.html" data-transition="fade">
+ <img class="tab-icon" src="img/icon-hamburger.png">
+ <div class="tab-label">Theaters</div>
+ </a>
+ </li>
+ <li class="tab-item">
+ <a href="settings.html" data-transition="fade">
+ <img class="tab-icon" src="img/icon-hamburger.png">
+ <div class="tab-label">Settings</div>
+ </a>
+ </li>
+ </ul>
+ </nav>
+
+ <div class="content">
+
+ <ul class="list">
+ <li class="list-divider">Theaters nearby</li>
+ <li>
+ <strong>Metreon 16</strong>
+ <p>1.3 miles away</p>
+ <a class="button-positive" href="checkout.html" data-transition="slide-in">Buy Tickets</a>
+ </li>
+ <li>
+ <strong>AMC 5</strong>
+ <p>3.5 miles away</p>
+ <a class="button-positive" href="checkout.html" data-transition="slide-in">Buy Tickets</a>
+ </li>
+ <li>
+ <strong>Regal 42</strong>
+ <p>7.3 miles away</p>
+ <a class="button-positive" href="checkout.html" data-transition="slide-in">Buy Tickets</a>
+ </li>
+ <li>
+ <strong>Shorline theater</strong>
+ <p>12.5 miles away</p>
+ <a class="button-positive" href="checkout.html" data-transition="slide-in">Buy Tickets</a>
+ </li>
+ <li>
+ <strong>AMC 16</strong>
+ <p>12.2 miles away</p>
+ <a class="button-positive" href="checkout.html" data-transition="slide-in">Buy Tickets</a>
+ </li>
+ <li>
+ <strong>BW3 16</strong>
+ <p>13.4 miles away</p>
+ <a class="button-positive" href="checkout.html" data-transition="slide-in">Buy Tickets</a>
+ </li>
+ <li>
+ <strong>MC Hammer 16</strong>
+ <p>14.1 miles away</p>
+ <a class="button-positive" href="checkout.html" data-transition="slide-in">Buy Tickets</a>
+ </li>
+ <li>
+ <strong>AMC 3</strong>
+ <p>14.3 miles away</p>
+ <a class="button-positive" href="checkout.html" data-transition="slide-in">Buy Tickets</a>
+ </li>
+ <li>
+ <strong>AMC 2</strong>
+ <p>14.7 miles away</p>
+ <a class="button-positive" href="checkout.html" data-transition="slide-in">Buy Tickets</a>
+ </li>
+ <li>
+ <strong>AMC 10</strong>
+ <p>15 miles away</p>
+ <a class="button-positive" href="checkout.html" data-transition="slide-in">Buy Tickets</a>
+ </li>
+ </ul>
+ </div>
+
+ </body>
+</html>
@@ -0,0 +1,25 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+ <widget xmlns = "http://www.w3.org/ns/widgets"
+ xmlns:gap = "http://phonegap.com/ns/1.0"
+ id = "com.digitalbackcountry"
+ versionCode="10"
+ version = "1.0.0">
+
+ <!-- versionCode is optional and Android only -->
+
+ <name>Ratchet PhoneGap Demo</name>
+
+ <description>
+ An example using Ratchet with PhoneGap together.
+ </description>
+
+ <author href="http://blog.digitalbackcountry.com" email="ryan@adobe.com">
+ Ryan Stewart
+ </author>
+
+ <access origin="*" />
+
+ <icon src="touch-icons/apple-touch-icon-57x57.png" width="57" height="57" />
+ <icon src="touch-icons/apple-touch-icon-72x72.png" gap:platform="ios" width="72" height="72" />
+ <icon src="touch-icons/apple-touch-icon-114x114.png" width="114" height="114" />
+</widget>
@@ -0,0 +1,12 @@
+.slider {
+ margin-bottom: 0;
+ height: 150px;
+}
+
+.slider li img {
+ width: 100%;
+}
+
+.form-wrapper {
+ padding: 10px;
+}
Oops, something went wrong.

0 comments on commit f0a9ec1

Please sign in to comment.