Skip to content
This repository

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse code

Fixed markup to follow semantic HTML5.

  • Loading branch information...
commit 105c8195829f128d257bc1ce929cd601e6c404e5 1 parent 5f61137
Sean Farrell authored October 17, 2012
78  _layouts/default.html
... ...
@@ -1,35 +1,49 @@
1 1
 <!DOCTYPE html>
2 2
 <html lang="en">
3  
-    <head>
4  
-        <meta charset="utf-8" />
5  
-        <title>{{ page.title }} - {{ site.title }}</title>
6  
-        <meta name="author" content="{{ site.author }}" />
7  
-        <link rel="stylesheet" href="/design/screen.css" />
8  
-        <link rel="alternate" type="application/atom+xml" title="Rioki's Corner Feed" href="/atom.xml" />
9  
-    </head>
10  
-    <body>
11  
-        <div id="page">
12  
-            <div id="social">
13  
-              <span id="twitter"><a href="http://www.twitter.com/rioki1337"><img src="/design/twitter.png" alt="rioki@twitter." /></a></span>
14  
-              <span id="github"><a href="http://www.github.com/rioki"><img src="/design/github.png" alt="rioki@github" /></a></span>
15  
-              <span id="rss"><a href="/atom.xml"><img src="/design/rss.png" alt="atom feed" /></a></span>        
16  
-            </div>
17  
-            <div id="header">
18  
-                <div id="site_title"><a href="/"><img src="/design/rioki.png" alt="Rioki" /></a></div>
19  
-                <div id="topmenu">
20  
-                    <a href="/journal.html">Journal</a>
21  
-                    <a href="/projects.html">Projects</a>
22  
-                    <a href="/about.html">About</a>
23  
-                </div>
24  
-            </div>
25  
-            <div id="content">
26  
-                <h1>{{ page.title }}</h1>
27  
-                {{ content }}
28  
-            </div>
29  
-            <div id="footer">
30  
-                &copy; 2009-2012 {{ site.author }} | 
31  
-                <a href="/imprint.html">Imprint</a>
32  
-            </div>
33  
-        </div>
34  
-    </body>
  3
+  <head>
  4
+    <meta charset="utf-8" />
  5
+    <title>{{ page.title }} - {{ site.title }}</title>
  6
+    <meta name="author" content="{{ site.author }}" />
  7
+    <link rel="stylesheet" href="/design/screen.css" />
  8
+    <link rel="alternate" type="application/atom+xml" title="Rioki's Corner Feed" href="/atom.xml" />
  9
+  </head>
  10
+  <body>    
  11
+    <div id="social">
  12
+      <span id="twitter">
  13
+        <a href="http://www.twitter.com/rioki1337">
  14
+          <img src="/design/twitter.png" alt="rioki@twitter." />
  15
+        </a>
  16
+      </span>
  17
+      <span id="github">
  18
+        <a href="http://www.github.com/rioki">
  19
+          <img src="/design/github.png" alt="rioki@github" />
  20
+        </a>
  21
+      </span>
  22
+      <span id="rss">
  23
+        <a href="/atom.xml">
  24
+          <img src="/design/rss.png" alt="atom feed" />
  25
+        </a>
  26
+      </span>
  27
+    </div>
  28
+    <header>
  29
+      <div id="site_title">
  30
+        <a href="/">
  31
+          <img src="/design/rioki.png" alt="Rioki" />
  32
+        </a>
  33
+      </div>
  34
+      <nav>
  35
+        <a href="/journal.html">Journal</a>
  36
+        <a href="/projects.html">Projects</a>
  37
+        <a href="/about.html">About</a>
  38
+      </nav>
  39
+    </header>
  40
+    <article>
  41
+    <h1>{{ page.title }}</h1>
  42
+    {{ content }}
  43
+    </article>
  44
+    <footer>
  45
+      &#169; 2009-2012 {{ site.author }} | 
  46
+      <a href="/imprint.html">Imprint</a>
  47
+    </footer>    
  48
+  </body>
35 49
 </html>
28  _layouts/post.html
@@ -3,17 +3,19 @@
3 3
 ---
4 4
 {{ content }}
5 5
 
6  
-<div id="disqus_thread"></div>
7  
-<script type="text/javascript">
8  
-    /* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
9  
-    var disqus_shortname = 'rioki'; // required: replace example with your forum shortname
  6
+<aside>
  7
+  <div id="disqus_thread"></div>
  8
+  <script type="text/javascript">
  9
+      /* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
  10
+      var disqus_shortname = 'rioki'; // required: replace example with your forum shortname
10 11
 
11  
-    /* * * DON'T EDIT BELOW THIS LINE * * */
12  
-    (function() {
13  
-        var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
14  
-        dsq.src = 'http://' + disqus_shortname + '.disqus.com/embed.js';
15  
-        (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
16  
-    })();
17  
-</script>
18  
-<noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
19  
-<a href="http://disqus.com" class="dsq-brlink">comments powered by <span class="logo-disqus">Disqus</span></a>
  12
+      /* * * DON'T EDIT BELOW THIS LINE * * */
  13
+      (function() {
  14
+          var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
  15
+          dsq.src = 'http://' + disqus_shortname + '.disqus.com/embed.js';
  16
+          (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
  17
+      })();
  18
+  </script>
  19
+  <noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
  20
+  <a href="http://disqus.com" class="dsq-brlink">comments powered by <span class="logo-disqus">Disqus</span></a>
  21
+</aside>
19  design/screen.css
@@ -14,6 +14,8 @@
14 14
 
15 15
 body {
16 16
     font-family: 'DejaVuSansExtraLight', sans-serif;
  17
+    width: 640px;
  18
+    margin: 0 auto;
17 19
 }
18 20
 
19 21
 a {
@@ -42,12 +44,7 @@ pre {
42 44
 
43 45
 /* Basic Layout */
44 46
 
45  
-#page {
46  
-    width: 640px;
47  
-    margin: 0 auto;
48  
-}
49  
-
50  
-#header {
  47
+header {
51 48
     height: 100px; 
52 49
     clear: both;    
53 50
 }
@@ -61,27 +58,27 @@ pre {
61 58
     text-align: right;
62 59
 }
63 60
 
64  
-#topmenu {
  61
+nav {
65 62
     float: right;
66 63
     margin: 25px 0;
67 64
 }
68 65
 
69  
-#topmenu a {
  66
+nav a {
70 67
     font-weight: normal;
71 68
     font-size: 175%;
72 69
 }
73 70
 
74  
-#content {
  71
+article {
75 72
     text-align: justify;
76 73
     clear: both;
77 74
 }
78 75
 
79  
-#content img {
  76
+article img {
80 77
     margin: 5px;
81 78
     max-width: 640px;
82 79
 }
83 80
 
84  
-#footer {
  81
+footer {
85 82
     margin-top: 10px;
86 83
     border-top: 1px solid silver;
87 84
     text-align: center;

0 notes on commit 105c819

Please sign in to comment.
Something went wrong with that request. Please try again.