len0rd/personal-website
1
0
Fork 0
mirror of https://github.com/len0rd/personal-website.git synced 2025-03-01 03:51:57 -05:00
Code Issues 1 Packages Projects 1 Releases Wiki Activity

added basic contact page, fixed server and nav to handle it

Browse source
This commit is contained in:
len0rd 2018-07-27 13:32:34 -04:00
parent 350d6a6714
commit 8bf1fe07ba
3 changed files with 34 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
server.js
View file

@ -6,13 +6,18 @@ console.log('Hello');
// set the view engine to ejs
app.set('view engine', 'ejs');
// use res.render to load an ejs view file
app.get('/', function(req, res) {
res.render('pages/index');
});
// add folder for static content:
app.use(express.static(__dirname + '/assets'));
app.get(/\/.*/, function(req, res) {
console.log(req.path);
let pathname = 'pages' + req.path;
if ((pathname)[pathname.length - 1] === '/') {
pathname += 'index';
}
res.render(pathname);
});
app.listen(8090);

21
views/pages/contact.ejs Normal file
View file

@ -0,0 +1,21 @@
<!DOCTYPE html>
<html lang="en">
<head>
<% include ../partials/include %>
</head>
<body>
<% include ../partials/nav %>
<div class="container center">
<div class="row">
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
<h1>Contact me</h1>
<p>As a lonly explorer of the interwebs, I welcome the warm embrace of human contact. Please email me with the below address:</p>
<h2>contact@lenord.me</h2>
</div>
</div>
</div>
</body>
</html>

4
views/partials/nav.ejs
View file

@ -1,7 +1,7 @@
<nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
<div class="container">
<a class="navbar-brand" href="#">lenordsNet</a>
<a class="navbar-brand" href="/#">lenordsNet</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarText" aria-controls="navbarText"
aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
@ -15,7 +15,7 @@
<a class="nav-link" href="http://www.blog.lenords.net">Blog</a>
</li>
</ul>
<a href="#" class="btn btn-outline-light my-2 my-sm-0">Contact</a>
<a href="/contact" class="btn btn-outline-light my-2 my-sm-0">Contact</a>
</div>
</div>
</nav>