algorithm-visualizer · 64json · Jun 12, 2016 · Jun 12, 2016 · Jun 12, 2016 · Jun 12, 2016
diff --git a/css/stylesheet.css b/css/stylesheet.css
@@ -3,10 +3,15 @@ body {
     margin: 0;
     padding: 0;
     overflow: hidden;
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background: rgb(63, 63, 63);
 }
 
 body {
-    background: rgb(63, 63, 63);
     font-family: 'Roboto', sans-serif;
     color: rgb(187, 187, 187);
     -webkit-font-smoothing: subpixel-antialiased;

diff --git a/index.html b/index.html
@@ -32,6 +32,11 @@ <h3>
         </h3>
     </button>
     <div class="top-menu-buttons">
+	<div class="btn" id="btn_fullscreen">
+    		<div class="wrapper">
+    			 <i class="fa fa-arrows-alt"></i> Fullscreen
+    		</div>
+    	</div>
         <div class="btn" id="btn_share">
             <div class="wrapper">
                 <i class="fa fa-share" aria-hidden="true"></i> Share <input type="text" class="collapse" id="shared">

diff --git a/js/dom/enable_fullscreen.js b/js/dom/enable_fullscreen.js
@@ -0,0 +1,19 @@
+'use strict';
+
+module.exports = () => {
+	let $func = 'requestFullScreen',
+		vendorPrefixes = ['webkit', 'moz', 'ms', 'o'],
+		db = document.body;
+
+	for (let p of vendorPrefixes) {
+		let fName = p + $func [0].toUpperCase () + $func.slice (1);
+		if (db [fName]) {
+			$func = fName;
+			break;
+		}
+	}
+
+	$('#btn_fullscreen').click (function () {
+		db [$func] ();
+	});
+};
diff --git a/js/dom/index.js b/js/dom/index.js
@@ -9,6 +9,7 @@ const showRequestedAlgorithm = require('./show_requested_algorithm');
 const showWiki = require('./show_wiki');
 const enableSearch = require('./enable_search');
 const resizeWorkspace = require('./resize_workspace');
+const enableFullScreen = require('./enable_fullscreen');
 
 module.exports = {
   showAlgorithm,
@@ -19,5 +20,6 @@ module.exports = {
   showRequestedAlgorithm,
   showWiki,
   enableSearch,
-  resizeWorkspace
-};
+  resizeWorkspace,
+  enableFullScreen
+};
diff --git a/js/index.js b/js/index.js
@@ -47,6 +47,8 @@ $(() => {
 
     //enable search feature
     DOM.enableSearch ();
+    //enable fullscreen feature
+    DOM.enableFullScreen ();
 
     // determine if the app is loading a pre-existing scratch-pad
     // or the home page
@@ -85,4 +87,4 @@ $(() => {
     window.location.href = window.location.protocol + '//' + window.location.host + window.location.pathname + '#path=scratch/' + vLoadedScratch;
   }
 
-});
+});
diff --git a/public/algorithm_visualizer.css b/public/algorithm_visualizer.css
@@ -120,10 +120,15 @@ body {
     margin: 0;
     padding: 0;
     overflow: hidden;
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background: rgb(63, 63, 63);
 }
 
 body {
-    background: rgb(63, 63, 63);
     font-family: 'Roboto', sans-serif;
     color: rgb(187, 187, 187);
     -webkit-font-smoothing: subpixel-antialiased;