nightlymania
/
NightlyMania-site
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

test #1

Merged
nightlymania merged 2 commits from dev into main 2022-11-03 18:42:27 +01:00
Conversation 0 Commits 2 Files Changed 3
3 changed files with 10 additions and 40 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
README.md
View File

@ -1,3 +1,3 @@
# nightly.town # nightly.town
website The website shown at (nightly.town)[https://nightly.town]

10
index.html
View File

@ -8,14 +8,10 @@
<link rel="stylesheet" href="static/nightlycss.css"> <link rel="stylesheet" href="static/nightlycss.css">
</head> </head>
<body> <body>
<div class="sidenav"> <div id="container">
<a href="#">About</a> <div id="header">
<a href="#">Services</a> <h1>Hello!</h1>
<a href="#">Clients</a>
<a href="#">Contact</a>
</div> </div>
<div id="content">
<h1>Welcome to my website!</h1>
</div> </div>
</body> </body>
</html> </html>

36
static/nightlycss.css
View File

@ -1,42 +1,16 @@
:root { :root {
--bgcolour: #212121; --bgcolour: #212121;
--sdbarcolour: #6600ff; --sdbarcolour: #4c208f;
--textcolour: #EFF0F1; --textcolour: #EFF0F1;
} }
body { body {
font-family: 'Helvetica', 'Arial', sans-serif; font-family: 'Helvetica', 'Arial', sans-serif;
background-color: var(--bgcolour); background-color: var(--bgcolour);
margin:0; margin: 0;
color: var(--textcolour); color: var(--textcolour);
} }
.sidenav { .container {
height: 100%; display: flex;
width: 85px; flex-direction: column;
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;
} }