news and about page creation; minor css changes.

This commit is contained in:
sweatshirt0 2023-02-20 14:58:44 -05:00
parent ec03f7a713
commit 5f0477ca8d
4 changed files with 83 additions and 3 deletions

23
pages/about.html Normal file
View File

@ -0,0 +1,23 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>About</title>
<link rel="stylesheet" type="text/css" href="../styles/styles.css" />
</head>
<body>
<div class="whole-wrapper">
<div class="nav-wrapper">
<a class="home-link" href="/">Home</a>
<a class="about-link" href="/about">About</a>
<a class="news-link" href="/news">News</a>
</div>
<div class="atitle-wrapper">
<h1 class="title">About Us.</h1>
</div>
<div class="about-content-wrapper">
<p class="about-content">We are a streaming service that emphasises the freedom of all it's users -- viewers and streamers alike.</p>
</div>
</div>
</body>
</html>

View File

@ -7,9 +7,13 @@
</head> </head>
<body> <body>
<div class="whole-wrapper"> <div class="whole-wrapper">
<h1 class="tes">Logged in.</h1> <div class="nav-wrapper">
<a class="back-home" href="/">Back home</a> <a class="logged-home-link" href="/home">Home</a>
<a class="logout-link" href="/log-out">Log Out</a> <a class="logout-link" href="/log-out">Log Out</a>
</div>
<div class="logged-title-wrapper">
<h1 class="logged-title">You are now logged in.</h1>
</div>
</div> </div>
</body> </body>
</html> </html>

23
pages/news.html Normal file
View File

@ -0,0 +1,23 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Anarchy News</title>
<link rel="stylesheet" type="text/css" href="../styles/styles.css" />
</head>
<body>
<div class="whole-wrapper">
<div class="nav-wrapper">
<a class="home-link" href="/">Home</a>
<a class="about-link" href="/about">About</a>
<a class="news-link" href="/news">News</a>
</div>
<div class="news-title-wrapper">
<h1 class="news-title">News</h1>
</div>
<div class="news-content-wrapper">
<p class="news-content">No news so far...</p>
</div>
</div>
</body>
</html>

View File

@ -88,6 +88,36 @@ const server = http.createServer((req, res) => {
}); });
} }
if (req.url === "/about") {
res.statusCode = 200;
res.setHeader("Content-Type", "text/html");
fs.readFile("pages/about.html", (error, data) => {
if (error) {
res.writeHead(404);
res.write("Error: File not found.");
} else {
res.write(data);
}
res.end();
});
}
if (req.url === "/news") {
res.statusCode = 200;
res.setHeader("Content-Type", "text/html");
fs.readFile("pages/news.html", (error, data) => {
if (error) {
res.writeHead(404);
res.write("Error: File not found.");
} else {
res.write(data);
}
res.end();
});
}
if (req.url === "/members" && req.method === "POST") { if (req.url === "/members" && req.method === "POST") {
res.statusCode = 200; res.statusCode = 200;
//res.setHeader("Content-Type", "text/json"); //res.setHeader("Content-Type", "text/json");