From df35fc377ea6fa309bc1c695849c434dd061983b Mon Sep 17 00:00:00 2001
From: Joseph <joseph@josephbanks.me>
Date: Sat, 3 Mar 2018 22:14:42 +0000
Subject: Mobile optimisation (#33)

* Fix squished logo & button

* Hide terminal on mobile

* A misc set of fixes

* Newline in window.css
* Add extra_head block to base template
* Move script/CSS loading to extra_head block in error view
* Move terminal JS into window.onload
* Replace `var` with `let` and enable strict mode in 500.js
* Stop typewriter when the terminal is closed
* Move terminal onclick assignment to 500.js
* Move error page <style> contents into window.css
* Tidy up error page HTML and remove unmatched tags
---
 static/css/window.css | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

(limited to 'static/css')

diff --git a/static/css/window.css b/static/css/window.css
index 23d1efed..e3a3da6e 100644
--- a/static/css/window.css
+++ b/static/css/window.css
@@ -5,7 +5,7 @@
     -moz-box-shadow: 0 4px 12px rgba(0, 0, 0, .5);
     -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, .5);
     box-shadow: 0 4px 12px rgba(0, 0, 0, .5);
-    width: 800px;
+    width: 100%;
     margin: auto;
     margin-top: 20px;
     border: 1px solid #C1C2C2;
@@ -263,4 +263,15 @@ pre {
 
 .uk-background-muted, .error-header {
     background-color: #e8e8e8 !important;
+}
+
+code, pre {
+    width: 100%;
+    word-wrap: break-word;
+    overflow-wrap: break-word;
+}
+
+#terminal {
+    background-color: black;
+    color: white;
 }
\ No newline at end of file
-- 
cgit v1.2.3