diff options
| author | Jules Laplace <jules@okfoc.us> | 2015-09-11 17:03:42 -0400 |
|---|---|---|
| committer | Jules Laplace <jules@okfoc.us> | 2015-09-11 17:03:42 -0400 |
| commit | c273cadba219ed954af7d2076e2c32e00b38ad03 (patch) | |
| tree | fc76d0514fdd7c88ec5748ff6da6ef32a4966b38 | |
| parent | d73a4b1c5a2540077607dcc4001acbae85980ae4 (diff) | |
sketch out html based on mock
| -rw-r--r-- | README.md (renamed from README) | 0 | ||||
| -rw-r--r-- | StoneIsland/www/index.html | 282 | ||||
| -rw-r--r-- | StoneIsland/www/js/vendor/view/router.js | 8 |
3 files changed, 288 insertions, 2 deletions
diff --git a/StoneIsland/www/index.html b/StoneIsland/www/index.html index 6deac067..c0c5b331 100644 --- a/StoneIsland/www/index.html +++ b/StoneIsland/www/index.html @@ -20,6 +20,288 @@ <title>Stone Island</title> </head> <body> + +<div id="intro"> + <div id="compass"></div> + <span class="store">STORE</span> + <span class="hub">HUB</span> + <span class="story">STORY</span> + <span class="archive">ARCHIVE</span> + <span class="latlng">+40.589060 -74.044636</span> +</div> + +<div id="nav"> + <span class="logo"></span> + <span class="store">STORE</span> + <span class="hub">HUB</span> + <span class="story">STORY</span> + <span class="archive">ARCHIVE</span> + <span class="login">ACCOUNT / LOGIN</span> + <span class="faq">FAQ</span> + <span class="search">SEARCH</span> + + <span class="social"> + <span class="fb"></span> + <span class="insta"></span> + <span class="tw"></span> + </span> +</div> + +<div id="content"> + <div id="header"> + <span class="burger"></span> + <span class="logo"></span> + <span class="cart"><span class="cart_count">2</span></span> + </div> + + <div id="footer"> + <span class="filter">FILTER</span> + <span class="buynow">BUY NOW</span> + <span class="addtocart">ADD TO CART</span> + <span class="cancel">CANCEL</span> + <span class="checkout">CHECKOUT</span> + <span class="checkout_proceed">PROCEED WITH CHECKOUT</span> + </div> + + <div id="story"> + <h1>STORY</h1> + <script type="text/html" class="template"> + <div> + <img src="{{image}}"> + <span class="date">{{date}}</span> + <span class="title">{{title}}</span> + <div class="body">{{body}}</div> + </div> + </div> + </div> + + <div id="hub"> + <h1>HUB</h1> + <script type="text/html" class="template"> + <div> + <img src="{{image}}"> + <span class="title"><b>{{sku}}</b> {{title}}</span> + <span class="subtitle">{{subtitle}}</span> + <div class="body">{{body}}</div> + </div> + </div> + </div> + + <div id="archive"> + <h1>ARCHIVE</h1> + <script type="text/html" class="template"> + <img src="{{image}}"> + <div class="above"> + <h2> + <b>{{sku}}</b><br> + {{title}} + </h2> + <div class="body"> + {{body}} + </div> + </div> + </script> + </div> + + <div id="collection"> + <h1>COLLECTION NAME</h1> + <img src=""> + <img src=""> + <img src=""> + <img src=""> + <img src=""> + <img src=""> + </div> + + + <div id="product"> + <span class="left"></span> + <span class="right"></span> + <img src=""> + <span class="title"></span> + <span class="type"></span> + <span class="price"></span> + <span class="style"> + <span class="size"></span> + <span class="color"></span> + </span> + <span class="share">SHARE +</span> + <div class="body"> + </div> + </div> + + + <div id="sizes"> + <span class="close"></span> + <div> + <span>X-SMALL</span> + <span>SMALL</span> + <span>MEDIUM</span> + <span>LARGE</span> + <span>X-LARGE</span> + </div> + </div> + + + <div id="login"> + <span class="close"> + <div class="login_ask">LOGIN</div> + <div class="signup_ask">SIGNUP</div> + <div> + <input type="text" name="username" placeholder="USERNAME / EMAIL"> + <input type="text" name="password" placeholder="PASSWORD"> + <span class="submit">SIGN IN</span> + </div> + </div> + + + <div id="cart"> + <h1>YOUR CART / <span class="itemcount">2 ITEMS</h1> + + <div class="steps"> + <span class="summary">SUMMARY</span> + <span class="shipping">SHIPPING</span> + <span class="billing">BILLING</span> + </div> + + <div id="summary"> + <div class="rows"> + <script type="text/html" class="template"> + <div> + <img src="{{image}}"> + <b>{{sku}}</b><br> + <span class="title">{{title}}</span> + <span class="type">{{type}}</span> + <span class="meta"> + <b>SIZE:</b> {{size}}<br> + <b>COLOR:</b> {{color}}<br> + <b>QUANTITY:</b> {{quantity}}<br> + </span> + <span class="price">{{price}}</span> + </div> + </script> + </div> + <div> + <span class="label">SUB TOTAL</span> + <span class="subtotal"></span> + </div> + <div> + <span class="label">ESTIMATED SHIPPING<br>& HANDLING</span> + <span class="shipping"></span> + </div> + <div> + <span class="label">TAX</span> + <span class="tax"></span> + </div> + <div> + <span class="label">TOTAL</span> + <span class="total"></span> + </div> + </div> + + <div id="shipping"> + <div class="select_address"> + ADDRESS + </div> + <form class="address_form"> + <div> + <label for="ship-name">Name</label> + <input type="text" name="name" id="ship-name"> + </div> + <div> + <label for="ship-address1">Address</label> + <input type="text" name="address1" id="ship-address1"> + <input type="text" name="address2" id="ship-address2"> + </div> + <div> + <label for="ship-city">City</label> + <input type="text" name="city" id="ship-city"> + </div> + <div> + <label for="ship-state">State</label> + <select id="state" name="state" required> + <option value="">Please select</option> + <option value="AL">Alabama</option> + <option value="AK">Alaska</option> + <option value="AZ">Arizona</option> + <option value="AR">Arkansas</option> + <option value="CA">California</option> + <option value="CO">Colorado</option> + <option value="CT">Connecticut</option> + <option value="DE">Delaware</option> + <option value="DC">District Of Columbia</option> + <option value="FL">Florida</option> + <option value="GA">Georgia</option> + <option value="HI">Hawaii</option> + <option value="ID">Idaho</option> + <option value="IL">Illinois</option> + <option value="IN">Indiana</option> + <option value="IA">Iowa</option> + <option value="KS">Kansas</option> + <option value="KY">Kentucky</option> + <option value="LA">Louisiana</option> + <option value="ME">Maine</option> + <option value="MD">Maryland</option> + <option value="MA">Massachusetts</option> + <option value="MI">Michigan</option> + <option value="MN">Minnesota</option> + <option value="MS">Mississippi</option> + <option value="MO">Missouri</option> + <option value="MT">Montana</option> + <option value="NE">Nebraska</option> + <option value="NV">Nevada</option> + <option value="NH">New Hampshire</option> + <option value="NJ">New Jersey</option> + <option value="NM">New Mexico</option> + <option value="NY">New York</option> + <option value="NC">North Carolina</option> + <option value="ND">North Dakota</option> + <option value="OH">Ohio</option> + <option value="OK">Oklahoma</option> + <option value="OR">Oregon</option> + <option value="PA">Pennsylvania</option> + <option value="RI">Rhode Island</option> + <option value="SC">South Carolina</option> + <option value="SD">South Dakota</option> + <option value="TN">Tennessee</option> + <option value="TX">Texas</option> + <option value="UT">Utah</option> + <option value="VT">Vermont</option> + <option value="VA">Virginia</option> + <option value="WA">Washington</option> + <option value="WV">West Virginia</option> + <option value="WI">Wisconsin</option> + <option value="WY">Wyoming</option> + </select> + </div> + <div> + <label for="ship-zip">Zip Code</label> + <input type="text" name="zip" id="ship-zip"> + </div> + </form> + + <h3>SHIPPING METHOD</h3> + + <div class="checkbox"> + <div class="box"></div> + <b>STANDARD $10</b> + (DELIVERY IN 5-8 WORKING DAYS) + </div> + + <div class="checkbox"> + <div class="box"></div> + <b>EXPRESS $20</b> + (DELIVERY IN 2-4 WORKING DAYS) + </div> + </div> + + <div id="billing"> + </div> + + </div> + +</div> + </body> <script src="cordova.js"></script> <script src="js/vendor/jquery-2.1.4.min.js"></script> diff --git a/StoneIsland/www/js/vendor/view/router.js b/StoneIsland/www/js/vendor/view/router.js index 36f86b5d..82cf9e12 100644 --- a/StoneIsland/www/js/vendor/view/router.js +++ b/StoneIsland/www/js/vendor/view/router.js @@ -1,12 +1,16 @@ var Router = View.extend({ + routeByHash: false, + go: function(url){ this.parseRoute(url) }, route: function(){ - this.originalPath = window.location.pathname - this.parseRoute(window.location.pathname) + var path = this.routeByHash ? window.location.hash.substr(0) : window.location.pathname + path = path || "/" + this.originalPath = path + this.parseRoute(path) }, parseRoute: function(pathname){ |