diff options
| -rwxr-xr-x | StoneIsland/www/index.html | 74 | ||||
| -rwxr-xr-x | StoneIsland/www/js/lib/blogs/HubView.js | 9 |
2 files changed, 44 insertions, 39 deletions
diff --git a/StoneIsland/www/index.html b/StoneIsland/www/index.html index 04ce1246..c575353e 100755 --- a/StoneIsland/www/index.html +++ b/StoneIsland/www/index.html @@ -38,27 +38,27 @@ <span role="menu" class="menu"> <div class="logo" aria-label="Stone Island"></div> <div role="menu" aria-label="Main Menu" class="main_menu"> - <span role="link" class="store">STORE</span> - <span role="link" class="hub">HUB</span> - <span role="link" class="story">STORY</span> - <span role="link" class="archive">ARCHIVE</span> + <span role="menuitem" class="store">STORE</span> + <span role="menuitem" class="hub">HUB</span> + <span role="menuitem" class="story">STORY</span> + <span role="menuitem" class="archive">ARCHIVE</span> </div> <div role="menu" aria-label="Account Menu" class="account_menu"> - <span role="link" class="account_back menu-emphasis">< MY ACCOUNT</span> - <span role="link" class="profile">MY PROFILE</span> - <span role="link" class="payment">MY CARD</span> - <span role="link" class="shipping">ADDRESS BOOK</span> - <span role="link" class="orders">MY ORDERS</span> - <span role="link" class="return_link">RETURNS</span> - <span role="link" class="settings">NOTIFICATIONS</span> + <span role="menuitem" class="account_back menu-emphasis">< MY ACCOUNT</span> + <span role="menuitem" class="profile">MY PROFILE</span> + <span role="menuitem" class="payment">MY CARD</span> + <span role="menuitem" class="shipping">ADDRESS BOOK</span> + <span role="menuitem" class="orders">MY ORDERS</span> + <span role="menuitem" class="return_link">RETURNS</span> + <span role="menuitem" class="settings">NOTIFICATIONS</span> </div> <div role="menu" aria-label="FAQ Menu" class="faq_menu"> - <span role="link" class="faq_back menu-emphasis">< FAQ</span> - <span role="link" class="privacy">PRIVACY POLICY</span> - <span role="link" class="account_terms">MY ACCOUNT TERMS AND CONDITIONS OF USE</span> - <span role="link" class="terms">TERMS AND CONDITIONS</span> - <span role="link" class="returns">RETURN POLICY</span> - <span role="link" class="care">CUSTOMER CARE</span> + <span role="menuitem" class="faq_back menu-emphasis">< FAQ</span> + <span role="menuitem" class="privacy">PRIVACY POLICY</span> + <span role="menuitem" class="account_terms">MY ACCOUNT TERMS AND CONDITIONS OF USE</span> + <span role="menuitem" class="terms">TERMS AND CONDITIONS</span> + <span role="menuitem" class="returns">RETURN POLICY</span> + <span role="menuitem" class="care">CUSTOMER CARE</span> </div> </span> @@ -67,20 +67,20 @@ <!-- flex fill --> <span role="menu" class="submenu"> <div class="main_menu"> - <span role="link" class="account">MY ACCOUNT</span> - <span role="link" class="login">LOGIN</span> - <span role="link" class="faq">FAQ</span> + <span role="menuitem" class="account">MY ACCOUNT</span> + <span role="menuitem" class="login">LOGIN</span> + <span role="menuitem" class="faq">FAQ</span> </div> <div class="account_menu"> - <span role="link" class="logout">LOGOUT</span> - <span role="link" class="faq">FAQ</span> - <span role="link" class="main">MAIN MENU</span> + <span role="menuitem" class="logout">LOGOUT</span> + <span role="menuitem" class="faq">FAQ</span> + <span role="menuitem" class="main">MAIN MENU</span> </div> <div class="faq_menu"> - <span role="link" class="account">MY ACCOUNT</span> - <span role="link" class="login">LOGIN</span> - <span role="link" class="logout">LOGOUT</span> - <span role="link" class="main">MAIN MENU</span> + <span role="menuitem" class="account">MY ACCOUNT</span> + <span role="menuitem" class="login">LOGIN</span> + <span role="menuitem" class="logout">LOGOUT</span> + <span role="menuitem" class="main">MAIN MENU</span> </div> </span> </div> @@ -88,10 +88,10 @@ </div> <span class="social" role="list" aria-label="Social Links"> - <span role="link" class="fb ion-social-facebook"></span> - <span role="link" class="insta ion-social-instagram-outline"></span> - <span role="link" class="tw ion-social-twitter"></span> - <span role="link" class="yt ion-social-youtube"></span> + <span role="menuitem" class="fb ion-social-facebook"></span> + <span role="menuitem" class="insta ion-social-instagram-outline"></span> + <span role="menuitem" class="tw ion-social-twitter"></span> + <span role="menuitem" class="yt ion-social-youtube"></span> </span> </div> @@ -99,10 +99,10 @@ <div id="intro" role="menu" aria-label="Stone Island Home Screen"> <div id="compass"></div> - <div role="link" class="store">STORE</div> - <div role="link" class="hub">HUB</div> - <div role="link" class="story">STORY</div> - <div role="link" class="archive">ARCHIVE</div> + <div role="menuitem" class="store">STORE</div> + <div role="menuitem" class="hub">HUB</div> + <div role="menuitem" class="story">STORY</div> + <div role="menuitem" class="archive">ARCHIVE</div> <div class="alert"></div> <span class="latlng" role="note" aria-label="Your Latitude and Longitude">+40° 58' 90.9" N 74° 04' 46.3" W</span> </div> @@ -282,7 +282,7 @@ <div id="collection" role="region" aria-label="Store"> <div class="scroll"> - <h1 aria-label="Current section: Store loading...">LOADING...</h1> + <h1 aria-label="Current section: Store">LOADING...</h1> <div class="loader"></div> <div class="content"> <script type="text/html" class="template"> @@ -294,7 +294,7 @@ </div> </div> - <div id="search" role="region" aria-label="Search"> + <div id="search" role="search" aria-label="Search"> <div class="scroll"> <h1 aria-label="Current section: Search">SEARCH</h1> <div class="form"> diff --git a/StoneIsland/www/js/lib/blogs/HubView.js b/StoneIsland/www/js/lib/blogs/HubView.js index e06faf44..b80d323c 100755 --- a/StoneIsland/www/js/lib/blogs/HubView.js +++ b/StoneIsland/www/js/lib/blogs/HubView.js @@ -110,6 +110,8 @@ var HubView = ScrollableView.extend({ play.className = "play" $(".gallery-" + row.id).append(play) $(".gallery-" + row.id).addClass("gallery-video-post") + $(".gallery-" + row.id).attr('role', 'link') + $(".gallery-" + row.id).attr('aria-label', stonewash(row.title)) if (! row.image) { var url = row.link var ytid = (url.match(/v=([-_a-zA-Z0-9]{11})/i) || url.match(/youtu.be\/([-_a-zA-Z0-9]{11})/i) || url.match(/embed\/([-_a-zA-Z0-9]{11})/i))[1].split('&')[0]; @@ -128,6 +130,7 @@ var HubView = ScrollableView.extend({ store_link: function(){ app.router.go("store") }, + play_video: function(e){ var row = $(e.currentTarget).closest('.gallery-video-post').data("row") window.open(row.link, '_system') @@ -145,7 +148,9 @@ var HubView = ScrollableView.extend({ share: function(e){ var title = $(e.currentTarget).parent().find(".title").text() console.log("share", title) - window.plugins.socialsharing.share(title, null, null, "http://deeplink.me/www.stoneisland.com/hub" ) + if (window.plugins && window.plugins.socialsharing) { + window.plugins.socialsharing.share(title, null, null, "http://deeplink.me/www.stoneisland.com/hub" ) + } }, }) @@ -172,7 +177,7 @@ var HubLoader = (function(){ if (item.image && item.image.length) { loader = new Loader (HubLoader.build) images = item.image.map(function(img){ - return img.uri.replace("http:","https:") + return img.uri.replace("http:", "https:") }).filter(function(img){ return img.uri }) |
