diff --git a/includes/footer.php b/includes/footer.php
index 35601d8..91a9561 100755
--- a/includes/footer.php
+++ b/includes/footer.php
@@ -1,14 +1,5 @@
<footer>
- <p>© Quartznet 2020 | <a href="/quartznet/policy">Policy</a></p>
+ <div class="container">
+ <p>© Quartznet 2020 <a href="/quartznet/policy">Policy</a></p>
+ </div>
</footer>
-
- <!-- Google analytics -->
- <script>
- window.dataLayer = window.dataLayer || [];
- function gtag(){dataLayer.push(arguments);}
- gtag('js', new Date());
- gtag('config', 'UA-120787474-1');
- </script>
-
- <script src="/quartznet/assets/js/jquery-3.4.1.min.js" defer></script>
- <script src="/quartznet/assets/js/bootstrap.bundle.min.js" defer></script>
diff --git a/includes/head.php b/includes/head.php
index c48ff53..3618d9b 100755
--- a/includes/head.php
+++ b/includes/head.php
@@ -1,25 +1,35 @@
+ <!-- General meta tags -->
<meta charset="utf-8">
+ <meta content='text/html; charset=utf-8' http-equiv='Content-Type'>
+ <meta http-equiv='X-UA-Compatible' content='IE=edge'>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
- <meta name="description" content="We are software and game developers.">
- <meta name="keywords" content="Quartznet, Software, Games, Tools"/>
+ <meta name="description" content="A software and game studio.">
+ <meta name="keywords" content="quartznet, software, games, tools"/>
+ <meta name="author" content="quartznet"/>
- <link rel="icon" href="/quartznet/assets/favicon.ico">
- <link href="/quartznet/assets/css/bootstrap.min.css" rel="stylesheet">
+ <!-- Open Graph meta tags -->
+ <meta property="og:title" content="quartznet" />
+ <meta property="og:description" content="We are software and game developers." />
+
+ <!-- Load CSS -->
+ <link rel="stylesheet" href="/quartznet/assets/css/normalize.css">
<link href="/quartznet/assets/css/stylesheet.css" rel="stylesheet">
+ <link href="/quartznet/assets/css/themes.css" rel="stylesheet">
+ <!-- <link rel="stylesheet" href="/quartznet/assets/css/dark.css" media="(prefers-color-scheme: dark)"> -->
+ <!-- <link rel="stylesheet" href="/quartznet/assets/css/light.css" media="(prefers-color-scheme: no-preference), (prefers-color-scheme: light)"> -->
+
+ <!-- Load fonts -->
<link href="https://fonts.googleapis.com/css?family=Roboto&display=swap" rel="stylesheet">
- <script>
- // If `prefers-color-scheme` is not supported, fall back to light mode.
- // In this case, light.css will be downloaded with `highest` priority.
- if (window.matchMedia('(prefers-color-scheme: dark)').media === 'not all') {
- document.documentElement.style.display = 'none';
- document.head.insertAdjacentHTML(
- 'beforeend',
- '<link rel="stylesheet" href="/quartznet/assets/css/light.css" onload="document.documentElement.style.display = \'\'">'
- );
- }
- </script>
+ <!-- Load icons -->
+ <link rel="icon" href="/quartznet/assets/favicon.ico">
- <!-- Load based on colour scheme -->
- <link rel="stylesheet" href="/quartznet/assets/css/dark.css" media="(prefers-color-scheme: dark)">
- <link rel="stylesheet" href="/quartznet/assets/css/light.css" media="(prefers-color-scheme: no-preference), (prefers-color-scheme: light)">
+ <!-- Global site tag (gtag.js) - Google Analytics -->
+ <script async src="https://www.googletagmanager.com/gtag/js?id=UA-120787474-1"></script>
+ <script>
+ window.dataLayer = window.dataLayer || [];
+ function gtag(){dataLayer.push(arguments);}
+ gtag('js', new Date());
+
+ gtag('config', 'UA-120787474-1');
+ </script>
diff --git a/includes/header.php b/includes/header.php
index 4083e9c..b4ce49e 100755
--- a/includes/header.php
+++ b/includes/header.php
@@ -1,11 +1,15 @@
<header>
- <nav class="container">
- <a class="title" href="/quartznet/">Quartznet</a>
- <ul class="menu">
- <li class="item"><a href="/quartznet/about">About</a></li>
- <li class="item"><a href="/quartznet/contact">Contact</a></li>
- <li class="item button"><a href="/quartznet/admin/login.php">Admin</a></li>
- <li class="toggle"><a href="#"><i class="fas fa-bars"></i></a></li>
- </ul>
- </nav>
+ <div class="container">
+ <nav>
+ <a class="title" href="/quartznet/">Quartznet</a>
+ <!-- <h2>Software and Game developers</h2> -->
+ <ul class="menu">
+ <li><a href="/quartznet/about">About</a></li>
+ <li><a href="/quartznet/contact">Contact</a></li>
+ <!-- <li><a href="/quartznet/contact">Contact</a></li> -->
+ <!-- <li><a href="/quartznet/contact">Contact</a></li> -->
+ <li><a href="/quartznet/admin">Admin</a></li>
+ </ul>
+ </nav>
+ </div>
</header>
diff --git a/includes/page.php b/includes/page.php
deleted file mode 100755
index 727015e..0000000
--- a/includes/page.php
+++ /dev/null
@@ -1,88 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
- <meta name="description" content="We are software and game developers.">
- <meta name="keywords" content="Quartznet, Software, Games, Tools" />
-
- <title>Quartznet</title>
-
- <link rel="icon" href="/quartznet/assets/favicon.ico">
- <link href="/quartznet/includes/bootstrap.min.css" rel="stylesheet">
- <link href="/quartznet/includes/stylesheet.css" rel="stylesheet">
- <link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
-
- <script>
- // If `prefers-color-scheme` is not supported, fall back to light mode.
- // In this case, light.css will be downloaded with `highest` priority.
- if (window.matchMedia('(prefers-color-scheme: dark)').media === 'not all') {
- document.documentElement.style.display = 'none';
- document.head.insertAdjacentHTML(
- 'beforeend',
- '<link rel="stylesheet" href="/includes/light.css" onload="document.documentElement.style.display = \'\'">'
- );
- }
- </script>
-
- <!-- Load based on colour scheme -->
- <link rel="stylesheet" href="/quartznet/includes/dark.css" media="(prefers-color-scheme: dark)">
- <link rel="stylesheet" href="/quartznet/includes/light.css" media="(prefers-color-scheme: no-preference), (prefers-color-scheme: light)">
-</head>
-
-<body>
- <header>
- <nav class="container">
- <a class="title" href="/quartznet/">Quartznet</a>
- <ul class="menu">
- <li class="item"><a href="/quartznet/about">About</a></li>
- <li class="item button"><a href="/quartznet/admin/login.php">Admin</a></li>
- <li class="toggle"><a href="#"><i class="fas fa-bars"></i></a></li>
- </ul>
- </nav>
- </header>
-
- <main class="container">
- <section>
- <h1>Sirius</h1>
- <a href="/quartznet/sirius"><img class="img-fluid rounded mb-4 mb-lg-0" src="https://placehold.it/900x400" alt=""></a>
- <p>A 2D sci-fi game about wannabe space captain trying to find their path.</p>
- <p>Stores: Steam, Itch</p>
- <p>Platforms: Windows, Mac, Linux</p>
- </section>
-
- <section>
- <h1>Coming soon</h1>
- <a href="/quartznet/sirius"><img class="img-fluid rounded mb-4 mb-lg-0" src="https://placehold.it/900x400" alt=""></a>
-
- <div class="row">
- <div class="col-sm">
- <p>More text here soonTM.</p>
- </div>
- <div class="col-sm">
- <p>Stores: Steam, Itch</p>
- <p>Platforms: Windows, Mac, Linux</p>
- </div>
- </div>
- </section>
- </main>
-
- <footer>
- <p>© Quartznet 2020 | <a href="/quartznet/policy">Policy</a></p>
- </footer>
-
- <!-- Google analytics -->
- <script>
- window.dataLayer = window.dataLayer || [];
- function gtag(){dataLayer.push(arguments);}
- gtag('js', new Date());
- gtag('config', 'UA-120787474-1');
- </script>
-
- <script src="/quartznet/includes/jquery-3.4.1.min.js" defer></script>
- <script src="/quartznet/includes/bootstrap.bundle.min.js" defer></script>
-
-</body>
-
-</html>