gaiety/portfolio
gaiety/portfolio
1
1
Fork 0
Code Activity

Assets/Resume, Partial header/footer

Browse source
This commit is contained in:
Joe Wroten 2016-08-07 16:00:02 -05:00
parent a0f39bf8fd
commit 30a9739b0a
25 changed files with 72 additions and 261 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
.gitignore vendored
View file

@ -5,6 +5,7 @@
logs
*.log
npm-debug.log*
.DS_STORE
# Runtime data
pids
@ -39,3 +40,6 @@ jspm_packages
# Optional REPL history
.node_repl_history
# Ignore build
/build

1
build/app.css
View file

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

0
build/assets
View file

38
build/index.html
View file

@ -1,38 +0,0 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Joe Wroten</title>
<link href="app.css" type="text/css" rel="stylesheet" />
<meta name="description" content="">
</head>
<body>
<header>
[ 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>
<h1>TODO</h1>
<p><a href="/posts/first-post/">First post</a></p>
<p><a href="/posts/second-post/">Second post</a></p>
<p><a href="/posts/third-post/">Third post</a></p>
<p><a href="/posts/fourth-post/">Fourth post</a></p>
<footer>
<p>Generated with Metalsmith &mdash; <a href="http://www.metalsmith.io/">http://www.metalsmith.io/</a></p>
</footer>
<script src="http://localhost:35729/livereload.js"></script>
</body>
</html>

24
build/posts/first-post/index.html
View file

@ -1,24 +0,0 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>My First Post</title>
<meta name="description" content="">
</head>
<body>
<header>
<p>
<a href="/">Home</a>
</p>
</header>
<h1>My First Post</h1>
<time>Sun Aug 19 2012 19:00:00 GMT-0500 (CDT)</time>
<p>An interesting post about how it&#39;s going to be different this time around. I&#39;m going to write a lot more nowadays and use this blog to improve my writing.</p>
<footer>
<p>Generated with Metalsmith &mdash; <a href="http://www.metalsmith.io/">http://www.metalsmith.io/</a></p>
</footer>
</body>
</html>

24
build/posts/fourth-post/index.html
View file

@ -1,24 +0,0 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>My Fourth Post</title>
<meta name="description" content="">
</head>
<body>
<header>
<p>
<a href="/">Home</a>
</p>
</header>
<h1>My Fourth Post</h1>
<time>Thu Dec 06 2012 18:00:00 GMT-0600 (CST)</time>
<p>A really short, rushed-feeling string of words.</p>
<footer>
<p>Generated with Metalsmith &mdash; <a href="http://www.metalsmith.io/">http://www.metalsmith.io/</a></p>
</footer>
</body>
</html>

24
build/posts/second-post/index.html
View file

@ -1,24 +0,0 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>My Second Post</title>
<meta name="description" content="">
</head>
<body>
<header>
<p>
<a href="/">Home</a>
</p>
</header>
<h1>My Second Post</h1>
<time>Wed Aug 22 2012 19:00:00 GMT-0500 (CDT)</time>
<p>A super-interesting piece of prose I have already written weeks ago.</p>
<footer>
<p>Generated with Metalsmith &mdash; <a href="http://www.metalsmith.io/">http://www.metalsmith.io/</a></p>
</footer>
</body>
</html>

24
build/posts/third-post/index.html
View file

@ -1,24 +0,0 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>My Third Post</title>
<meta name="description" content="">
</head>
<body>
<header>
<p>
<a href="/">Home</a>
</p>
</header>
<h1>My Third Post</h1>
<time>Thu Sep 27 2012 19:00:00 GMT-0500 (CDT)</time>
<p>A slightly late, less interesting piece of prose.</p>
<footer>
<p>Generated with Metalsmith &mdash; <a href="http://www.metalsmith.io/">http://www.metalsmith.io/</a></p>
</footer>
</body>
</html>

9
index.js
View file

@ -2,6 +2,7 @@ var Metalsmith = require('metalsmith');
var markdown = require('metalsmith-markdown');
var sass = require('metalsmith-sass');
var layouts = require('metalsmith-layouts');
var assets = require('metalsmith-assets');
var permalinks = require('metalsmith-permalinks');
var serve = require('metalsmith-serve');
var watch = require('metalsmith-watch');
@ -17,15 +18,21 @@ Metalsmith(__dirname)
.destination('./build')
.clean(false)
.use(markdown())
.use(assets({
source: './src/assets',
destination: './src/assets'
}))
.use(permalinks())
.use(sass())
.use(layouts({
engine: 'handlebars'
engine: 'handlebars',
partials: 'partials'
}))
.use(
watch({
paths: {
"src/**/*": "**/*",
"partials/**/*": "**/*",
"layouts/**/*": "**/*"
},
livereload: true,

5
layouts/home.html Normal file
View file

@ -0,0 +1,5 @@
{{> header }}
{{{ contents }}}
{{> footer }}

32
layouts/layout.html
View file

@ -1,32 +0,0 @@
<!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>
[ 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>
{{{ contents }}}
<footer>
<p>Generated with {{ generator }} &mdash; <a href="{{ url }}">{{ url }}</a></p>
</footer>
<script src="http://localhost:35729/livereload.js"></script>
</body>
</html>

34
layouts/layout/index.html
View file

@ -1,34 +0,0 @@
<!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>

20
layouts/post.html
View file

@ -1,23 +1,7 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>{{ title }}</title>
<meta name="description" content="{{ description }}">
</head>
<body>
<header>
<p>
<a href="/">Home</a>
</p>
{{> header }}
</header>
<h1>{{ title }}</h1>
<time>{{ date }}</time>
{{{ contents }}}
<footer>
<p>Generated with {{ generator }} &mdash; <a href="{{ url }}">{{ url }}</a></p>
</footer>
</body>
</html>
{{> footer }}

1
package.json
View file

@ -12,6 +12,7 @@
"metalsmith-permalinks": "^0.5.0"
},
"devDependencies": {
"metalsmith-assets": "^0.1.0",
"metalsmith-sass": "^1.3.0",
"metalsmith-serve": "0.0.7",
"metalsmith-watch": "^1.0.3"

7
partials/footer.html Normal file
View file

@ -0,0 +1,7 @@
<footer>
<p>Generated with {{ generator }} &mdash; <a href="{{ url }}">{{ url }}</a></p>
</footer>
<script src="http://localhost:35729/livereload.js"></script>
</body>
</html>

20
partials/header.html Normal file
View file

@ -0,0 +1,20 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>{{ title }}</title>
<link href="/app.css" type="text/css" rel="stylesheet" />
<link href="https://fonts.googleapis.com/css?family=Source+Code+Pro" rel="stylesheet">
<meta name="description" content="{{ description }}">
</head>
<body>
<header class="text-code">
[ sharpshark28@joewroten.com ] <span class="text-success">(master)</span> ~/portfolio
<br />
<span class="text-success">⟩</span> npm start
<br />
Starting up server, serving <a href="/">./</a> on port: 8080 ...
<br />
Resume accessible @ <a href="/assets/resume.pdf">./resume.pdf</a>
</header>

8
src/app.scss
View file

@ -14,3 +14,11 @@ body {
}
}
}
.text-code {
font-family: 'Source Code Pro', monospace;
}
.text-success {
color: #28C665;
}

BIN
src/assets/resume.pdf Normal file
View file

Binary file not shown.

10
src/home.md Normal file
View file

@ -0,0 +1,10 @@
---
layout: home.html
---
<h1>
Heyya,<br />
I'm Joe L. Wroten,
</h1>
<p>... an edge riding web tech architect aimed at realizing the best tools to communicate valuable informationt o the people who need it.</p>
<a href="/posts/patient-education/">Patient Education</a>

13
src/index.md
View file

@ -1,13 +0,0 @@
---
layout: layout.html
---
<h1>TODO</h1>
<a href="/posts/first-post/">First post</a>
<a href="/posts/second-post/">Second post</a>
<a href="/posts/third-post/">Third post</a>
<a href="/posts/fourth-post/">Fourth post</a>

7
src/posts/first-post.md
View file

@ -1,7 +0,0 @@
---
title: My First Post
date: 2012-08-20
layout: post.html
---
An interesting post about how it's going to be different this time around. I'm going to write a lot more nowadays and use this blog to improve my writing.

7
src/posts/fourth-post.md
View file

@ -1,7 +0,0 @@
---
title: My Fourth Post
date: 2012-12-07
layout: post.html
---
A really short, rushed-feeling string of words.

7
src/posts/patient-education.md Normal file
View file

@ -0,0 +1,7 @@
---
title: Patient Education
date: 2016-08-20
layout: post.html
---
Test

7
src/posts/second-post.md
View file

@ -1,7 +0,0 @@
---
title: My Second Post
date: 2012-08-23
layout: post.html
---
A super-interesting piece of prose I have already written weeks ago.

7
src/posts/third-post.md
View file

@ -1,7 +0,0 @@
---
title: My Third Post
date: 2012-09-28
layout: post.html
---
A slightly late, less interesting piece of prose.