diff --git a/css/main.css b/css/main.css
index 01d40aec..49bfe611 100644
--- a/css/main.css
+++ b/css/main.css
@@ -1,6 +1,7 @@
html {
cursor: none;
overflow: hidden;
+ background: #000;
}
::-webkit-scrollbar {
diff --git a/index.html b/index.html
index 606f5aac..72326719 100644
--- a/index.html
+++ b/index.html
@@ -4,6 +4,12 @@
diff --git a/js/screenfull.js b/js/screenfull.js
new file mode 100644
index 00000000..de20b55e
--- /dev/null
+++ b/js/screenfull.js
@@ -0,0 +1,150 @@
+/*!
+* screenfull
+* v3.0.2 - 2017-03-13
+* (c) Sindre Sorhus; MIT License
+*/
+(function () {
+ 'use strict';
+
+ var isCommonjs = typeof module !== 'undefined' && module.exports;
+ var keyboardAllowed = typeof Element !== 'undefined' && 'ALLOW_KEYBOARD_INPUT' in Element;
+
+ var fn = (function () {
+ var val;
+
+ var fnMap = [
+ [
+ 'requestFullscreen',
+ 'exitFullscreen',
+ 'fullscreenElement',
+ 'fullscreenEnabled',
+ 'fullscreenchange',
+ 'fullscreenerror'
+ ],
+ // new WebKit
+ [
+ 'webkitRequestFullscreen',
+ 'webkitExitFullscreen',
+ 'webkitFullscreenElement',
+ 'webkitFullscreenEnabled',
+ 'webkitfullscreenchange',
+ 'webkitfullscreenerror'
+
+ ],
+ // old WebKit (Safari 5.1)
+ [
+ 'webkitRequestFullScreen',
+ 'webkitCancelFullScreen',
+ 'webkitCurrentFullScreenElement',
+ 'webkitCancelFullScreen',
+ 'webkitfullscreenchange',
+ 'webkitfullscreenerror'
+
+ ],
+ [
+ 'mozRequestFullScreen',
+ 'mozCancelFullScreen',
+ 'mozFullScreenElement',
+ 'mozFullScreenEnabled',
+ 'mozfullscreenchange',
+ 'mozfullscreenerror'
+ ],
+ [
+ 'msRequestFullscreen',
+ 'msExitFullscreen',
+ 'msFullscreenElement',
+ 'msFullscreenEnabled',
+ 'MSFullscreenChange',
+ 'MSFullscreenError'
+ ]
+ ];
+
+ var i = 0;
+ var l = fnMap.length;
+ var ret = {};
+
+ for (; i < l; i++) {
+ val = fnMap[i];
+ if (val && val[1] in document) {
+ for (i = 0; i < val.length; i++) {
+ ret[fnMap[0][i]] = val[i];
+ }
+ return ret;
+ }
+ }
+
+ return false;
+ })();
+
+ var screenfull = {
+ request: function (elem) {
+ var request = fn.requestFullscreen;
+
+ elem = elem || document.documentElement;
+
+ // Work around Safari 5.1 bug: reports support for
+ // keyboard in fullscreen even though it doesn't.
+ // Browser sniffing, since the alternative with
+ // setTimeout is even worse.
+ if (/5\.1[.\d]* Safari/.test(navigator.userAgent)) {
+ elem[request]();
+ } else {
+ elem[request](keyboardAllowed && Element.ALLOW_KEYBOARD_INPUT);
+ }
+ },
+ exit: function () {
+ document[fn.exitFullscreen]();
+ },
+ toggle: function (elem) {
+ if (this.isFullscreen) {
+ this.exit();
+ } else {
+ this.request(elem);
+ }
+ },
+ onchange: function (callback) {
+ document.addEventListener(fn.fullscreenchange, callback, false);
+ },
+ onerror: function (callback) {
+ document.addEventListener(fn.fullscreenerror, callback, false);
+ },
+ raw: fn
+ };
+
+ if (!fn) {
+ if (isCommonjs) {
+ module.exports = false;
+ } else {
+ window.screenfull = false;
+ }
+
+ return;
+ }
+
+ Object.defineProperties(screenfull, {
+ isFullscreen: {
+ get: function () {
+ return Boolean(document[fn.fullscreenElement]);
+ }
+ },
+ element: {
+ enumerable: true,
+ get: function () {
+ return document[fn.fullscreenElement];
+ }
+ },
+ enabled: {
+ enumerable: true,
+ get: function () {
+ // Coerce to boolean in case of old WebKit
+ return Boolean(document[fn.fullscreenEnabled]);
+ }
+ }
+ });
+
+ if (isCommonjs) {
+ module.exports = screenfull;
+ } else {
+ window.screenfull = screenfull;
+ }
+})();