git.sur5r.net Git - i3/i3/blob - website/screenshots/index.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <title>i3 - an improved dynamic tiling window manager</title>
   5 <link rel="icon" type="image/png" href="/favicon.png">
   6 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
   7 <meta name="description" content="i3 is a dynamic tiling window manager with clean, readable and documented code, featuring extended Xinerama support, usage of libxcb instead of xlib and several improvements over wmii">
   8 <meta name="keywords" content="i3, window, manager, tiling, keyboard, wmii, x11, xcb, xinerama, utf8">
   9 <meta name="author" content="i3 developers">
  10 <style type="text/css">
  11 body {
  12         text-align: justify;
  13         max-width: 900px;
  14         background-color: #1e1e1e;
  15         color: #c0c0c0;
  16 }
  17
  18 ol li {
  19         margin-bottom: 10px;
  20 }
  21
  22 #menu {
  23         margin-left: -15px;
  24         overflow: hidden;
  25         list-style-type: none;
  26 }
  27
  28 #menu li {
  29         margin-left: 30px;
  30         margin-right: 30px;
  31         float: left;
  32 }
  33
  34 a {
  35         color: #c0c0c0;
  36         text-decoration: underline;
  37 }
  38
  39 </style>
  40 </head>
  41 <body>
  42
  43 <img width="131" height="125" src="http://i3.zekjur.net/logo.png" style="margin-right: 15px" alt="logo" id="logo" align="left">
  44
  45 <h1 style="color: red; font-family: georgia; font-size: 3em;margin-bottom: 0;">i3</h1>
  46 <h1 style="font-family: georgia; font-size: 2em;margin-bottom: 0;">improved tiling wm</h1>
  47
  48 <br style="height: 0; clear: both;">
  49 <hr style="border: 1px solid black; clear: both; margin-top: 5px;">
  50
  51 <ul id="menu">
  52   <li>
  53     <a href="/">Goals</a>
  54   </li>
  55   <li>
  56     <a href="/docs/">Docs</a>
  57   </li>
  58   <li>
  59     <a href="/downloads/">Downloads</a>
  60   </li>
  61   <li>
  62     <a href="/screenshots/">Screens</a>
  63   </li>
  64   <li>
  65     <a href="/bugs">Bugtracker</a>
  66   </li>
  67   <li>
  68     <a href="/contact/">Contact</a>
  69   </li>
  70   <li>
  71     <a href="/impress.html">Impressum</a>
  72   </li>
  73 </ul>
  74
  75 <hr style="border: 1px solid black; clear: both; margin-top: 15px;">
  76
  77 <h2>Screenshots</h2>
  78
  79 <p>
  80   Everyone likes screenshots, so here you go:
  81 </p>
  82
  83 <ul>
  84   <li>
  85     <a href="/screenshots/i3-1.png">i3 v3.α</a>, Firefox with Vimperator-Plugin, VIM, MPlayer, dzen2
  86   </li>
  87   <li>
  88     <a href="/screenshots/i3-2.png">i3 v3.α</a>, Firefox (Vimperator), VIM, xpdf, bc
  89   </li>
  90   <li>
  91     <a href="/screenshots/i3-3.png">i3 v3.α-bf1</a>, PCManFM, ROXTerm, evince, i3status + dzen2
  92   </li>
  93   <li>
  94     <a href="/screenshots/i3-4.png">i3 v3.β</a>, Atsutane had too much free time and formed an i3 logo out of terminals :-)
  95   </li>
  96   <li>
  97     <a href="/screenshots/i3-5.png">i3 v3.α-bf2</a>, mc, vim, xosview, mplayer, irssi, gajim, i3status
  98   </li>
  99   <li>
 100     <a href="/screenshots/i3-6.png">i3 v3.β</a>, vim, zsh, i3status running on FreeBSD
 101   </li>
 102   <li>
 103     <a href="/screenshots/i3-7.png">i3 v3.β</a>, GIMP (with floating toolbars), urxvt (also floating)
 104   </li>
 105   <li>
 106     <a href="/screenshots/i3-8.jpg">i3 v3.γ</a>, git, synergy, htop, i3status + dzen2, urxvt
 107   </li>
 108
 109 </ul>
 110
 111 <h2>Screencasts</h2>
 112
 113 <p>
 114   To see what a window manager actually is like, a video is much better than pictures. Therefore,
 115   we made screencasts:
 116 </p>
 117
 118 <ul>
 119   <li>
 120     <a href="/screenshots/screencast.mkv">i3 v3.α</a> Matroska container with x264 video
 121     (Thanks to Sebastian, sorry for the bad quality)
 122   </li>
 123 </ul>
 124
 125 </body>
 126 </html>