git.iko.soy/hakyll
on master help sign in
Use semantic html in example
commit7ad569d9a02829941c6c528a5d7ec5d884727a92 authorElie Génard <elaye@users.noreply.github.com> dateSun 21 May 2017, 14:31 (9 years ago) parent2577bd4
3 files changed+33−30
compare with master
unifiedsplit
data/example/css/default.css+13−13 data/example/templates/default.html+9−9 data/example/templates/post.html+11−8
data/example/css/default.css+13−13
@@ -5,25 +5,17 @@ body {
55 width: 600px;
66}
77
8−div#header {
8+header {
99 border-bottom: 2px solid black;
1010 margin-bottom: 30px;
1111 padding: 12px 0px 12px 0px;
1212}
1313
14−div#logo a {
15− color: black;
16− float: left;
17− font-size: 18px;
18− font-weight: bold;
19− text-decoration: none;
20−}
21−
22−div#header #navigation {
14+nav {
2315 text-align: right;
2416}
2517
26−div#header #navigation a {
18+nav a {
2719 color: black;
2820 font-size: 18px;
2921 font-weight: bold;
@@ -32,7 +24,7 @@ div#header #navigation a {
3224 text-transform: uppercase;
3325}
3426
35−div#footer {
27+footer {
3628 border-top: solid 2px black;
3729 color: #555;
3830 font-size: 12px;
@@ -49,8 +41,16 @@ h2 {
4941 font-size: 20px;
5042}
5143
52−div.info {
44+article .header {
5345 color: #555;
5446 font-size: 14px;
5547 font-style: italic;
5648}
49+
50+.logo a {
51+ color: black;
52+ float: left;
53+ font-size: 18px;
54+ font-weight: bold;
55+ text-decoration: none;
56+}
data/example/templates/default.html+9−9
@@ -8,26 +8,26 @@
88 <link rel="stylesheet" href="/css/default.css" />
99 </head>
1010 <body>
11− <div id="header">
12− <div id="logo">
11+ <header>
12+ <div class="logo">
1313 <a href="/">My Hakyll Blog</a>
1414 </div>
15− <div id="navigation">
15+ <nav>
1616 <a href="/">Home</a>
1717 <a href="/about.html">About</a>
1818 <a href="/contact.html">Contact</a>
1919 <a href="/archive.html">Archive</a>
20− </div>
21− </div>
20+ </nav>
21+ </header>
2222
23− <div id="content">
23+ <main role="main">
2424 <h1>$title$</h1>
2525 $body$
26− </div>
26+ </main>
2727
28− <div id="footer">
28+ <footer>
2929 Site proudly generated by
3030 <a href="http://jaspervdj.be/hakyll">Hakyll</a>
31− </div>
31+ </footer>
3232 </body>
3333</html>
data/example/templates/post.html+11−8
@@ -1,8 +1,11 @@
1−<div class="info">
2− Posted on $date$
3− $if(author)$
4− by $author$
5− $endif$
6−</div>
7−
8−$body$
1+<article>
2+ <section class="header">
3+ Posted on $date$
4+ $if(author)$
5+ by $author$
6+ $endif$
7+ </section>
8+ <section>
9+ $body$
10+ </section>
11+</article>