4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
5 <title>i3 Reference Card</title>
6 <link rel="stylesheet" href="refcard_style.css" />
7 <style type="text/css">
8 * { margin: 0; padding: 0; vertical-align: middle; }
9 html { font-family: LinuxLibertine, Linux Libertine O, Linux Libertine, serif; font-size: 15px; /* column-count: 3; column-gap: 10px; -moz-column-count: 3; -moz-column-gap: 10px; -webkit-column-count: 3; -webkit-column-gap: 10px; */ }
10 body > div { display: inline-block; width: 33%; margin: 0.25%; vertical-align: top; }
11 body > div:first-child { margin-left: 0; }
12 body > div:last-child { margin-right: 0; }
13 #logo { float: left; width: 40px; margin: 7px; }
14 header { font-size: 1.1em; text-align: center; }
15 h1 { font-size: 1.1em; }
16 header a { font-size: 0.7em; }
17 header p { margin: 5px 0; font-size: 0.8em; text-align: left; }
18 kbd { font-family: LinuxBiolinumKeyboard, Linux Biolinum Keyboard O, Linux Biolinum Keyboard, DejaVu Sans Mono, monospace; font-size: 0.9em; }
19 code { font-family: DejaVu Sans Mono, monospace; font-size: 0.8em; }
20 section { break-inside: avoid-column; -moz-break-inside: -moz-avoid-column; -webkit-break-inside: avoid-column; }
21 h2 { margin: 7px 0 2px; padding: 2px 4px; font-size: 1.1em; font-family: LinuxBiolinum, Linux Biolinum O, Linux Biolinum, sans; background-color: #b3b3b3; }
22 table { width: 100%; }
23 .i3mod { width: 15px; }
24 td:last-child { text-align: right; }
25 .ref { font-size: 0.8em; }
26 #copyright { margin: 20px 0 15px; font-size: 0.7em; text-align: center; }
27 #licence { max-width: 70%; margin: 3px auto; font-size: 0.6em; text-align: right; }
29 <style type="text/css" media="print">
30 html { font-size: 13px; }
35 <img id="logo" src="logo-30.png" alt="" />
36 <h1>i3 Reference Card</h1>
37 <a href="http://i3wm.org/docs/userguide.html">http://i3wm.org/docs/userguide.html</a>
39 Throughout this guide, the i3 logo will be used to refer to the configured modifier.
40 This is the <kbd></kbd> key (<code>Mod1</code>) by default,
41 with super/<kbd></kbd> (<code>Mod4</code>) being a popular alternative.
50 <td><img class="i3mod" src="logo-30.png" alt="" /> + <kbd></kbd>
53 <td><img class="i3mod" src="logo-30.png" alt="" /> + <kbd>j</kbd>
57 <td><img class="i3mod" src="logo-30.png" alt="" /> + <kbd>k</kbd>
61 <td><img class="i3mod" src="logo-30.png" alt="" /> + <kbd>l</kbd>
65 <td><img class="i3mod" src="logo-30.png" alt="" /> + <kbd>;</kbd>
68 <td><img class="i3mod" src="logo-30.png" alt="" /> + <kbd></kbd>
74 <h2>Moving windows</h2>
77 <td><img class="i3mod" src="logo-30.png" alt="" /> + <kbd></kbd> + <kbd>j</kbd>
80 <td><img class="i3mod" src="logo-30.png" alt="" /> + <kbd></kbd> + <kbd>k</kbd>
83 <td><img class="i3mod" src="logo-30.png" alt="" /> + <kbd></kbd> + <kbd>l</kbd>
86 <td><img class="i3mod" src="logo-30.png" alt="" /> + <kbd></kbd> + <kbd>;</kbd>
94 <h2>Modifying windows</h2>
97 <td><img class="i3mod" src="logo-30.png" alt="" /> + <kbd>f</kbd>
100 <td><img class="i3mod" src="logo-30.png" alt="" /> + <kbd>v</kbd>
101 <td>split a window vertically
103 <td><img class="i3mod" src="logo-30.png" alt="" /> + <kbd>h</kbd>
104 <td>split a window horizontally
106 <td><img class="i3mod" src="logo-30.png" alt="" /> + <kbd>r</kbd>
109 <p class="ref">Look at the “Resizing containers / windows” section of the user guide.</p>
113 <h2>Changing the container layout</h2>
116 <td><img class="i3mod" src="logo-30.png" alt="" /> + <kbd>e</kbd>
120 <td><img class="i3mod" src="logo-30.png" alt="" /> + <kbd>s</kbd>
124 <td><img class="i3mod" src="logo-30.png" alt="" /> + <kbd>w</kbd>
133 <td><img class="i3mod" src="logo-30.png" alt="" /> + <kbd></kbd> + <kbd></kbd>
136 <td><img class="i3mod" src="logo-30.png" alt="" /> + <kbd></kbd>
143 <h2>Using workspaces</h2>
146 <td><img class="i3mod" src="logo-30.png" alt="" /> + <kbd>0</kbd>-<kbd>9</kbd>
147 <td>switch to another workspace
149 <td><img class="i3mod" src="logo-30.png" alt="" /> + <kbd></kbd> + <kbd>0</kbd>-<kbd>9</kbd>
150 <td>move a window to another workspace
157 <h2>Opening applications / Closing windows</h2>
160 <td><img class="i3mod" src="logo-30.png" alt="" /> + <kbd>d</kbd>
161 <td>open application launcher (dmenu)
163 <td><img class="i3mod" src="logo-30.png" alt="" /> + <kbd></kbd> + <kbd>q</kbd>
169 <h2>Restart / Exit</h2>
172 <td><img class="i3mod" src="logo-30.png" alt="" /> + <kbd></kbd> + <kbd>c</kbd>
173 <td>reload the configuration file
175 <td><img class="i3mod" src="logo-30.png" alt="" /> + <kbd></kbd> + <kbd>r</kbd>
176 <td>restart i3 inplace
179 <td><img class="i3mod" src="logo-30.png" alt="" /> + <kbd></kbd> + <kbd>e</kbd>
187 Copyright © 2012, Michael Stapelberg
191 Designed by Zeus Panchenko, updated by Moritz Bandemer
194 Permission is granted to copy, distribute and/or modify this document provided
195 the copyright notice and this permission notice are preserved on all copies.