From 5b9d123e1cf7547bc4a9138687d43c7e2adfbac0 Mon Sep 17 00:00:00 2001
From: Joe Wreschnig <joe.wreschnig@gmail.com>
Date: Tue, 7 Oct 2014 01:00:07 +0200
Subject: [PATCH] Adjust HTML and shrink canvas.

---
 .../images/icons.iconset/icon_32x32@2x.png    | Bin 2766 -> 0 bytes
 src/index.html                                |  39 +++++++++---------
 src/main.css                                  |   2 +-
 src/main.js                                   |   2 +-
 src/yuu/data/yuu.css                          |   5 +++
 5 files changed, 27 insertions(+), 21 deletions(-)
 delete mode 100644 src/data/images/icons.iconset/icon_32x32@2x.png

diff --git a/src/data/images/icons.iconset/icon_32x32@2x.png b/src/data/images/icons.iconset/icon_32x32@2x.png
deleted file mode 100644
index 4c61cdded94290ab580619f08583aed015ad04be..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 2766
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
UFCJzJw*UYD07*qoM6N<$g0(9c@c;k-

diff --git a/src/index.html b/src/index.html
index 2abf2a8..686b5e5 100644
--- a/src/index.html
+++ b/src/index.html
@@ -7,25 +7,26 @@
           content='user-scalable=no, width=device-width, initial-scale=1, maximum-scale=1, minimal-ui'>
     <meta name=apple-mobile-web-app-capable content=yes>
     <meta name=apple-mobile-web-app-status-bar-style
-          content=black-translucent />
-    <link rel=icon href='data/images/icons.ico'
-          sizes='32x32 64x64 256x256'>
-    <link rel=icon href='data/images/icons.icns'
-          sizes='32x32 64x64 256x256'>
-    <link rel=stylesheet href='yuu/data/yuu.css'>
-    <link rel=stylesheet href='main.css'>
-    <script src='ext/gl-matrix.js'></script>
-    <script src='ext/hammer.js'></script>
-    <script src='yuu/pre.js'></script>
-    <script src='yuu/yf.js'></script>
-    <script src='yuu/yT.js'></script>
-    <script src='yuu/core.js'></script>
-    <script src='yuu/input.js'></script>
-    <script src='yuu/ce.js'></script>
-    <script src='yuu/gfx.js'></script>
-    <script src='yuu/rdr.js'></script>
-    <script src='yuu/director.js'></script>
-    <script src='main.js'></script>
+          content=black-translucent>
+    <meta name=mobile-web-app-capable content=yes>
+    <link rel=icon href=data/images/icons.iconset/icon_32x32.png
+          sizes=32x32>
+    <link rel=icon href=data/images/icons.iconset/icon_256x256.png
+          sizes=256x256>
+    <link rel=stylesheet href=yuu/data/yuu.css>
+    <link rel=stylesheet href=main.css>
+    <script src=ext/gl-matrix.js></script>
+    <script src=ext/hammer.js></script>
+    <script src=yuu/pre.js></script>
+    <script src=yuu/yf.js></script>
+    <script src=yuu/yT.js></script>
+    <script src=yuu/core.js></script>
+    <script src=yuu/input.js></script>
+    <script src=yuu/ce.js></script>
+    <script src=yuu/gfx.js></script>
+    <script src=yuu/rdr.js></script>
+    <script src=yuu/director.js></script>
+    <script src=main.js></script>
   </head>
   
   <body>
diff --git a/src/main.css b/src/main.css
index 423a1a0..5436780 100644
--- a/src/main.css
+++ b/src/main.css
@@ -437,7 +437,7 @@ input {
 #yuu-canvas {
     margin: 1em auto;
     width: 100%;
-    height: 20em;
+    height: 12em;
     position: static;
     border: solid rgba(206, 132, 242, 0.5) 2px;
     border-radius: 2em;
diff --git a/src/main.js b/src/main.js
index 15e4bfa..801a5f2 100644
--- a/src/main.js
+++ b/src/main.js
@@ -49,7 +49,7 @@ var FollowScene = yT(yuu.Scene, {
 
     inputs: {
         resize: function () {
-            var base = new yuu.AABB(-1.5, -1.5, 1.5, 1.5);
+            var base = new yuu.AABB(-0.5, -0.5, 0.5, 0.5);
             var vp = base.matchAspectRatio(yuu.viewport);
             this.layer0.resize(vp.x0, vp.y0, vp.w, vp.h);
         },
diff --git a/src/yuu/data/yuu.css b/src/yuu/data/yuu.css
index 4e2eb23..a7b3354 100644
--- a/src/yuu/data/yuu.css
+++ b/src/yuu/data/yuu.css
@@ -196,6 +196,10 @@ pre#yuu-licensing {
     -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
 }
 
+noscript .yuu-overlay {
+    display: block;
+}
+
 /* Overlays are focusable but should not show it - they are always
    somewhere in the event tree when visible. */
 .yuu-overlay:focus {
@@ -294,6 +298,7 @@ input[type=checkbox][data-yuu-command]:focus + label[for] {
 input[type=range][data-yuu-command] {
     -webkit-appearance: none;
     background-color: gray;
+    width: 95%;
 }
 
 input[type=range][data-yuu-command]::-moz-range-track {
-- 
2.20.1