diff --git a/_site/comsci/index.html b/_site/comsci/index.html
index b0f74f9..bd6169a 100644
--- a/_site/comsci/index.html
+++ b/_site/comsci/index.html
@@ -1,6 +1,150 @@
-<div style="z-index=1000;position:fixed;height:100%;width:100%">
-	<iframe height="100%" width="100%" src="https://www.youtube.com/embed/oHg5SJYRHA0?controls=0&amp;rel=0&amp;autoplay=1" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe>
+<!DOCTYPE html>
+<html>
+    <head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
+    <meta name="HandheldFriendly" content="True">
+    <link rel="icon" sizes="192x192" href="https://mgrove.uk/logo.png">
+
+    <!-- add to homescreen for Chrome on Android -->
+    <meta name="mobile-web-app-capable" content="yes">
+    <link rel="icon" sizes="192x192" href="https://mgrove.uk/logo.png">
+
+    <!-- add to homescreen for Safari on iOS -->
+    <meta name="apple-mobile-web-app-capable" content="yes">
+    <meta name="apple-mobile-web-app-status-bar-style" content="black">
+    <meta name="apple-mobile-web-app-title" content="ComSci | Matthew Grove">
+    <link rel="apple-touch-icon-precomposed" href="https://mgrove.uk/logo.png">
+
+    <!-- tile icon & colour for Windows 8 -->
+    <meta name="msapplication-TileImage" content="https://mgrove.uk/logo.png">
+    <meta name="msapplication-TileColor" content="#d84315">
+
+    <title>ComSci | Matthew Grove</title>
+    <meta name="description" content="Some Computer Science info - by Matthew Grove">
+
+    <!-- import Roboto (font) -->
+    <link href="/css/roboto.css" rel="stylesheet" type="text/css">
+
+    <!-- import jQuery -->
+    <script src="/js/jquery.min.js" type="text/javascript"></script>
+
+    <!-- import cookie JavaScript -->
+    <script src="/js/cookies.js" type="text/javascript"></script>
+
+    <!-- import Material Design components & icons -->
+    <link href="/css/material-components-web.min.css" rel="stylesheet" type="text/css">
+    <link href="/css/material_icons.css" rel="stylesheet" type="text/css">
+    <script src="/js/material-components-web.min.js" type="text/javascript"></script>
+
+    <!-- import local styling & scripts -->
+    <script src="/js/global.js" type="text/javascript"></script>
+    <link href="/css/global.css" rel="stylesheet" type="text/css">
+
+    <!-- Global site tag (gtag.js) - Google Analytics -->
+    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-124505000-1" type="text/javascript"></script>
+    <script type="text/javascript">
+        window.dataLayer = window.dataLayer || [];
+        function gtag(){dataLayer.push(arguments);}
+        gtag('js', new Date());
+        gtag('config', 'UA-124505000-1');
+    </script>
+</head>
+
+    <body>
+        <!-- cookie notice is included automatically -->
+        <div id="cookies">
+    <p>Just to let you know, I use cookies on my site.</p>
+    <p><a href="javascript:void(0);" id="close-cookies">OK</a></p>
+</div>
+
+
+        <!-- content of navbar is included automatically -->
+        <aside class="navbar-insert mdc-drawer mdc-drawer--modal">
+    <div class="mdc-drawer__content">
+        <div style="margin: 15px;text-align:center;">
+            <img src="https://mgrove.uk/logo.png" style="width: 90%;"/>
+        </div>
+        <div class="mdc-list">
+            <a class="mdc-list-item" href="https://blog.mgrove.uk">
+                <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
+                <span class="mdc-list-item__text">My Blog</span>
+            </a>
+            <a class="mdc-list-item" href="/">
+                <i class="material-icons mdc-list-item__graphic" aria-hidden="true">home</i>
+                <span class="mdc-list-item__text">Home Page</span>
+            </a>
+            
+            
+            <a class="mdc-list-item" href="/comsci/">
+                <i class="material-icons mdc-list-item__graphic" aria-hidden="true">music_video</i>
+                <span class="mdc-list-item__text">ComSci</span>
+            </a>
+            
+            
+            
+            <a class="mdc-list-item" href="/luhn-algorithm/">
+                <i class="material-icons mdc-list-item__graphic" aria-hidden="true">credit_card</i>
+                <span class="mdc-list-item__text">Luhn Algorithm</span>
+            </a>
+            
+            
+            
+            <a class="mdc-list-item" href="/svalbard/">
+                <i class="material-icons mdc-list-item__graphic" aria-hidden="true">ac_unit</i>
+                <span class="mdc-list-item__text">Svalbard</span>
+            </a>
+            
+            
+            
+            
+            
+            <a class="mdc-list-item" href="/computer-science-blog/">
+                <i class="material-icons mdc-list-item__graphic" aria-hidden="true">code</i>
+                <span class="mdc-list-item__text">GCSE Computer Science Blog</span>
+            </a>
+            
+            
+            
+            
+        </div>
+    </div>
+</aside>
+
+<div class="mdc-drawer-scrim"></div>
+
+
+        <div class="mdc-drawer-app-content">
+            <header class="mdc-top-app-bar app-bar" id="app-bar">
+                <div class="mdc-top-app-bar__row">
+                    <section class="mdc-top-app-bar__section mdc-top-app-bar__section--align-start">
+                        <a href="javascript:void(0);" class="demo-mensu material-icons mdc-top-app-bar__navigation-icon">menu</a>
+                        <span class="mdc-top-app-bar__title">ComSci | Matthew Grove</span>
+                    </section>
+                </div>
+            </header>
+
+            <main class="main-content" id="main-content">
+                <div class="mdc-top-app-bar--fixed-adjust">
+                    <div style="z-index=1000;position:fixed;height:100%;width:100%">
+	<iframe height="100%" width="100%" src="https://www.youtube.com/embed/oHg5SJYRHA0?rel=0&amp;autoplay=1&amp;controls=0" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe>
 </div>
 
 <style>html, body { margin: 0; }</style>
 
+
+                    <!-- link to source code on GitHub -->
+                    <a href="https://github.com/mgrove36/demo-code/tree/master/comsci/" class="source-code-link mdc-fab mdc-fab--extended" data-mdc-auto-init="MDCRipple">
+                        <span class="material-icons mdc-fab__icon">rate_review</span>
+                        <span class="mdc-fab__label">View on GitHub</span>
+                    </a>
+                </div>
+            </main>
+            <footer>
+    &copy; Matthew Grove 2019
+</footer>
+
+        </div>
+    </body>
+</html>
diff --git a/comsci/index.md b/comsci/index.md
index 1dc3d02..8f981ae 100644
--- a/comsci/index.md
+++ b/comsci/index.md
@@ -1,12 +1,12 @@
 ---
 title: ComSci
 description: Some Computer Science info
-layout: none
+layout: default
 icon: music_video
 ---
 
 <div style="z-index=1000;position:fixed;height:100%;width:100%">
-	<iframe height="100%" width="100%" src="https://www.youtube.com/embed/oHg5SJYRHA0?controls=0&rel=0&autoplay=1" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+	<iframe height="100%" width="100%" src="https://www.youtube.com/embed/oHg5SJYRHA0?rel=0&autoplay=1&controls=0" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
 </div>
 
 <style>html, body { margin: 0; }</style>
\ No newline at end of file
