Skip to content

Commit

Permalink
Set <article> on drama, page, poem, & post
Browse files Browse the repository at this point in the history
Again seamlessly replaces the `<div>` element in place without
disrupting how the page renders CSS.

Note that `<article>` is, per the HTML spec, intended to:

> [represent] a complete, or self-contained, composition in a document,
> page, application, or site and that is, in principle, independently
> distributable or reusable, e.g. in syndication. This could be a forum
> post, a magazine or newspaper article, a blog entry, a user-submitted
> comment, an interactive widget or gadget, or any other independent
> item of content.

(See https://html.spec.whatwg.org/#the-article-element)

So yes, `<article>` is suited to poems and any other "complete or
self-contained composition."
  • Loading branch information
karlstolley committed Sep 18, 2019
1 parent 76e4a75 commit 63a8990
Show file tree
Hide file tree
Showing 4 changed files with 8 additions and 8 deletions.
4 changes: 2 additions & 2 deletions _layouts/drama.html
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@
layout: default
---

<div class="drama">
<article class="drama">
<h1 class="text-title">{{ page.title }}</h1>
{{ content }}
</div>
</article>
4 changes: 2 additions & 2 deletions _layouts/page.html
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@
layout: default
---

<div class="page">
<article class="page">
<h1 class="page-title">{{ page.title }}</h1>
{{ content }}
</div>
</article>
4 changes: 2 additions & 2 deletions _layouts/poem.html
Original file line number Diff line number Diff line change
Expand Up @@ -2,8 +2,8 @@
layout: default
---

<div class="poetry">
<article class="poetry">
<h1 class="text-title">{{ page.title }}</h1>
<p class="byline">{{ page.author }}</p>
{{ content }}
</div>
</article>
4 changes: 2 additions & 2 deletions _layouts/post.html
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@
layout: default
---

<div class="post">
<article class="post">
<h1 class="text-title">{{ page.title }}</h1>
{{ content }}
</div>
</article>

0 comments on commit 63a8990

Please sign in to comment.