Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Browse files

Fixed markup to follow semantic HTML5.

  • Loading branch information...
commit 105c8195829f128d257bc1ce929cd601e6c404e5 1 parent 5f61137
@rioki authored
Showing with 69 additions and 56 deletions.
  1. +46 −32 _layouts/default.html
  2. +15 −13 _layouts/post.html
  3. +8 −11 design/screen.css
View
78 _layouts/default.html
@@ -1,35 +1,49 @@
<!DOCTYPE html>
<html lang="en">
- <head>
- <meta charset="utf-8" />
- <title>{{ page.title }} - {{ site.title }}</title>
- <meta name="author" content="{{ site.author }}" />
- <link rel="stylesheet" href="/design/screen.css" />
- <link rel="alternate" type="application/atom+xml" title="Rioki's Corner Feed" href="/atom.xml" />
- </head>
- <body>
- <div id="page">
- <div id="social">
- <span id="twitter"><a href="http://www.twitter.com/rioki1337"><img src="/design/twitter.png" alt="rioki@twitter." /></a></span>
- <span id="github"><a href="http://www.github.com/rioki"><img src="/design/github.png" alt="rioki@github" /></a></span>
- <span id="rss"><a href="/atom.xml"><img src="/design/rss.png" alt="atom feed" /></a></span>
- </div>
- <div id="header">
- <div id="site_title"><a href="/"><img src="/design/rioki.png" alt="Rioki" /></a></div>
- <div id="topmenu">
- <a href="/journal.html">Journal</a>
- <a href="/projects.html">Projects</a>
- <a href="/about.html">About</a>
- </div>
- </div>
- <div id="content">
- <h1>{{ page.title }}</h1>
- {{ content }}
- </div>
- <div id="footer">
- &copy; 2009-2012 {{ site.author }} |
- <a href="/imprint.html">Imprint</a>
- </div>
- </div>
- </body>
+ <head>
+ <meta charset="utf-8" />
+ <title>{{ page.title }} - {{ site.title }}</title>
+ <meta name="author" content="{{ site.author }}" />
+ <link rel="stylesheet" href="/design/screen.css" />
+ <link rel="alternate" type="application/atom+xml" title="Rioki's Corner Feed" href="/atom.xml" />
+ </head>
+ <body>
+ <div id="social">
+ <span id="twitter">
+ <a href="http://www.twitter.com/rioki1337">
+ <img src="/design/twitter.png" alt="rioki@twitter." />
+ </a>
+ </span>
+ <span id="github">
+ <a href="http://www.github.com/rioki">
+ <img src="/design/github.png" alt="rioki@github" />
+ </a>
+ </span>
+ <span id="rss">
+ <a href="/atom.xml">
+ <img src="/design/rss.png" alt="atom feed" />
+ </a>
+ </span>
+ </div>
+ <header>
+ <div id="site_title">
+ <a href="/">
+ <img src="/design/rioki.png" alt="Rioki" />
+ </a>
+ </div>
+ <nav>
+ <a href="/journal.html">Journal</a>
+ <a href="/projects.html">Projects</a>
+ <a href="/about.html">About</a>
+ </nav>
+ </header>
+ <article>
+ <h1>{{ page.title }}</h1>
+ {{ content }}
+ </article>
+ <footer>
+ &#169; 2009-2012 {{ site.author }} |
+ <a href="/imprint.html">Imprint</a>
+ </footer>
+ </body>
</html>
View
28 _layouts/post.html
@@ -3,17 +3,19 @@
---
{{ content }}
-<div id="disqus_thread"></div>
-<script type="text/javascript">
- /* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
- var disqus_shortname = 'rioki'; // required: replace example with your forum shortname
+<aside>
+ <div id="disqus_thread"></div>
+ <script type="text/javascript">
+ /* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
+ var disqus_shortname = 'rioki'; // required: replace example with your forum shortname
- /* * * DON'T EDIT BELOW THIS LINE * * */
- (function() {
- var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
- dsq.src = 'http://' + disqus_shortname + '.disqus.com/embed.js';
- (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
- })();
-</script>
-<noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
-<a href="http://disqus.com" class="dsq-brlink">comments powered by <span class="logo-disqus">Disqus</span></a>
+ /* * * DON'T EDIT BELOW THIS LINE * * */
+ (function() {
+ var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
+ dsq.src = 'http://' + disqus_shortname + '.disqus.com/embed.js';
+ (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
+ })();
+ </script>
+ <noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
+ <a href="http://disqus.com" class="dsq-brlink">comments powered by <span class="logo-disqus">Disqus</span></a>
+</aside>
View
19 design/screen.css
@@ -14,6 +14,8 @@
body {
font-family: 'DejaVuSansExtraLight', sans-serif;
+ width: 640px;
+ margin: 0 auto;
}
a {
@@ -42,12 +44,7 @@ pre {
/* Basic Layout */
-#page {
- width: 640px;
- margin: 0 auto;
-}
-
-#header {
+header {
height: 100px;
clear: both;
}
@@ -61,27 +58,27 @@ pre {
text-align: right;
}
-#topmenu {
+nav {
float: right;
margin: 25px 0;
}
-#topmenu a {
+nav a {
font-weight: normal;
font-size: 175%;
}
-#content {
+article {
text-align: justify;
clear: both;
}
-#content img {
+article img {
margin: 5px;
max-width: 640px;
}
-#footer {
+footer {
margin-top: 10px;
border-top: 1px solid silver;
text-align: center;
Please sign in to comment.
Something went wrong with that request. Please try again.