git.sur5r.net Git - i3/i3.github.io/blob - _docs/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         <section>
  46         <h2>Basics</h2>
  47         <table>
  48                 <tr>
  49                         <td><img class="i3mod" src="logo-30.png" alt="" />+<kbd></kbd>
  50                         <td>open new terminal
  51
  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         </table>
  68         </section>
  69
  70
  71         <section>
  72         <h2>Changing the container layout</h2>
  73         <table>
  74                 <tr>
  75                         <td><img class="i3mod" src="logo-30.png" alt="" />+<kbd>e</kbd>
  76                         <td>default
  77
  78                 <tr>
  79                         <td><img class="i3mod" src="logo-30.png" alt="" />+<kbd>s</kbd>
  80                         <td>stacking
  81
  82                 <tr>
  83                         <td><img class="i3mod" src="logo-30.png" alt="" />+<kbd>w</kbd>
  84                         <td>tabbed
  85         </table>
  86         </section>
  87
  88 </div><div>
  89
  90         <section>
  91         <h2>Fullscreen mode</h2>
  92         <table>
  93                 <tr>
  94                         <td><img class="i3mod" src="logo-30.png" alt="" />+<kbd>f</kbd>
  95                         <td>toggle fullscreen
  96         </table>
  97         </section>
  98
  99
 100         <section>
 101         <h2>Opening other applications</h2>
 102         <table>
 103                 <tr>
 104                         <td><img class="i3mod" src="logo-30.png" alt="" />+<kbd>d</kbd>
 105                         <td>open application (with dmenu)
 106         </table>
 107
 108
 109         <section>
 110         <h2>Closing windows</h2>
 111         <table>
 112                 <tr>
 113                         <td><img class="i3mod" src="logo-30.png" alt="" />+<kbd> </kbd>+ <kbd>q</kbd>
 114                         <td>kill a window
 115         </table>
 116         </section>
 117
 118
 119         <section>
 120         <h2>Using workspaces</h2>
 121         <table>
 122                 <tr>
 123                         <td><img class="i3mod" src="logo-30.png" alt="" />+<kbd>1</kbd>–<kbd>9</kbd>
 124                         <td>switch to another workspace
 125         </table>
 126         </section>
 127
 128
 129         <section>
 130         <h2>Moving windows to workspaces</h2>
 131         <table>
 132                 <tr>
 133                         <td><img class="i3mod" src="logo-30.png" alt="" />+<kbd></kbd> + <kbd>1</kbd>–<kbd>9</kbd>
 134                         <td>move a window to another workspace
 135         </table>
 136         </section>
 137
 138 </div><div>
 139
 140         <section>
 141         <h2>Resizing</h2>
 142         <p class="ref">Look at “Resizing containers / windows” section of the user guide.</p>
 143         </section>
 144
 145
 146         <section>
 147         <h2>Restart / Exit</h2>
 148         <table>
 149                 <tr>
 150                         <td><img class="i3mod" src="logo-30.png" alt="" />+<kbd></kbd> + <kbd>r</kbd>
 151                         <td>restart i3 inplace
 152
 153                 <tr>
 154                         <td><img class="i3mod" src="logo-30.png" alt="" />+<kbd></kbd> + <kbd>e</kbd>
 155
 156         </section><td>exit i3
 157         </table>
 158
 159
 160         <section>
 161         <h2>Floating</h2>
 162         <table>
 163                 <tr>
 164                         <td><img class="i3mod" src="logo-30.png" alt="" />+<kbd></kbd> + <kbd></kbd>
 165                         <td>toggle floating
 166
 167                 <tr>
 168                         <td><img class="i3mod" src="logo-30.png" alt="" />+<kbd></kbd>
 169                         <td>drag floating
 170         </table>
 171         </section>
 172
 173         <!-- footer -->
 174         <p id="copyright">
 175                 Copyright © 2012, Michael Stapelberg
 176                 <br />
 177                 All rights reserved
 178                 <br />
 179                 Designed by Zeus Panchenko
 180         </p>
 181         <p id="licence">
 182                 Permission is granted to copy, distribute and/or modify this document provided
 183                 the copyright notice and this permission notice are preserved on all copies.
 184         </p>
 185 </div></body>
 186 </html>