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="">
|
<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>
|
||||||
|
|
||||||
|
|
6
index.js
6
index.js
|
@ -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; }
|
||||||
});
|
});
|
||||||
|
|
|
@ -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
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 {
|
html {
|
||||||
background: yellow;
|
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