feat: Add photo to marked-up h-chard
Alan Pearce alan@alanpearce.eu
Sat, 01 Jul 2017 11:00:25 +0200
5 files changed, 17 insertions(+), 7 deletions(-)
M config/default.toml → config/default.toml
@@ -2,7 +2,10 @@ [server] port = 3000 [site] -author = "John Doe" + +[site.author] +name = "John Doe" +photo = "/static/johndoe.jpg" [posts] folder = "./posts"
M src/responders.js → src/responders.js
@@ -76,11 +76,13 @@ ctx.body = prependDoctype( templates .layout() .pipe(rheo()) + .attribute(".u-photo", "alt", config.site.author.name) + .attribute(".u-photo", "src", config.site.author.photo) .outer("main", showPage("home")) .inner(".posts", function(postsTemplate) { return postsStream.pipe(postsTemplate.map(renderPostListItem(ctx))); }) - .pipe(setTitle(config.site.author)) + .pipe(setTitle(config.site.author.name)) .render() ); }, @@ -94,7 +96,7 @@ .pipe(rheo()) .outer("main", showPage("post")) .inner("article h1", rheo(post.data.get("title"))) .outer("article main", rheo(post.body)) - .pipe(setTitle(config.site.author, post.data.get("title"))) + .pipe(setTitle(config.site.author.name, post.data.get("title"))) .render() ); }, @@ -106,11 +108,11 @@ templates .layout() .pipe(rheo()) .outer("main", showPage("taxon")) - .inner("h1", rheo(config.site.author)) + .inner("h1", rheo(config.site.author.name)) .inner(".posts", function(postsTemplate) { return taxonItems.pipe(postsTemplate.map(renderPostListItem(ctx))); }) - .pipe(setTitle(config.site.author)) + .pipe(setTitle(config.site.author.name)) .render() ); }
M src/templates/layout.html → src/templates/layout.html
@@ -6,7 +6,10 @@ <title></title> </head> <body> <header class="h-card"> - <h1 class="p-name">hello world</h1> + <a class="u-url" href="/"> + <img class="u-photo" alt="" src="" /> + <h1 class="p-name">hello world</h1> + </a> </header> <main></main> </body>
M test/app.test.js → test/app.test.js
@@ -46,7 +46,9 @@ mf.getAsync(options).then(data => { t.deepEqual(data.items, [ { properties: { - name: ["John Doe"] + name: ["John Doe"], + url: ["/"], + photo: ["/static/johndoe.jpg"] }, type: ["h-card"] }
