From ab0e1a343a071fe1fa71f581c3f7c46a52468df4 Mon Sep 17 00:00:00 2001
From: Jules Laplace <julescarbon@gmail.com>
Date: Tue, 8 Jan 2019 12:32:32 +0100
Subject: mobile

---
 docs/assets/js/sounds.js       |  2 +-
 docs/magisphere/index.html     |  1 -
 docs/magisphere/magisphere.css | 13 ++++++++++---
 3 files changed, 11 insertions(+), 5 deletions(-)

(limited to 'docs')

diff --git a/docs/assets/js/sounds.js b/docs/assets/js/sounds.js
index 39f725d..72226e2 100644
--- a/docs/assets/js/sounds.js
+++ b/docs/assets/js/sounds.js
@@ -3,7 +3,7 @@ const sounds = (function(){
   let els = {}
   sounds.add = (fn) => {
     const el = document.createElement('audio')
-    el.src = 'sounds/' + fn + '.mp3'
+    el.src = '/assets/sounds/' + fn + '.mp3'
     els[fn] = el
   }
   sounds.play = (fn) => {
diff --git a/docs/magisphere/index.html b/docs/magisphere/index.html
index cfb16f0..2f09abe 100644
--- a/docs/magisphere/index.html
+++ b/docs/magisphere/index.html
@@ -33,7 +33,6 @@
 <script src="/assets/js/util.js"></script>
 <script src="/assets/js/cielab.js"></script>
 <script src="/assets/js/sounds.js"></script>
-<script src="/assets/js/player.js"></script>
 <script src="/assets/js/stars.js"></script>
 <script>
 const site = (function(){
diff --git a/docs/magisphere/magisphere.css b/docs/magisphere/magisphere.css
index 9c2d760..27dd9e5 100644
--- a/docs/magisphere/magisphere.css
+++ b/docs/magisphere/magisphere.css
@@ -57,8 +57,16 @@ body.loading {
   background-color: black;
   opacity: 0;
 }
+.mobile body {
+  overflow: auto;
+}
+.mobile .content {
+  position: static;
+  top: 0; left: 0;
+  transform: translateZ(0);
+}
 .glow {
-  position: absolute;
+  position: fixed;
   top: 50%; left: 0;
   width: 100%; height: 20%;
   background-color: rgba(0,0,0,0.9);
@@ -69,7 +77,7 @@ body.loading {
   pointer-events: none;
 }
 .horizon {
-  position: absolute;
+  position: fixed;
   top: 65%; left: 0;
   width: 100%; height: 80%;
   background-color: rgba(0,0,0,1.0);
@@ -123,7 +131,6 @@ img.cover {
   transform: translate3d(-50%, -50%, 0) skewY(3deg);
   background: black;
   padding: 20px;
-
   font-family: 'alarmclock', monospace;
   color: #800;
   font-size: 32px;
-- 
cgit v1.2.3-70-g09d2