Add rel=me links
Alan Pearce alan@alanpearce.eu
Wed, 05 Jul 2017 22:15:03 +0200
6 files changed, 102 insertions(+), 11 deletions(-)
M config/default.toml → config/default.toml
@@ -11,6 +11,14 @@ [author] name = "John Doe" photo = "/static/johndoe.jpg" +[[author.contact]] +url = "mailto:johndoe@johndoe.org" +text = "johndoe@johndoe.org" + +[[author.contact]] +url = "https://twitter.com/johndoe" +text = "Twitter" + [posts] folder = "./posts"
M src/responders.js → src/responders.js
@@ -76,7 +76,14 @@ href: l.url, _text: l.text } })), - "body > main": pageElement.outerHTML + "body > main": pageElement.outerHTML, + ".contact-list li": config.author.contact.map(c => ({ + a: { + class: c.url.startsWith("mailto") ? "u-email" : "u-url", + href: c.url, + _text: c.text + } + })) }).outerHTML.trim(); }
M src/templates/layout.html → src/templates/layout.html
@@ -18,5 +18,12 @@ </ul> </nav> </header> <main></main> + <footer> + <ul class="contact-list"> + <li> + <a rel="me" href="mailto:dog@johndoe.org">dog</a> + </li> + </ul> + </footer> </body> </html>
M test/app.test.js → test/app.test.js
@@ -47,6 +47,11 @@ t.is($("head > title").text(), "John Doe", "head title is site author"); t.is($("main").length, 1, "only one <main> tag"); t.is($("nav a").first().text(), "Home", "nav link has text"); t.is($("nav a").first().attr("href"), "/", "nav links to homepage"); + t.is( + $("a[rel=me]").length, + 2, + "renders author.contact config to rel=me links" + ); const options = toMicroformatsOptions($); const count = await mf.countAsync(options); @@ -55,7 +60,7 @@ t.deepEqual(count, { "h-card": 1, "h-feed": 1, "h-entry": 1, - rels: 1 + rels: 3 }); const data = await mf.getAsync(options); @@ -86,7 +91,7 @@ t.deepEqual(count, { "h-card": 1, "h-feed": 1, "h-entry": 1, - rels: 1 + rels: 3 }); const data = await mf.getAsync(options); @@ -117,7 +122,7 @@ t.deepEqual(count, { "h-card": 1, "h-entry": 1, - rels: 1 + rels: 3 }); const data = await mf.getAsync(options); @@ -147,7 +152,7 @@ t.deepEqual(count, { "h-card": 1, "h-feed": 1, "h-entry": 1, - rels: 1 + rels: 3 }); const data = await mf.getAsync(options);
M test/snapshots/app.test.js.md → test/snapshots/app.test.js.md
@@ -62,8 +62,24 @@ rels: [ 'stylesheet', ], }, + 'https://twitter.com/johndoe': { + rels: [ + 'me', + ], + text: 'Twitter', + }, + 'mailto:johndoe@johndoe.org': { + rels: [ + 'me', + ], + text: 'johndoe@johndoe.org', + }, }, rels: { + me: [ + 'mailto:johndoe@johndoe.org', + 'https://twitter.com/johndoe', + ], stylesheet: [ '/css/code.css', ], @@ -118,15 +134,31 @@ rels: [ 'stylesheet', ], }, + 'https://twitter.com/johndoe': { + rels: [ + 'me', + ], + text: 'Twitter', + }, + 'mailto:johndoe@johndoe.org': { + rels: [ + 'me', + ], + text: 'johndoe@johndoe.org', + }, }, rels: { + me: [ + 'mailto:johndoe@johndoe.org', + 'https://twitter.com/johndoe', + ], stylesheet: [ '/css/code.css', ], }, } -## tags +## posts > should contain relevant microformats data @@ -170,7 +202,7 @@ }, ], properties: { name: [ - 'A · John Doe', + 'Posts · John Doe', ], }, type: [ @@ -184,15 +216,31 @@ rels: [ 'stylesheet', ], }, + 'https://twitter.com/johndoe': { + rels: [ + 'me', + ], + text: 'Twitter', + }, + 'mailto:johndoe@johndoe.org': { + rels: [ + 'me', + ], + text: 'johndoe@johndoe.org', + }, }, rels: { + me: [ + 'mailto:johndoe@johndoe.org', + 'https://twitter.com/johndoe', + ], stylesheet: [ '/css/code.css', ], }, - + } -## posts +## tags > should contain relevant microformats data @@ -236,7 +284,7 @@ }, ], properties: { name: [ - 'Posts · John Doe', + 'A · John Doe', ], }, type: [ @@ -250,10 +298,26 @@ rels: [ 'stylesheet', ], }, + 'https://twitter.com/johndoe': { + rels: [ + 'me', + ], + text: 'Twitter', + }, + 'mailto:johndoe@johndoe.org': { + rels: [ + 'me', + ], + text: 'johndoe@johndoe.org', + }, }, rels: { + me: [ + 'mailto:johndoe@johndoe.org', + 'https://twitter.com/johndoe', + ], stylesheet: [ '/css/code.css', ], }, - }+ }