1 files changed, 44 insertions, 24 deletions

diff --git a/StoneIsland/platforms/android/assets/www/css/blogs.css b/StoneIsland/platforms/android/assets/www/css/blogs.css
index 0834912e..f857db9e 100755
--- a/StoneIsland/platforms/android/assets/www/css/blogs.css
+++ b/StoneIsland/platforms/android/assets/www/css/blogs.css
@@ -10,6 +10,7 @@
   flex-direction: row;
   justify-content: center;
   align-items: center;
+  flex-wrap: wrap;
 }
 #story .links li {
   display: flex;
@@ -18,24 +19,25 @@
   height: 48px;
   padding: 0 15px;
   list-style-type: none;
-  font-size: 16px;
+  font-size: 1rem;
 }
-#story .links li:before {
-  content: ' | ',
+.accessible #story .links {
+  flex-wrap: wrap;
 }
-#story .links li:first-child:before {
-  content: '',
+.accessible #story .links li {
+  border: 1px solid black;
+  margin: 5px;
 }
 #story .links li.active {
   font-weight: bold;
   text-decoration: underline;
 }
 #story .content > div {
-display:none;
+  display:none;
 }
 #story .content div.active {
-display:block;
-animation: mfadein 0.6s;
+  display:block;
+  animation: mfadein 0.6s;
 }
 
 .hub #hub { display: block }
@@ -65,7 +67,7 @@ animation: mfadein 0.6s;
 
 #hub .content .body, #story .content .body {
   letter-spacing:0.35px;
-  font-size:16px;
+  font-size: 1rem;
   width:calc(100vw - 40px);
   box-sizing:border-box;
   margin:10px auto 20px;
@@ -93,7 +95,7 @@ animation: mfadein 0.6s;
 .content-header .title, .content-header .subtitle {
   display:block;
   font-weight:bold;
-  font-size:16px;
+  font-size: 1rem;
   text-transform:uppercase
 }
 
@@ -111,7 +113,7 @@ animation: mfadein 0.6s;
   border:1px solid black;
   padding: 0 12px;
   height: 48px;
-  font-size: 16px;
+  font-size: 1rem;
   display: flex;
   justify-content: center;
   align-items: center;
@@ -119,7 +121,7 @@ animation: mfadein 0.6s;
 }
 
 .content-header span.date, .content-header span.store {
-  font-size:16px;
+  font-size: 1rem;
 }
 
 /* NOTE: optional arrows */
@@ -138,7 +140,7 @@ animation: mfadein 0.6s;
   transform:translateY(-50%);
   transform-origin:top right;
   left:20px;
-  font-size:18px;
+  font-size: 1.125rem;
   padding:3px 3px 3px 1px;
   z-index:2;
   position:absolute;
@@ -158,7 +160,7 @@ animation: mfadein 0.6s;
   transform:translateY(-50%);
   transform-origin:top right;
   right:20px;
-  font-size:18px;
+  font-size: 1.125rem;
   padding:3px 1px 3px 3px;
   z-index:2;
   position:absolute;
@@ -194,7 +196,7 @@ animation: mfadein 0.6s;
   transform:scale(1,.5) translateY(-50%);
   transform-origin:bottom right;
   content:'\25BC';
-  font-size:17px;
+  font-size: 1.063rem;
   padding:9px 11px;
   z-index:999;
   position:absolute;
@@ -216,11 +218,11 @@ ul.links {
 }
 
 .archive h1 {
-  font-size:26px;
+  font-size: 1.625rem;
   border-bottom:0;
-  margin-top:8px;
+  margin-top: 8px;
   padding-bottom:0;
-  line-height:24px;
+  line-height: 1;
 }
 
 .archive .subtitle {
@@ -231,20 +233,20 @@ ul.links {
   margin:0 0 12px;
   padding:0;
   font-weight:bold;
-  font-size:16px;
+  font-size: 1rem;
 }
 
 
 .archive h2 {
-  font-size: 25px;
+  font-size: 1.563rem;
   font-weight: normal;
 }
 .archive h2 b {
-  font-size: 28px;
+  font-size: 1.75rem;
 }
 .archive .body {
-  font-size: 14px;
-  line-height: 1.4em;
+  font-size: 0.875rem;
+  line-height: 1.4rem;
   font-weight: 100;
 }
 
@@ -263,6 +265,13 @@ ul.links {
   transform: translateZ(0) translateX(-50%) translateY(-50%);
 }
 
+.accessible #archive .row .image,
+.accessible #archive .row .text {
+  position: relative;
+  top: auto; left: auto;
+  transform: translateZ(0);
+}
+
 #archive .menu .items {
   border-top: 1px solid transparent;
 }
@@ -296,7 +305,7 @@ ul.links {
   background: white;
   padding:0;
   height: 48px;
-  font-size:16px;
+  font-size: 1rem;
   letter-spacing:0.7px
 }
 
@@ -332,6 +341,17 @@ ul.links {
 #archive .row .text {
   width: 80%;
 }
+.accessible #archive .row .image {
+  display: block;
+  height: 50vh;
+  opacity: 1 !important;
+}
+.accessible #archive .row .text {
+  display: block;
+  margin: 0 auto;
+  opacity: 1 !important;
+  width: 90%;
+}
 
 .gallery-video-post {
   position:relative;