4 changed files with 65 additions and 23 deletions
--- a/21
+++ b/21
@ -1,21 +0,0 @@
-MIT License
-
-Copyright (c) 2022 NightlyMania
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
--- a/README.md
+++ b/README.md
@ -1,3 +1,3 @@
-# NightlyMania-site
+# nightly.town

-Nightly's website
+website
--- a/index.html
+++ b/index.html
@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Hello world!</title>
+    <link rel="stylesheet" href="static/nightlycss.css">
+</head>
+<body>
+    <div class="sidenav">
+        <a href="#">About</a>
+        <a href="#">Services</a>
+        <a href="#">Clients</a>
+        <a href="#">Contact</a>
+      </div>
+    <div id="content">
+        <h1>Welcome to my website!</h1>
+    </div>
+</body>
+</html>
--- a/static/nightlycss.css
+++ b/static/nightlycss.css
@ -0,0 +1,42 @@
+:root {
+    --bgcolour: #212121;
+    --sdbarcolour: #6600ff;
+    --textcolour: #EFF0F1;
+}
+body {
+    font-family: 'Helvetica', 'Arial', sans-serif;
+    background-color: var(--bgcolour);
+    margin:0;
+    color: var(--textcolour);
+}
+
+.sidenav {
+    height: 100%;
+    width: 85px;
+    position: fixed;
+    z-index: 1;
+    top: 0;
+    left: 0;
+    background-color: var(--bgcolour);
+    overflow-x: hidden;
+    padding-top: 20px;
+    border-right: 2px solid var(--sdbarcolour);
+}
+
+.sidenav a {
+    padding: 6px 6px 6px 10px;
+    text-decoration: none;
+    font-size: 25px;
+    color: #818181;
+    display: block;
+}
+
+.sidenav a:hover {
+    color: #f1f1f1;
+}
+
+#content {
+    margin-top: 20px;
+    margin-left:138px;
+    padding: 1px 16px;
+}