From 91360a4ac3b909142f8bb00563b9c464fe318516 Mon Sep 17 00:00:00 2001
From: Jules Laplace <julescarbon@gmail.com>
Date: Fri, 20 Nov 2020 17:40:43 +0100
Subject: mobile layout begins. testing in iphone simulator

---
 .../views/viewer/player/components.inline/inline.utility.js | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

(limited to 'animism-align/frontend/app/views/viewer/player/components.inline/inline.utility.js')

diff --git a/animism-align/frontend/app/views/viewer/player/components.inline/inline.utility.js b/animism-align/frontend/app/views/viewer/player/components.inline/inline.utility.js
index 9204a04..b8a4e59 100644
--- a/animism-align/frontend/app/views/viewer/player/components.inline/inline.utility.js
+++ b/animism-align/frontend/app/views/viewer/player/components.inline/inline.utility.js
@@ -1,8 +1,9 @@
 import React, { Component } from 'react'
 import { connect } from 'react-redux'
 
+import { isMobile } from 'app/utils'
 import { MediaCitation } from '../components.media'
-import { Arrow } from 'app/views/viewer/nav/viewer.icons'
+import { Arrow, MobilePhoneIcon } from 'app/views/viewer/nav/viewer.icons'
 import { CreditsColumns, ArtistColumns } from 'app/views/viewer/checklist/credits.components'
 
 export const Intro = ({ paragraph, media, onAnnotationClick }) => {
@@ -56,6 +57,16 @@ const ScheduleComponent = ({ episodes }) => {
         <br/><br/>
         {'Presented here in its digital iteration, '}
         {'the exhibition will be released in four episodes starting November 2020.'}
+        <br/><br/>
+        {isMobile && (
+          <div className="mobile-warning">
+            {MobilePhoneIcon}
+            <div>
+              {'Optimized for a large screen. '}
+              {'Please view on a desktop or tablet for the complete experience.'}
+            </div>
+          </div>
+        )}
       </div>
       <div className='schedule'>
         <div className='schedule-heading'>Episodes</div>
-- 
cgit v1.2.3-70-g09d2