git.sur5r.net Git - i3/i3.github.io/blob - docs/4.14/refcard.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   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; }
  28         </style>
  29         <style type="text/css" media="print">
  30                 html { font-size: 13px; }
  31         </style>
  32 </head>
  33 <body><div>
  34         <header>
  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>
  38                 <p>
  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.
  42                 </p>
  43         </header>
  44
  45
  46         <section>
  47         <h2>Basics</h2>
  48         <table>
  49                 <tr>
  50                         <td><img class="i3mod" src="logo-30.png" alt="" /> + <kbd></kbd>
  51                         <td>open new terminal
  52                 <tr>
  53                         <td><img class="i3mod" src="logo-30.png" alt="" /> + <kbd>j</kbd>
  54                         <td>focus left
  55
  56                 <tr>
  57                         <td><img class="i3mod" src="logo-30.png" alt="" /> + <kbd>k</kbd>
  58                         <td>focus down
  59
  60                 <tr>
  61                         <td><img class="i3mod" src="logo-30.png" alt="" /> + <kbd>l</kbd>
  62                         <td>focus up
  63
  64                 <tr>
  65                         <td><img class="i3mod" src="logo-30.png" alt="" /> + <kbd>;</kbd>
  66                         <td>focus right
  67                 <tr>
  68                         <td><img class="i3mod" src="logo-30.png" alt="" /> + <kbd>a</kbd>
  69                         <td>focus parent
  70                 <tr>
  71                         <td><img class="i3mod" src="logo-30.png" alt="" /> + <kbd></kbd>
  72                         <td>toggle focus mode
  73         </table>
  74         </section>
  75
  76         <section>
  77         <h2>Moving windows</h2>
  78         <table>
  79                 <tr>
  80                         <td><img class="i3mod" src="logo-30.png" alt="" /> + <kbd></kbd> + <kbd>j</kbd>
  81                         <td>move window left
  82                 <tr>
  83                         <td><img class="i3mod" src="logo-30.png" alt="" /> + <kbd></kbd> + <kbd>k</kbd>
  84                         <td>move window down
  85                 <tr>
  86                         <td><img class="i3mod" src="logo-30.png" alt="" /> + <kbd></kbd> + <kbd>l</kbd>
  87                         <td>move window up
  88                 <tr>
  89                         <td><img class="i3mod" src="logo-30.png" alt="" /> + <kbd></kbd> + <kbd>;</kbd>
  90                         <td>move window right
  91         </table>
  92         </section>
  93
  94 </div><div>
  95
  96         <section>
  97         <h2>Modifying windows</h2>
  98         <table>
  99                 <tr>
 100                         <td><img class="i3mod" src="logo-30.png" alt="" /> + <kbd>f</kbd>
 101                         <td>toggle fullscreen
 102                 <tr>
 103                         <td><img class="i3mod" src="logo-30.png" alt="" /> + <kbd>v</kbd>
 104                         <td>split a window vertically
 105                 <tr>
 106                         <td><img class="i3mod" src="logo-30.png" alt="" /> + <kbd>h</kbd>
 107                         <td>split a window horizontally
 108                 <tr>
 109                         <td><img class="i3mod" src="logo-30.png" alt="" /> + <kbd>r</kbd>
 110                         <td>resize mode
 111         </table>
 112         <p class="ref">Look at the “Resizing containers / windows” section of the user guide.</p>
 113         </section>
 114
 115         <section>
 116         <h2>Changing the container layout</h2>
 117         <table>
 118                 <tr>
 119                         <td><img class="i3mod" src="logo-30.png" alt="" /> + <kbd>e</kbd>
 120                         <td>default
 121
 122                 <tr>
 123                         <td><img class="i3mod" src="logo-30.png" alt="" /> + <kbd>s</kbd>
 124                         <td>stacking
 125
 126                 <tr>
 127                         <td><img class="i3mod" src="logo-30.png" alt="" /> + <kbd>w</kbd>
 128                         <td>tabbed
 129         </table>
 130         </section>
 131
 132         <section>
 133         <h2>Floating</h2>
 134         <table>
 135                 <tr>
 136                         <td><img class="i3mod" src="logo-30.png" alt="" /> + <kbd></kbd> + <kbd></kbd>
 137                         <td>toggle floating
 138                 <tr>
 139                         <td><img class="i3mod" src="logo-30.png" alt="" /> + <kbd></kbd>
 140                         <td>drag floating
 141         </table>
 142         </section>
 143
 144
 145         <section>
 146         <h2>Using workspaces</h2>
 147         <table>
 148                 <tr>
 149                         <td><img class="i3mod" src="logo-30.png" alt="" /> + <kbd>0</kbd>-<kbd>9</kbd>
 150                         <td>switch to another workspace
 151                 <tr>
 152                         <td><img class="i3mod" src="logo-30.png" alt="" /> + <kbd></kbd> + <kbd>0</kbd>-<kbd>9</kbd>
 153                         <td>move a window to another workspace
 154         </table>
 155         </section>
 156
 157 </div><div>
 158
 159         <section>
 160         <h2>Opening applications / Closing windows</h2>
 161         <table>
 162                 <tr>
 163                         <td><img class="i3mod" src="logo-30.png" alt="" /> + <kbd>d</kbd>
 164                         <td>open application launcher (dmenu)
 165                 <tr>
 166                         <td><img class="i3mod" src="logo-30.png" alt="" /> + <kbd></kbd> + <kbd>q</kbd>
 167                         <td>kill a window
 168         </table>
 169         </section>
 170
 171         <section>
 172         <h2>Restart / Exit</h2>
 173         <table>
 174                 <tr>
 175                         <td><img class="i3mod" src="logo-30.png" alt="" /> + <kbd></kbd> + <kbd>c</kbd>
 176                         <td>reload the configuration file
 177                 <tr>
 178                         <td><img class="i3mod" src="logo-30.png" alt="" /> + <kbd></kbd> + <kbd>r</kbd>
 179                         <td>restart i3 inplace
 180
 181                 <tr>
 182                         <td><img class="i3mod" src="logo-30.png" alt="" /> + <kbd></kbd> + <kbd>e</kbd>
 183                         <td>exit i3
 184         </section>
 185         </table>
 186
 187
 188         <!-- footer -->
 189         <p id="copyright">
 190                 Copyright © 2012, Michael Stapelberg
 191                 <br />
 192                 All rights reserved
 193                 <br />
 194                 Designed by Zeus Panchenko, updated by Moritz Bandemer
 195         </p>
 196         <p id="licence">
 197                 Permission is granted to copy, distribute and/or modify this document provided
 198                 the copyright notice and this permission notice are preserved on all copies.
 199         </p>
 200 </div></body>
 201 </html>