<style type="text/css">
body {
text-align: justify;
- max-width: 800px;
+ max-width: 900px;
+ background-color: #1e1e1e;
+ color: #c0c0c0;
}
-li {
+ol li {
margin-bottom: 10px;
}
+
#menu {
+ margin-left: -15px;
overflow: hidden;
list-style-type: none;
}
+
#menu li {
margin-left: 30px;
margin-right: 30px;
float: left;
}
+a {
+ color: #c0c0c0;
+ text-decoration: underline;
+}
+
</style>
</head>
<body>
-<h1>i3 - an improved dynamic tiling window manager</h1>
+<img width="131" height="125" src="http://i3.zekjur.net/logo.png" style="margin-right: 15px" alt="logo" id="logo" align="left">
+
+<h1 style="color: red; font-family: georgia; font-size: 3em;margin-bottom: 0;">i3</h1>
+<h1 style="font-family: georgia; font-size: 2em;margin-bottom: 0;">improved tiling wm</h1>
+
+<br style="height: 0; clear: both;">
+<hr style="border: 1px solid black; clear: both; margin-top: 5px;">
<ul id="menu">
<li>
<a href="/">Goals</a>
</li>
<li>
- <a href="/docs/">Documentation</a>
+ <a href="/docs/">Docs</a>
</li>
<li>
<a href="/downloads/">Downloads</a>
</li>
<li>
- <a href="/screenshots/">Screenshots</a>
+ <a href="/screenshots/">Screens</a>
</li>
<li>
<a href="/bugs">Bugtracker</a>
<a href="/contact/">Contact</a>
</li>
<li>
- <a href="/impress.html">Impressum/Imprint</a>
+ <a href="/impress.html">Impressum</a>
</li>
</ul>
+<hr style="border: 1px solid black; clear: both; margin-top: 15px;">
+
+<p>
+ i3 is a tiling window manager, completely written from scratch.
+</p>
+
<p>
i3 was created because wmii, our favorite window manager at the time, didn’t
provide some features we wanted (Xinerama done right, for example), had some