diff --git a/_site/computer-science-blog/index.html b/_site/computer-science-blog/index.html
index 67368c0..11e9c69 100644
--- a/_site/computer-science-blog/index.html
+++ b/_site/computer-science-blog/index.html
@@ -77,6 +77,13 @@
             </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>
diff --git a/_site/comsci/index.html b/_site/comsci/index.html
new file mode 100644
index 0000000..b0f74f9
--- /dev/null
+++ b/_site/comsci/index.html
@@ -0,0 +1,6 @@
+<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>
+</div>
+
+<style>html, body { margin: 0; }</style>
+
diff --git a/_site/comsci/index.md b/_site/comsci/index.md
deleted file mode 100644
index e69de29..0000000
diff --git a/_site/index.html b/_site/index.html
index b0f74f9..bd624bf 100644
--- a/_site/index.html
+++ b/_site/index.html
@@ -1,6 +1,148 @@
-<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="Demo Site | 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>Demo Site | Matthew Grove</title>
+    <meta name="description" content="Small coding projects - 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>
 
-<style>html, body { margin: 0; }</style>
 
+        <!-- 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">Demo Site | Matthew Grove</span>
+                    </section>
+                </div>
+            </header>
+
+            <main class="main-content" id="main-content">
+                <div class="mdc-top-app-bar--fixed-adjust">
+                    <h1 id="my-demo-site">My Demo Site</h1>
+<p>This site contains code for small projects that I am doing; each project can be accessed via the navigation drawer.</p>
+
+<p>If you have any ideas for projects I could do, please leave them <a href="https://goo.gl/forms/qXO1cwSbE4FoQHdq2">here</a>.</p>
+
+                    <!-- link to source code on GitHub -->
+                    <a href="https://github.com/mgrove36/demo-code/tree/master/" 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/_site/luhn-algorithm/index.html b/_site/luhn-algorithm/index.html
index 14b6171..b8104cc 100644
--- a/_site/luhn-algorithm/index.html
+++ b/_site/luhn-algorithm/index.html
@@ -77,6 +77,13 @@
             </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>
diff --git a/_site/sitemap.xml b/_site/sitemap.xml
index aba5595..27f2ad2 100644
--- a/_site/sitemap.xml
+++ b/_site/sitemap.xml
@@ -1,6 +1,13 @@
 <?xml version="1.0" encoding="URF-8"?>
 <urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
     
+    <url>
+        <loc>/comsci/</loc>
+        <lastmod>2020-06-24</lastmod>
+        <changefreq>daily</changefreq>
+        <priority>0.5</priority>
+    </url>
+    
     <url>
         <loc>/luhn-algorithm/</loc>
         <lastmod>2020-06-24</lastmod>
diff --git a/_site/svalbard/index.html b/_site/svalbard/index.html
index 13f86d8..4148779 100644
--- a/_site/svalbard/index.html
+++ b/_site/svalbard/index.html
@@ -77,6 +77,13 @@
             </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>
diff --git a/comsci/index.md b/comsci/index.md
index e69de29..1dc3d02 100644
--- a/comsci/index.md
+++ b/comsci/index.md
@@ -0,0 +1,12 @@
+---
+title: ComSci
+description: Some Computer Science info
+layout: none
+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>
+</div>
+
+<style>html, body { margin: 0; }</style>
\ No newline at end of file
diff --git a/index.md b/index.md
index 1dc3d02..349ff33 100644
--- a/index.md
+++ b/index.md
@@ -1,12 +1,12 @@
 ---
-title: ComSci
-description: Some Computer Science info
-layout: none
-icon: music_video
+title: Demo Site
+description: Small coding projects
+layout: default
+icon: home
 ---
 
-<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>
-</div>
 
-<style>html, body { margin: 0; }</style>
\ No newline at end of file
+# My {{ page.title }}
+This site contains code for small projects that I am doing; each project can be accessed via the navigation drawer.
+
+If you have any ideas for projects I could do, please leave them [here](https://goo.gl/forms/qXO1cwSbE4FoQHdq2).
\ No newline at end of file
