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"> <style type="text/css">
body { body {
text-align: justify; text-align: justify;
max-width: 800px; max-width: 900px;
background-color: #1e1e1e;
color: #c0c0c0;
} }
li { ol li {
margin-bottom: 10px; margin-bottom: 10px;
} }
#menu { #menu {
margin-left: -15px;
overflow: hidden; overflow: hidden;
list-style-type: none; list-style-type: none;
} }
#menu li { #menu li {
margin-left: 30px; margin-left: 30px;
margin-right: 30px; margin-right: 30px;
float: left; float: left;
} }
a {
color: #c0c0c0;
text-decoration: underline;
}
</style> </style>
</head> </head>
<body> <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"> <ul id="menu">
<li> <li>
<a href="/">Goals</a> <a href="/">Goals</a>
</li> </li>
<li> <li>
<a href="/docs/">Documentation</a> <a href="/docs/">Docs</a>
</li> </li>
<li> <li>
<a href="/downloads/">Downloads</a> <a href="/downloads/">Downloads</a>
</li> </li>
<li> <li>
<a href="/screenshots/">Screenshots</a> <a href="/screenshots/">Screens</a>
</li> </li>
<li> <li>
<a href="/bugs">Bugtracker</a> <a href="/bugs">Bugtracker</a>
</li> </li>
<li> <li>
<strong><a href="/contact/">Contact</a></strong> <a href="/contact/">Contact</a>
</li> </li>
<li> <li>
<a href="/impress.html">Impressum/Imprint</a> <a href="/impress.html">Impressum</a>
</li> </li>
</ul> </ul>
<hr style="border: 1px solid black; clear: both; margin-top: 15px;">
<p> <p>
<h2>Contact</h2> <h2>Contact</h2>

View File

@ -10,40 +10,56 @@
<style type="text/css"> <style type="text/css">
body { body {
text-align: justify; text-align: justify;
max-width: 800px; max-width: 900px;
background-color: #1e1e1e;
color: #c0c0c0;
} }
li { ol li {
margin-bottom: 10px; margin-bottom: 10px;
} }
#menu { #menu {
margin-left: -15px;
overflow: hidden; overflow: hidden;
list-style-type: none; list-style-type: none;
} }
#menu li { #menu li {
margin-left: 30px; margin-left: 30px;
margin-right: 30px; margin-right: 30px;
float: left; float: left;
} }
a {
color: #c0c0c0;
text-decoration: underline;
}
</style> </style>
</head> </head>
<body> <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"> <ul id="menu">
<li> <li>
<a href="/">Goals</a> <a href="/">Goals</a>
</li> </li>
<li> <li>
<strong><a href="/docs/">Documentation</a></strong> <a href="/docs/">Docs</a>
</li> </li>
<li> <li>
<a href="/downloads/">Downloads</a> <a href="/downloads/">Downloads</a>
</li> </li>
<li> <li>
<a href="/screenshots/">Screenshots</a> <a href="/screenshots/">Screens</a>
</li> </li>
<li> <li>
<a href="/bugs">Bugtracker</a> <a href="/bugs">Bugtracker</a>
@ -52,10 +68,13 @@ li {
<a href="/contact/">Contact</a> <a href="/contact/">Contact</a>
</li> </li>
<li> <li>
<a href="/impress.html">Impressum/Imprint</a> <a href="/impress.html">Impressum</a>
</li> </li>
</ul> </ul>
<hr style="border: 1px solid black; clear: both; margin-top: 15px;">
<h2>Documentation</h2> <h2>Documentation</h2>
<p> <p>

View File

@ -10,40 +10,56 @@
<style type="text/css"> <style type="text/css">
body { body {
text-align: justify; text-align: justify;
max-width: 800px; max-width: 900px;
background-color: #1e1e1e;
color: #c0c0c0;
} }
li { ol li {
margin-bottom: 10px; margin-bottom: 10px;
} }
#menu { #menu {
margin-left: -15px;
overflow: hidden; overflow: hidden;
list-style-type: none; list-style-type: none;
} }
#menu li { #menu li {
margin-left: 30px; margin-left: 30px;
margin-right: 30px; margin-right: 30px;
float: left; float: left;
} }
a {
color: #c0c0c0;
text-decoration: underline;
}
</style> </style>
</head> </head>
<body> <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"> <ul id="menu">
<li> <li>
<a href="/">Goals</a> <a href="/">Goals</a>
</li> </li>
<li> <li>
<a href="/docs/">Documentation</a> <a href="/docs/">Docs</a>
</li> </li>
<li> <li>
<strong><a href="/downloads/">Downloads</a></strong> <a href="/downloads/">Downloads</a>
</li> </li>
<li> <li>
<a href="/screenshots/">Screenshots</a> <a href="/screenshots/">Screens</a>
</li> </li>
<li> <li>
<a href="/bugs">Bugtracker</a> <a href="/bugs">Bugtracker</a>
@ -52,10 +68,13 @@ li {
<a href="/contact/">Contact</a> <a href="/contact/">Contact</a>
</li> </li>
<li> <li>
<a href="/impress.html">Impressum/Imprint</a> <a href="/impress.html">Impressum</a>
</li> </li>
</ul> </ul>
<hr style="border: 1px solid black; clear: both; margin-top: 15px;">
<h2>Distribution</h2> <h2>Distribution</h2>
<p> <p>

View File

@ -10,40 +10,56 @@
<style type="text/css"> <style type="text/css">
body { body {
text-align: justify; text-align: justify;
max-width: 800px; max-width: 900px;
background-color: #1e1e1e;
color: #c0c0c0;
} }
li { ol li {
margin-bottom: 10px; margin-bottom: 10px;
} }
#menu { #menu {
margin-left: -15px;
overflow: hidden; overflow: hidden;
list-style-type: none; list-style-type: none;
} }
#menu li { #menu li {
margin-left: 30px; margin-left: 30px;
margin-right: 30px; margin-right: 30px;
float: left; float: left;
} }
a {
color: #c0c0c0;
text-decoration: underline;
}
</style> </style>
</head> </head>
<body> <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"> <ul id="menu">
<li> <li>
<a href="/">Goals</a> <a href="/">Goals</a>
</li> </li>
<li> <li>
<a href="/docs/">Documentation</a> <a href="/docs/">Docs</a>
</li> </li>
<li> <li>
<a href="/downloads/">Downloads</a> <a href="/downloads/">Downloads</a>
</li> </li>
<li> <li>
<a href="/screenshots/">Screenshots</a> <a href="/screenshots/">Screens</a>
</li> </li>
<li> <li>
<a href="/bugs">Bugtracker</a> <a href="/bugs">Bugtracker</a>
@ -52,10 +68,16 @@ li {
<a href="/contact/">Contact</a> <a href="/contact/">Contact</a>
</li> </li>
<li> <li>
<a href="/impress.html">Impressum/Imprint</a> <a href="/impress.html">Impressum</a>
</li> </li>
</ul> </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> <p>
i3 was created because wmii, our favorite window manager at the time, didnt 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 provide some features we wanted (Xinerama done right, for example), had some

View File

@ -10,40 +10,56 @@
<style type="text/css"> <style type="text/css">
body { body {
text-align: justify; text-align: justify;
max-width: 800px; max-width: 900px;
background-color: #1e1e1e;
color: #c0c0c0;
} }
li { ol li {
margin-bottom: 10px; margin-bottom: 10px;
} }
#menu { #menu {
margin-left: -15px;
overflow: hidden; overflow: hidden;
list-style-type: none; list-style-type: none;
} }
#menu li { #menu li {
margin-left: 30px; margin-left: 30px;
margin-right: 30px; margin-right: 30px;
float: left; float: left;
} }
a {
color: #c0c0c0;
text-decoration: underline;
}
</style> </style>
</head> </head>
<body> <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"> <ul id="menu">
<li> <li>
<a href="/">Goals</a> <a href="/">Goals</a>
</li> </li>
<li> <li>
<a href="/docs/">Documentation</a> <a href="/docs/">Docs</a>
</li> </li>
<li> <li>
<a href="/downloads/">Downloads</a> <a href="/downloads/">Downloads</a>
</li> </li>
<li> <li>
<strong><a href="/screenshots/">Screenshots</a></strong> <a href="/screenshots/">Screens</a>
</li> </li>
<li> <li>
<a href="/bugs">Bugtracker</a> <a href="/bugs">Bugtracker</a>
@ -52,10 +68,12 @@ li {
<a href="/contact/">Contact</a> <a href="/contact/">Contact</a>
</li> </li>
<li> <li>
<a href="/impress.html">Impressum/Imprint</a> <a href="/impress.html">Impressum</a>
</li> </li>
</ul> </ul>
<hr style="border: 1px solid black; clear: both; margin-top: 15px;">
<h2>Screenshots</h2> <h2>Screenshots</h2>
<p> <p>
@ -73,7 +91,7 @@ li {
<a href="/screenshots/i3-3.png">i3 v3.α-bf1</a>, PCManFM, ROXTerm, evince, i3status + dzen2 <a href="/screenshots/i3-3.png">i3 v3.α-bf1</a>, PCManFM, ROXTerm, evince, i3status + dzen2
</li> </li>
<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>
<li> <li>
<a href="/screenshots/i3-5.png">i3 v3.α-bf2</a>, mc, vim, xosview, mplayer, irssi, gajim, i3status <a href="/screenshots/i3-5.png">i3 v3.α-bf2</a>, mc, vim, xosview, mplayer, irssi, gajim, i3status