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

barebones homepage, added static assets

Browse source
This commit is contained in:
len0rd 2018-07-25 08:23:17 -04:00
parent 47dd57e22d
commit 3de0c9a3a5
6 changed files with 42 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
assets/.DS_Store vendored
View file

Binary file not shown.

5
assets/css/site.css Normal file
View file

@ -0,0 +1,5 @@
.img-jumbotron {
background-image: url("../img/logo.jpg");
background-size: cover;
height: 50vh;
}

9
server.js
View file

@ -1,6 +1,8 @@
var express = require('express'); var express = require('express');
var app = express(); var app = express();
console.log('Hello');
// set the view engine to ejs // set the view engine to ejs
app.set('view engine', 'ejs'); app.set('view engine', 'ejs');
@ -10,8 +12,7 @@ app.get('/', function(req, res) {
res.render('pages/index'); res.render('pages/index');
}); });
app.get('/about', function(req, res) { // add folder for static content:
res.render('pages/about'); app.use(express.static(__dirname + '/assets'));
});
app.listen(8080); app.listen(8090);

17
views/pages/index.ejs
View file

@ -2,17 +2,20 @@
<html lang="en"> <html lang="en">
<head> <head>
<% include ../partials/includes %> <% include ../partials/include %>
</head> </head>
<body class="container"> <body>
<header>
<% include ../partials/nav %>
</header>
<main> <div class="jumbotron img-jumbotron jumbotron-fluid">
<div class="jumbotron"> <div class="container">
<h1>This is great</h1> <h1 class="text-white">welcome to len0rdsNet</h1>
<p>Welcome to templating using EJS</p> <p class="text-white">i don't know what i'm doing</p>
</div>
</div> </div>
</main>
</body> </body>
</html> </html>

1
views/partials/include.ejs
View file

@ -4,3 +4,4 @@
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.2/js/bootstrap.min.js" integrity="sha384-o+RDsa0aLu++PJvFqy8fFScvbHFLtbvScb8AjopnFD+iEQ7wo/CG0xlczd+2O/em" crossorigin="anonymous"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.2/js/bootstrap.min.js" integrity="sha384-o+RDsa0aLu++PJvFqy8fFScvbHFLtbvScb8AjopnFD+iEQ7wo/CG0xlczd+2O/em" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.2/css/bootstrap.min.css" integrity="sha384-Smlep5jCw/wG7hdkwQ/Z5nLIefveQRIY9nfy6xoR1uRYBtpZgI6339F5dgvm/e9B" crossorigin="anonymous"> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.2/css/bootstrap.min.css" integrity="sha384-Smlep5jCw/wG7hdkwQ/Z5nLIefveQRIY9nfy6xoR1uRYBtpZgI6339F5dgvm/e9B" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="css/site.css">

23
views/partials/nav.ejs
View file

@ -1,3 +1,22 @@
<nav class="navbar navbar-dark bg-dark"> <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<!-- Navbar content --> <a class="navbar-brand" href="#">len0rdNet</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>
</button>
<div class="collapse navbar-collapse" id="navbarText">
<ul class="navbar-nav mr-auto">
<li class="nav-item active">
<a class="nav-link" href="#">Home
<span class="sr-only">(current)</span>
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Features</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Pricing</a>
</li>
</ul>
</div>
</nav> </nav>