Fixed livereload, added rough header
This commit is contained in:
parent
cb549da26f
commit
a0f39bf8fd
6 changed files with 71 additions and 12 deletions
|
@ -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}
|
||||
|
|
|
@ -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>
|
||||
|
||||
|
|
6
index.js
6
index.js
|
@ -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; }
|
||||
});
|
||||
|
|
|
@ -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
34
layouts/layout/index.html
Normal 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 }} — <a href="{{ url }}">{{ url }}</a></p>
|
||||
</footer>
|
||||
|
||||
<script src="http://localhost:35729/livereload.js"></script>
|
||||
</body>
|
||||
</html>
|
17
src/app.scss
17
src/app.scss
|
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Add table
Reference in a new issue