Files
.github
AnyEvent-I3
contrib
debian
docs
GPN-2009-06-27
NoName-2009-03-12
slides-2012-01-25
slides-2012-03-16
asciidoc-git.conf
bigpicture.png
bigpicture.xcf
debugging
hacking-howto
i3-pod2html
i3-sync-working.dia
i3-sync-working.png
i3-sync.dia
i3-sync.png
i3bar-protocol
ipc
keyboard-layer1.png
keyboard-layer1.svg
keyboard-layer2.png
keyboard-layer2.svg
layout-saving
layout-saving-1.png
logo-30.png
modes.png
multi-monitor
refcard.html
refcard_style.css
single_terminal.png
snapping.png
testsuite
tree-layout1.png
tree-layout2.png
tree-shot1.png
tree-shot2.png
tree-shot3.png
tree-shot4.png
two_columns.png
two_terminals.png
userguide
wsbar
wsbar.dia
wsbar.png
etc
i3-config-wizard
i3-dump-log
i3-input
i3-msg
i3-nagbar
i3bar
include
libi3
m4
man
parser-specs
share
src
testcases
travis
.clang-format
.editorconfig
.gitignore
.travis.yml
DEPENDS
I3_VERSION
LICENSE
Makefile.am
PACKAGE-MAINTAINER
README.md
RELEASE-NOTES-4.15
configure.ac
generate-command-parser.pl
i3-dmenu-desktop
i3-migrate-config-to-v4
i3-save-tree
i3-sensible-editor
i3-sensible-pager
i3-sensible-terminal
logo.svg
pseudo-doc.doxygen
release.sh
i3/docs/refcard.html
Michael Stapelberg d968d39b27 Replace http:// with https:// where applicable
The testcases will be updated automatically in a separate commit.
2017-09-24 10:19:07 +02:00

