diff options
| author | Elie Génard <elaye@users.noreply.github.com> | 2017-05-21 14:31:08 +0100 |
|---|---|---|
| committer | Jasper Van der Jeugt <jaspervdj@gmail.com> | 2017-05-21 15:31:08 +0200 |
| commit | 7ad569d9a02829941c6c528a5d7ec5d884727a92 (patch) | |
| tree | fc4304e27714b4693722e03cd8df02c7c8ff3ba2 /data | |
| parent | 2577bd4bb267ba66141524000a235c000178ea72 (diff) | |
| download | hakyll-7ad569d9a02829941c6c528a5d7ec5d884727a92.tar.gz | |
Use semantic html in example
Diffstat (limited to 'data')
| -rw-r--r-- | data/example/css/default.css | 26 | ||||
| -rw-r--r-- | data/example/templates/default.html | 18 | ||||
| -rw-r--r-- | data/example/templates/post.html | 19 |
3 files changed, 33 insertions, 30 deletions
diff --git a/data/example/css/default.css b/data/example/css/default.css index 6efd0dd..db71897 100644 --- a/data/example/css/default.css +++ b/data/example/css/default.css @@ -5,25 +5,17 @@ body { width: 600px; } -div#header { +header { border-bottom: 2px solid black; margin-bottom: 30px; padding: 12px 0px 12px 0px; } -div#logo a { - color: black; - float: left; - font-size: 18px; - font-weight: bold; - text-decoration: none; -} - -div#header #navigation { +nav { text-align: right; } -div#header #navigation a { +nav a { color: black; font-size: 18px; font-weight: bold; @@ -32,7 +24,7 @@ div#header #navigation a { text-transform: uppercase; } -div#footer { +footer { border-top: solid 2px black; color: #555; font-size: 12px; @@ -49,8 +41,16 @@ h2 { font-size: 20px; } -div.info { +article .header { color: #555; font-size: 14px; font-style: italic; } + +.logo a { + color: black; + float: left; + font-size: 18px; + font-weight: bold; + text-decoration: none; +} diff --git a/data/example/templates/default.html b/data/example/templates/default.html index c3dd400..e91badc 100644 --- a/data/example/templates/default.html +++ b/data/example/templates/default.html @@ -8,26 +8,26 @@ <link rel="stylesheet" href="/css/default.css" /> </head> <body> - <div id="header"> - <div id="logo"> + <header> + <div class="logo"> <a href="/">My Hakyll Blog</a> </div> - <div id="navigation"> + <nav> <a href="/">Home</a> <a href="/about.html">About</a> <a href="/contact.html">Contact</a> <a href="/archive.html">Archive</a> - </div> - </div> + </nav> + </header> - <div id="content"> + <main role="main"> <h1>$title$</h1> $body$ - </div> + </main> - <div id="footer"> + <footer> Site proudly generated by <a href="http://jaspervdj.be/hakyll">Hakyll</a> - </div> + </footer> </body> </html> diff --git a/data/example/templates/post.html b/data/example/templates/post.html index bf0f826..732149b 100644 --- a/data/example/templates/post.html +++ b/data/example/templates/post.html @@ -1,8 +1,11 @@ -<div class="info"> - Posted on $date$ - $if(author)$ - by $author$ - $endif$ -</div> - -$body$ +<article> + <section class="header"> + Posted on $date$ + $if(author)$ + by $author$ + $endif$ + </section> + <section> + $body$ + </section> +</article> |