Skip to content

Instantly share code, notes, and snippets.

@lindsayevans

lindsayevans/hAiku.html

Created May 14, 2010 00:47
Show Gist options
  • Save lindsayevans/400674 to your computer and use it in GitHub Desktop.
Save lindsayevans/400674 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
hAiku.html
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>hAiku</title>
<style>
[itemprop=hAiku] { font-size: 3em; margin: 1em 0; }
[itemprop=hAiku] [itemprop=kireji], [itemprop=hAiku] [itemprop=cutting] { font-weight: bold; color: #500; }
[itemprop=hAiku] [itemprop=kigo], [itemprop=hAiku] [itemprop=season] { font-style: italic; color: #500; }
[itemprop=hAiku][lang=en] [itemprop=phrase] { display: block; }
[itemprop=hAiku] [itemprop=phrase]:not(:last-child) { padding-right: 1em; }
[itemprop=hAiku][lang=ja] { display: block; overflow: auto; line-height: 1.2em; }
[itemprop=hAiku][lang=ja] [itemprop=phrase] { display: block; width: 1em; float: left; clear: none; }
</style>
</head>
<body>
<article itemprop="hAiku" lang="ja">
<span itemprop="phrase">古池<span itemprop="kireji">や</span></span>
<span itemprop="phrase"><span itemprop="kigo">蛙</span>飛込む</span>
<span itemprop="phrase">水の音</span>
</article>
<article itemprop="hAiku" lang="en">
<span itemprop="phrase">Two tires fly. Two <span itemprop="cutting">wail</span>.</span>
<span itemprop="phrase"><span itemprop="season">A bamboo grove, all chopped down</span></span>
<span itemprop="phrase">From it, warring songs</span>
</article>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment