diff options
Diffstat (limited to 'StoneIsland/platforms/ios/www')
| -rw-r--r-- | StoneIsland/platforms/ios/www/css/index.css | 147 | ||||
| -rw-r--r-- | StoneIsland/platforms/ios/www/img/logo.png | bin | 21814 -> 0 bytes | |||
| -rw-r--r-- | StoneIsland/platforms/ios/www/index.html | 343 | ||||
| -rw-r--r-- | StoneIsland/platforms/ios/www/js/index.js | 54 | ||||
| -rw-r--r-- | StoneIsland/platforms/ios/www/js/vendor/cookie.js | 63 | ||||
| -rw-r--r-- | StoneIsland/platforms/ios/www/js/vendor/xhr.js | 35 |
6 files changed, 406 insertions, 236 deletions
diff --git a/StoneIsland/platforms/ios/www/css/index.css b/StoneIsland/platforms/ios/www/css/index.css index 51daa797..3c2a4d10 100644 --- a/StoneIsland/platforms/ios/www/css/index.css +++ b/StoneIsland/platforms/ios/www/css/index.css @@ -1,115 +1,44 @@ -/* - * Licensed to the Apache Software Foundation (ASF) under one - * or more contributor license agreements. See the NOTICE file - * distributed with this work for additional information - * regarding copyright ownership. The ASF licenses this file - * to you under the Apache License, Version 2.0 (the - * "License"); you may not use this file except in compliance - * with the License. You may obtain a copy of the License at - * - * http://www.apache.org/licenses/LICENSE-2.0 - * - * Unless required by applicable law or agreed to in writing, - * software distributed under the License is distributed on an - * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY - * KIND, either express or implied. See the License for the - * specific language governing permissions and limitations - * under the License. - */ * { - -webkit-tap-highlight-color: rgba(0,0,0,0); /* make transparent link selection, adjust last value opacity 0 to 1.0 */ + -webkit-tap-highlight-color: rgba(0,0,0,0); } - -body { - -webkit-touch-callout: none; /* prevent callout to copy image, etc when tap to hold */ - -webkit-text-size-adjust: none; /* prevent webkit from resizing text to fit */ - -webkit-user-select: none; /* prevent copy paste, to allow, change 'none' to 'text' */ - background-color:#E4E4E4; - background-image:linear-gradient(top, #A7A7A7 0%, #E4E4E4 51%); - background-image:-webkit-linear-gradient(top, #A7A7A7 0%, #E4E4E4 51%); - background-image:-ms-linear-gradient(top, #A7A7A7 0%, #E4E4E4 51%); - background-image:-webkit-gradient( - linear, - left top, - left bottom, - color-stop(0, #A7A7A7), - color-stop(0.51, #E4E4E4) - ); - background-attachment:fixed; - font-family:'HelveticaNeue-Light', 'HelveticaNeue', Helvetica, Arial, sans-serif; - font-size:12px; - height:100%; - margin:0px; - padding:0px; - text-transform:uppercase; - width:100%; -} - -/* Portrait layout (default) */ -.app { - background:url(../img/logo.png) no-repeat center top; /* 170px x 200px */ - position:absolute; /* position in the center of the screen */ - left:50%; - top:50%; - height:50px; /* text area height */ - width:225px; /* text area width */ - text-align:center; - padding:180px 0px 0px 0px; /* image height is 200px (bottom 20px are overlapped with text) */ - margin:-115px 0px 0px -112px; /* offset vertical: half of image height and text area height */ - /* offset horizontal: half of text area width */ -} - -/* Landscape layout (with min-width) */ -@media screen and (min-aspect-ratio: 1/1) and (min-width:400px) { - .app { - background-position:left center; - padding:75px 0px 75px 170px; /* padding-top + padding-bottom + text area = image height */ - margin:-90px 0px 0px -198px; /* offset vertical: half of image height */ - /* offset horizontal: half of image width and text area width */ - } -} - -h1 { - font-size:24px; - font-weight:normal; - margin:0px; - overflow:visible; - padding:0px; - text-align:center; +body, html { + height: 100%; + width: 100%; + margin: 0px; + padding: 0px; + overflow: hidden; } - -.event { - border-radius:4px; - -webkit-border-radius:4px; - color:#FFFFFF; - font-size:12px; - margin:0px 30px; - padding:2px 0px; -} - -.event.listening { - background-color:#333333; - display:block; -} - -.event.received { - background-color:#4B946A; - display:none; +body { + -webkit-touch-callout: none; /* prevent callout to copy image, etc when tap to hold */ + -webkit-text-size-adjust: none; /* prevent webkit from resizing text to fit */ + -webkit-user-select: none; /* prevent copy paste, to allow, change 'none' to 'text' */ + background: white; + font-family: pfd, sans-serif; + font-size: 12px; } -@keyframes fade { - from { opacity: 1.0; } - 50% { opacity: 0.4; } - to { opacity: 1.0; } -} - -@-webkit-keyframes fade { - from { opacity: 1.0; } - 50% { opacity: 0.4; } - to { opacity: 1.0; } -} - -.blink { - animation:fade 3000ms infinite; - -webkit-animation:fade 3000ms infinite; +.loader { + z-index: 2; + width: 80px; + height: 80px; + position: absolute; + top: 50%; + left: 50%; + margin-top: -40px; + margin-left: -40px; + display: none; +} +.loader:before { + content: ''; + border-radius: 50%; + border-top: 3px solid #fff; + border-right: 3px solid transparent; + animation: loading .5s linear infinite; + -webkit-animation: loading .5s linear infinite; } +@keyframes loading { + to {transform: rotate(360deg)} +} +@-webkit-keyframes loading { + to {-webkit-transform: rotate(360deg)} +}
\ No newline at end of file diff --git a/StoneIsland/platforms/ios/www/img/logo.png b/StoneIsland/platforms/ios/www/img/logo.png Binary files differdeleted file mode 100644 index 9519e7dd..00000000 --- a/StoneIsland/platforms/ios/www/img/logo.png +++ /dev/null diff --git a/StoneIsland/platforms/ios/www/index.html b/StoneIsland/platforms/ios/www/index.html index 09709bb9..652cce9a 100644 --- a/StoneIsland/platforms/ios/www/index.html +++ b/StoneIsland/platforms/ios/www/index.html @@ -16,13 +16,348 @@ <meta name="format-detection" content="telephone=no"> <meta name="msapplication-tap-highlight" content="no"> <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width"> + <link rel="stylesheet" type="text/css" href="css/fonts/fonts.css"> + <link rel="stylesheet" type="text/css" href="css/fonts/ionicons.css"> <link rel="stylesheet" type="text/css" href="css/index.css"> + <link rel="stylesheet" type="text/css" href="css/nav.css"> + <link rel="stylesheet" type="text/css" href="css/products.css"> + <link rel="stylesheet" type="text/css" href="css/cart.css"> + <link rel="stylesheet" type="text/css" href="css/blogs.css"> <title>Stone Island</title> </head> <body> - <script src="cordova.js"></script> - <script src="js/vendor/jquery-2.1.4.min.js"></script> - <script src="js/vendor/cookie.js"></script> - <script src="js/index.js"></script> + +<div id="nav"> + <span class="menu"> + <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> + + <span class="submenu"> + <span class="login">ACCOUNT / LOGIN</span> + <span class="faq">FAQ</span> + <span class="search">SEARCH</span> + </span> + + <span class="social"> + <span class="fb ion-social-facebook"></span> + <span class="insta ion-social-instagram-outline"></span> + <span class="tw ion-social-twitter"></span> + </span> +</div> + +<div id="content"> + + <div id="intro"> + <div id="compass"></div> + <div class="store">STORE</div> + <div class="hub">HUB</div> + <div class="story">STORY</div> + <div class="archive">ARCHIVE</div> + <span class="latlng">+40.589060 -74.044636</span> + </div> + + <div id="header"> + <span class="burger ion-android-menu"></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> + <div class="content"> + <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> + </script> + </div> + </div> + + <div id="hub"> + <h1>HUB</h1> + <div class="content"> + <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> + </script> + </div> + </div> + + <div id="archive"> + <h1>ARCHIVE</h1> + <div class="content"> + <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> + + <div id="collection"> + <h1>COLLECTION NAME</h1> + <div class="loader"></div> + <div class="content"> + <script type="text/html" class="template"> + <div data-code="{{code8}}"> + <img src="{{image}}"> + </div> + </script> + </div> + </div> + + + <div id="product"> + <span class="left"></span> + <span class="right"></span> + <div class="gallery"> + <img src=""> + </div> + <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="selector"> + <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="curtain"></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> +<script src="js/vendor/fastclick.js"></script> +<script src="js/vendor/lodash.min.js"></script> +<script src="js/vendor/oktween.js"></script> +<script src="js/vendor/util.js"></script> +<script src="js/vendor/view/view.js"></script> +<script src="js/vendor/view/formview.js"></script> +<script src="js/vendor/view/router.js"></script> + +<script src="js/lib/cart/CartView.js"></script> +<script src="js/lib/cart/CartBilling.js"></script> +<script src="js/lib/cart/CartShipping.js"></script> +<script src="js/lib/cart/CartSummary.js"></script> + +<script src="js/lib/nav/IntroView.js"></script> +<script src="js/lib/nav/CurtainView.js"></script> +<script src="js/lib/nav/HeaderView.js"></script> +<script src="js/lib/nav/FooterView.js"></script> +<script src="js/lib/nav/LoginView.js"></script> +<script src="js/lib/nav/NavView.js"></script> + +<script src="js/lib/products/CollectionView.js"></script> +<script src="js/lib/products/ProductView.js"></script> +<script src="js/lib/products/Selector.js"></script> + +<script src="js/lib/blogs/ArchiveView.js"></script> +<script src="js/lib/blogs/HubView.js"></script> +<script src="js/lib/blogs/StoryView.js"></script> + +<script src="js/lib/_router.js"></script> + +<script src="js/sdk/sdk.js"></script> + +<script src="js/index.js"></script> </html> diff --git a/StoneIsland/platforms/ios/www/js/index.js b/StoneIsland/platforms/ios/www/js/index.js index 2875c90b..5720dcf1 100644 --- a/StoneIsland/platforms/ios/www/js/index.js +++ b/StoneIsland/platforms/ios/www/js/index.js @@ -1,37 +1,41 @@ var app = (function(){ - var app = {} + app.init = function(){ + app.archive = new ArchiveView () + app.hub = new HubView () + app.story = new StoryView () + + app.cart = new CartView () + + app.header = new HeaderView () + app.footer = new FooterView () + app.curtain = new CurtainView () + app.nav = new NavView () + + app.login = new LoginView () + app.intro = new IntroView () + + app.product = new ProductView () + app.collection = new CollectionView () + + app.selector = new Selector () + app.bind() } + app.bind = function(){ + if (window.location.href.match("8000")) { app.ready() } document.addEventListener('deviceready', app.ready, false) } + app.ready = function(){ - cookies.setItem("testing", "testing", 60*60*24*365) - console.log(document.cookie) - $.ajax({ - url: "http://lvh.me:5000/", - xhrFields: { - withCredentials: true - }, - success: function(){ - app.again() - } - }) - document.write("duh") - } - app.again = function(){ - $.ajax({ - url: "http://lvh.me:5000/", - xhrFields: { - withCredentials: true - }, - success: function(){ - } - }) + app.view = null + app.router = new SiteRouter () + app.router.route() } - app.init() - + return app })() + +app.init() diff --git a/StoneIsland/platforms/ios/www/js/vendor/cookie.js b/StoneIsland/platforms/ios/www/js/vendor/cookie.js deleted file mode 100644 index ad160ef1..00000000 --- a/StoneIsland/platforms/ios/www/js/vendor/cookie.js +++ /dev/null @@ -1,63 +0,0 @@ -/*\ -|*| -|*| :: cookies.js :: -|*| -|*| A complete cookies reader/writer framework with full unicode support. -|*| -|*| Revision #1 - September 4, 2014 -|*| -|*| https://developer.mozilla.org/en-US/docs/Web/API/document.cookie -|*| https://developer.mozilla.org/User:fusionchess -|*| -|*| This framework is released under the GNU Public License, version 3 or later. -|*| http://www.gnu.org/licenses/gpl-3.0-standalone.html -|*| -|*| Syntaxes: -|*| -|*| * docCookies.setItem(name, value[, end[, path[, domain[, secure]]]]) -|*| * docCookies.getItem(name) -|*| * docCookies.removeItem(name[, path[, domain]]) -|*| * docCookies.hasItem(name) -|*| * docCookies.keys() -|*| -\*/ - -var cookies = { - getItem: function (sKey) { - if (!sKey) { return null; } - return decodeURIComponent(document.cookie.replace(new RegExp("(?:(?:^|.*;)\\s*" + encodeURIComponent(sKey).replace(/[\-\.\+\*]/g, "\\$&") + "\\s*\\=\\s*([^;]*).*$)|^.*$"), "$1")) || null; - }, - setItem: function (sKey, sValue, vEnd, sPath, sDomain, bSecure) { - if (!sKey || /^(?:expires|max\-age|path|domain|secure)$/i.test(sKey)) { return false; } - var sExpires = ""; - if (vEnd) { - switch (vEnd.constructor) { - case Number: - sExpires = vEnd === Infinity ? "; expires=Fri, 31 Dec 9999 23:59:59 GMT" : "; max-age=" + vEnd; - break; - case String: - sExpires = "; expires=" + vEnd; - break; - case Date: - sExpires = "; expires=" + vEnd.toUTCString(); - break; - } - } - document.cookie = encodeURIComponent(sKey) + "=" + encodeURIComponent(sValue) + sExpires + (sDomain ? "; domain=" + sDomain : "") + (sPath ? "; path=" + sPath : "") + (bSecure ? "; secure" : ""); - return true; - }, - removeItem: function (sKey, sPath, sDomain) { - if (!this.hasItem(sKey)) { return false; } - document.cookie = encodeURIComponent(sKey) + "=; expires=Thu, 01 Jan 1970 00:00:00 GMT" + (sDomain ? "; domain=" + sDomain : "") + (sPath ? "; path=" + sPath : ""); - return true; - }, - hasItem: function (sKey) { - if (!sKey) { return false; } - return (new RegExp("(?:^|;\\s*)" + encodeURIComponent(sKey).replace(/[\-\.\+\*]/g, "\\$&") + "\\s*\\=")).test(document.cookie); - }, - keys: function () { - var aKeys = document.cookie.replace(/((?:^|\s*;)[^\=]+)(?=;|$)|^\s*|\s*(?:\=[^;]*)?(?:\1|$)/g, "").split(/\s*(?:\=[^;]*)?;\s*/); - for (var nLen = aKeys.length, nIdx = 0; nIdx < nLen; nIdx++) { aKeys[nIdx] = decodeURIComponent(aKeys[nIdx]); } - return aKeys; - } -};
\ No newline at end of file diff --git a/StoneIsland/platforms/ios/www/js/vendor/xhr.js b/StoneIsland/platforms/ios/www/js/vendor/xhr.js deleted file mode 100644 index 715d1c60..00000000 --- a/StoneIsland/platforms/ios/www/js/vendor/xhr.js +++ /dev/null @@ -1,35 +0,0 @@ -var XMLHTTPRequest = (function(){ - - var xhr = function (opt) { - this.status = 0 - this.readyState = 0 - this.response = "" - this.responseText = "" - this.responseType = "" // "" arraybuffer blob document json text - this.responseXML = "" - this.statusText = "" - this.timeout = 0 - this.onreadystatechange = function(){} - this.ontimeout = function(){} - this.onload = function(){} - this.headers = [] - this.upload = {} - this.withCredentials = false - } - xhr.prototype.open = function(method, url, async, user, password){ - } - xhr.prototype.abort = function(){ - } - xhr.prototype.getAllResponseHeaders = function(){ - } - xhr.prototype.getResponseHeader = function(){ - } - xhr.prototype.overrideMimeType = function(){ - } - xhr.prototype.setRequestHeader = function(key, value){ - this.headers.push({ key: key, value: value }) - } - xhr.prototype.send = function(data){ - } - -})()
\ No newline at end of file |
