update stylesheet to work better on small screens
[software/elephly-net.git] / templates / default.html
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
5 <meta http-equiv="Content-Language" content="en" />
6 <meta name="viewport" content="width=device-width" />
7 <title>rekado - $title$</title>
8 <link rel="openid2.provider" href="https://openid.stackexchange.com/openid/provider" />
9 <link rel="openid2.local_id" href="https://openid.stackexchange.com/user/0f8f09d4-a2f3-429f-8752-b53a328c255c" />
10 <link rel="stylesheet" media="screen" type="text/css" href="/css/reset.css" />
11 <link rel="stylesheet" media="screen" type="text/css" href="/css/screen.css" />
12 <link rel="shortcut icon" href="http://elephly.net/favicon.ico" />
13 <script type="text/javascript" src="/js/libs/jquery-1.6.2.min.js"></script>
14 <script type="text/javascript" src="/js/deobfuscate.js"></script>
15 <script type="text/javascript" src="/js/hyphenator/Hyphenator.js"></script>
16 <script type="text/javascript">
17 Hyphenator.run();
18 </script>
19 </head>
20 <body id="top">
21 <div id="navigation">
22 <a href="/"><img id="logo" alt="logo" src="/images/logo.png"/></a>
23 <ul>
24 <li><a href="/about.html">About</a></li>
25 <li><a href="/projects.html">Projects</a></li>
26 <li><a href="/ecology.html">Ecology</a></li>
27 <li><a href="/posts">Blog</a></li>
28 <li><a href="/elephly.html">Elephly</a></li>
29 <li><a href="/fur-man.html">Fur man</a></li>
30 </ul>
31 </div>
32
33 <div id="page" class="hyphenate">
34 $body$
35 </div>
36 </body>
37 </html>