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

View file

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

View file

@ -7,11 +7,17 @@
<meta name="description" content="{{ description }}"> <meta name="description" content="{{ description }}">
</head> </head>
<body> <body>
<header> <header>
<p> [ sharpshark28@joewroten.com ] (master) ~/portfolio
<a href="/">Home</a> <br />
</p> npm start
<br />
Starting up server, serving <a href="/">./</a> on port: 8080 ...
<br />
Resume accessible @ <a href="resume.pdf">./resume.pdf</a>
</header> </header>
<h1>{{ title }}</h1> <h1>{{ title }}</h1>
<p>{{ description }}</p> <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 { html {
background: yellow; margin: 0;
}
body {
margin: 0;
background: #F2F2F2;
> header {
padding: 2rem;
background: #282A36;
color: white;
a {
color: #87D2C8;
}
}
} }