Update website to use the new design

This commit is contained in:
Michael Stapelberg 2009-08-07 20:48:56 +02:00
parent 51ad4baa41
commit cdfbcbb280
5 changed files with 129 additions and 33 deletions

View File

@ -10,52 +10,70 @@
<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>
</li>
<li>
<strong><a href="/contact/">Contact</a></strong>
<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>
<h2>Contact</h2>

View File

@ -10,40 +10,56 @@
<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>
<strong><a href="/docs/">Documentation</a></strong>
<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>
@ -52,10 +68,13 @@ li {
<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;">
<h2>Documentation</h2>
<p>

View File

@ -10,40 +10,56 @@
<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>
<strong><a href="/downloads/">Downloads</a></strong>
<a href="/downloads/">Downloads</a>
</li>
<li>
<a href="/screenshots/">Screenshots</a>
<a href="/screenshots/">Screens</a>
</li>
<li>
<a href="/bugs">Bugtracker</a>
@ -52,10 +68,13 @@ li {
<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;">
<h2>Distribution</h2>
<p>

View File

@ -10,40 +10,56 @@
<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>
@ -52,10 +68,16 @@ li {
<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, didnt
provide some features we wanted (Xinerama done right, for example), had some

View File

@ -10,40 +10,56 @@
<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>
<strong><a href="/screenshots/">Screenshots</a></strong>
<a href="/screenshots/">Screens</a>
</li>
<li>
<a href="/bugs">Bugtracker</a>
@ -52,10 +68,12 @@ li {
<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;">
<h2>Screenshots</h2>
<p>
@ -73,7 +91,7 @@ li {
<a href="/screenshots/i3-3.png">i3 v3.α-bf1</a>, PCManFM, ROXTerm, evince, i3status + dzen2
</li>
<li>
<a href="/screenshots/i3-4.png">i3 v3.b (not yet released)</a>, Atsutane had too much free time and formed an i3 logo out of terminals :-)
<a href="/screenshots/i3-4.png">i3 v3.β</a>, Atsutane had too much free time and formed an i3 logo out of terminals :-)
</li>
<li>
<a href="/screenshots/i3-5.png">i3 v3.α-bf2</a>, mc, vim, xosview, mplayer, irssi, gajim, i3status