199 lines
6.0 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>i3 Reference Card</title>
<link rel="stylesheet" href="refcard_style.css" />
<style type="text/css">
* { margin: 0; padding: 0; vertical-align: middle; }
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; */ }
body > div { display: inline-block; width: 33%; margin: 0.25%; vertical-align: top; }
body > div:first-child { margin-left: 0; }
body > div:last-child { margin-right: 0; }
#logo { float: left; width: 40px; margin: 7px; }
header { font-size: 1.1em; text-align: center; }
h1 { font-size: 1.1em; }
header a { font-size: 0.7em; }
header p { margin: 5px 0; font-size: 0.8em; text-align: left; }
kbd { font-family: LinuxBiolinumKeyboard, Linux Biolinum Keyboard O, Linux Biolinum Keyboard, DejaVu Sans Mono, monospace; font-size: 0.9em; }
code { font-family: DejaVu Sans Mono, monospace; font-size: 0.8em; }
section { break-inside: avoid-column; -moz-break-inside: -moz-avoid-column; -webkit-break-inside: avoid-column; }
h2 { margin: 7px 0 2px; padding: 2px 4px; font-size: 1.1em; font-family: LinuxBiolinum, Linux Biolinum O, Linux Biolinum, sans; background-color: #b3b3b3; }
table { width: 100%; }
.i3mod { width: 15px; }
td:last-child { text-align: right; }
.ref { font-size: 0.8em; }
#copyright { margin: 20px 0 15px; font-size: 0.7em; text-align: center; }
#licence { max-width: 70%; margin: 3px auto; font-size: 0.6em; text-align: right; }
</style>
<style type="text/css" media="print">
html { font-size: 13px; }
</style>
</head>
<body><div>
<header>
<img id="logo" src="logo-30.png" alt="" />
<h1>i3 Reference Card</h1>
<a href="https://i3wm.org/docs/userguide.html">https://i3wm.org/docs/userguide.html</a>
<p>
Throughout this guide, the i3 logo will be used to refer to the configured modifier.
This is the <kbd></kbd> key (<code>Mod1</code>) by default,
with super/<kbd></kbd> (<code>Mod4</code>) being a popular alternative.
</p>
</header>
<section>
<h2>Basics</h2>
<table>
<tr>
<td><img class="i3mod" src="logo-30.png" alt="" /> + <kbd></kbd>
<td>open new terminal
<tr>
<td><img class="i3mod" src="logo-30.png" alt="" /> + <kbd>j</kbd>
<td>focus left
<tr>
<td><img class="i3mod" src="logo-30.png" alt="" /> + <kbd>k</kbd>
<td>focus down
<tr>
<td><img class="i3mod" src="logo-30.png" alt="" /> + <kbd>l</kbd>
<td>focus up
<tr>
<td><img class="i3mod" src="logo-30.png" alt="" /> + <kbd>;</kbd>
<td>focus right
<tr>
<td><img class="i3mod" src="logo-30.png" alt="" /> + <kbd></kbd>
<td>toggle focus mode
</table>
</section>
<section>
<h2>Moving windows</h2>
<table>
<tr>
<td><img class="i3mod" src="logo-30.png" alt="" /> + <kbd></kbd> + <kbd>j</kbd>
<td>move window left
<tr>
<td><img class="i3mod" src="logo-30.png" alt="" /> + <kbd></kbd> + <kbd>k</kbd>
<td>move window down
<tr>
<td><img class="i3mod" src="logo-30.png" alt="" /> + <kbd></kbd> + <kbd>l</kbd>
<td>move window up
<tr>
<td><img class="i3mod" src="logo-30.png" alt="" /> + <kbd></kbd> + <kbd>;</kbd>
<td>move window right
</table>
</section>
</div><div>
<section>
<h2>Modifying windows</h2>
<table>
<tr>
<td><img class="i3mod" src="logo-30.png" alt="" /> + <kbd>f</kbd>
<td>toggle fullscreen
<tr>
<td><img class="i3mod" src="logo-30.png" alt="" /> + <kbd>v</kbd>
<td>split a window vertically
<tr>
<td><img class="i3mod" src="logo-30.png" alt="" /> + <kbd>h</kbd>
<td>split a window horizontally
<tr>
<td><img class="i3mod" src="logo-30.png" alt="" /> + <kbd>r</kbd>
<td>resize mode
</table>
<p class="ref">Look at the “Resizing containers / windows” section of the user guide.</p>
</section>
<section>
<h2>Changing the container layout</h2>
<table>
<tr>
<td><img class="i3mod" src="logo-30.png" alt="" /> + <kbd>e</kbd>
<td>default
<tr>
<td><img class="i3mod" src="logo-30.png" alt="" /> + <kbd>s</kbd>
<td>stacking
<tr>
<td><img class="i3mod" src="logo-30.png" alt="" /> + <kbd>w</kbd>
<td>tabbed
</table>
</section>
<section>
<h2>Floating</h2>
<table>
<tr>
<td><img class="i3mod" src="logo-30.png" alt="" /> + <kbd></kbd> + <kbd></kbd>
<td>toggle floating
<tr>
<td><img class="i3mod" src="logo-30.png" alt="" /> + <kbd></kbd>
<td>drag floating
</table>
</section>
<section>
<h2>Using workspaces</h2>
<table>
<tr>
<td><img class="i3mod" src="logo-30.png" alt="" /> + <kbd>0</kbd>-<kbd>9</kbd>
<td>switch to another workspace
<tr>
<td><img class="i3mod" src="logo-30.png" alt="" /> + <kbd></kbd> + <kbd>0</kbd>-<kbd>9</kbd>
<td>move a window to another workspace
</table>
</section>
</div><div>
<section>
<h2>Opening applications / Closing windows</h2>
<table>
<tr>
<td><img class="i3mod" src="logo-30.png" alt="" /> + <kbd>d</kbd>
<td>open application launcher (dmenu)
<tr>
<td><img class="i3mod" src="logo-30.png" alt="" /> + <kbd></kbd> + <kbd>q</kbd>
<td>kill a window
</table>
</section>
<section>
<h2>Restart / Exit</h2>
<table>
<tr>
<td><img class="i3mod" src="logo-30.png" alt="" /> + <kbd></kbd> + <kbd>c</kbd>
<td>reload the configuration file
<tr>
<td><img class="i3mod" src="logo-30.png" alt="" /> + <kbd></kbd> + <kbd>r</kbd>
<td>restart i3 inplace
<tr>
<td><img class="i3mod" src="logo-30.png" alt="" /> + <kbd></kbd> + <kbd>e</kbd>
<td>exit i3
</section>
</table>
<!-- footer -->
<p id="copyright">
Copyright © 2012, Michael Stapelberg
<br />
All rights reserved
<br />
Designed by Zeus Panchenko, updated by Moritz Bandemer
</p>
<p id="licence">
Permission is granted to copy, distribute and/or modify this document provided
the copyright notice and this permission notice are preserved on all copies.
</p>
</div></body>
</html>