1
1
Fork 0

Fixed livereload, added rough header

This commit is contained in:
Joe Wroten 2016-08-07 14:21:51 -05:00
parent cb549da26f
commit a0f39bf8fd
6 changed files with 71 additions and 12 deletions

View file

@ -1 +1 @@
body{background:yellow}
html{margin:0}body{margin:0;background:#F2F2F2}body>header{padding:2rem;background:#282A36;color:white}body>header a{color:#87D2C8}

View file

@ -7,11 +7,17 @@
<meta name="description" content="">
</head>
<body>
<header>
<p>
<a href="/">Home</a>
</p>
[ sharpshark28@joewroten.com ] (master) ~/portfolio
<br />
npm start
<br />
Starting up server, serving <a href="/">./</a> on port: 8080 ...
<br />
Resume accessible @ <a href="resume.pdf">./resume.pdf</a>
</header>
<h1>Joe Wroten</h1>
<p></p>

View file

@ -22,16 +22,16 @@ Metalsmith(__dirname)
.use(layouts({
engine: 'handlebars'
}))
.use(serve())
.use(
watch({
paths: {
"src/**/*": true,
"layouts/**/*": true
"src/**/*": "**/*",
"layouts/**/*": "**/*"
},
livereload: true,
})
)
.use(serve())
.build(function(err, files) {
if (err) { throw err; }
});

View file

@ -7,11 +7,17 @@
<meta name="description" content="{{ description }}">
</head>
<body>
<header>
<p>
<a href="/">Home</a>
</p>
[ sharpshark28@joewroten.com ] (master) ~/portfolio
<br />
npm start
<br />
Starting up server, serving <a href="/">./</a> on port: 8080 ...
<br />
Resume accessible @ <a href="resume.pdf">./resume.pdf</a>
</header>
<h1>{{ title }}</h1>
<p>{{ description }}</p>

34
layouts/layout/index.html Normal file
View file

@ -0,0 +1,34 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>{{ title }}</title>
<link href="app.css" type="text/css" rel="stylesheet" />
<meta name="description" content="{{ description }}">
</head>
<body>
<header>
<p>
[ sharpshark28@joewroten.com ] (master) ~/portfolio
<br />
npm start
<br />
Starting up server, serving <a href="/">./</a> on port: 8080 ...
<br />
Resume accessible @ <a href="resume.pdf">./resume.pdf</a>
</p>
</header>
<h1>{{ title }}</h1>
<p>{{ description }}</p>
{{{ contents }}}
<footer>
<p>Generated with {{ generator }} &mdash; <a href="{{ url }}">{{ url }}</a></p>
</footer>
<script src="http://localhost:35729/livereload.js"></script>
</body>
</html>

View file

@ -1,3 +1,16 @@
body {
background: yellow;
html {
margin: 0;
}
body {
margin: 0;
background: #F2F2F2;
> header {
padding: 2rem;
background: #282A36;
color: white;
a {
color: #87D2C8;
}
}
}