summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rwxr-xr-xStoneIsland/www/index.html74
-rwxr-xr-xStoneIsland/www/js/lib/blogs/HubView.js9
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">&lt; 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">&lt; 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">&lt; 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">&lt; 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&deg; 58' 90.9" N&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;74&deg; 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
})