update refcard (Thanks Moritz Bandemer)

docs/refcard.html

@@ -42,76 +42,99 @@
 		</p>
 	</header>
 
+
 	<section>
 	<h2>Basics</h2>
 	<table>
 		<tr>
-			<td><img class="i3mod" src="logo-30.png" alt="" />+<kbd></kbd>
+			<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><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><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><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><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>Changing the container layout</h2>
+	<h2>Moving windows</h2>
 	<table>
 		<tr>
-			<td><img class="i3mod" src="logo-30.png" alt="" />+<kbd>e</kbd>
+			<td><img class="i3mod" src="logo-30.png" alt="" /> + <kbd></kbd> + <kbd>j</kbd>
-			<td>default
+			<td>move window left
-
 		<tr>
-			<td><img class="i3mod" src="logo-30.png" alt="" />+<kbd>s</kbd>
+			<td><img class="i3mod" src="logo-30.png" alt="" /> + <kbd></kbd> + <kbd>k</kbd>
-			<td>stacking
+			<td>move window down
-
 		<tr>
-			<td><img class="i3mod" src="logo-30.png" alt="" />+<kbd>w</kbd>
+			<td><img class="i3mod" src="logo-30.png" alt="" /> + <kbd></kbd> + <kbd>l</kbd>
-			<td>tabbed
+			<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>Fullscreen mode</h2>
+	<h2>Modifying windows</h2>
 	<table>
 		<tr>
-			<td><img class="i3mod" src="logo-30.png" alt="" />+<kbd>f</kbd>
+			<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>Opening other applications</h2>
+	<h2>Floating</h2>
 	<table>
 		<tr>
-			<td><img class="i3mod" src="logo-30.png" alt="" />+<kbd>d</kbd>
+			<td><img class="i3mod" src="logo-30.png" alt="" /> + <kbd></kbd> + <kbd></kbd>
-			<td>open application (with dmenu)
+			<td>toggle floating
-	</table>
-
-
-	<section>
-	<h2>Closing windows</h2>
-	<table>
 		<tr>
-			<td><img class="i3mod" src="logo-30.png" alt="" />+<kbd> </kbd>+ <kbd>q</kbd>
+			<td><img class="i3mod" src="logo-30.png" alt="" /> + <kbd></kbd>
-			<td>kill a window
+			<td>drag floating
 	</table>
 	</section>
 
@@ -120,17 +143,10 @@
 	<h2>Using workspaces</h2>
 	<table>
 		<tr>
-			<td><img class="i3mod" src="logo-30.png" alt="" />+<kbd>1</kbd>–<kbd>9</kbd>
+			<td><img class="i3mod" src="logo-30.png" alt="" /> + <kbd>0</kbd>-<kbd>9</kbd>
 			<td>switch to another workspace
-	</table>
-	</section>
-
-
-	<section>
-	<h2>Moving windows to workspaces</h2>
-	<table>
 		<tr>
-			<td><img class="i3mod" src="logo-30.png" alt="" />+<kbd></kbd> + <kbd>1</kbd>–<kbd>9</kbd>
+			<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>
@@ -138,37 +154,33 @@
 </div><div>
 
 	<section>
-	<h2>Resizing</h2>
+	<h2>Opening applications / Closing windows</h2>
-	<p class="ref">Look at “Resizing containers / windows” section of the user guide.</p>
+	<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>r</kbd>
+			<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><img class="i3mod" src="logo-30.png" alt="" /> + <kbd></kbd> + <kbd>e</kbd>
-
+                        <td>exit i3
-	</section><td>exit i3
-	</table>
-
-
-	<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>
+	</table>
+
 
 	<!-- footer -->
 	<p id="copyright">
@@ -176,7 +188,7 @@
 		<br />
 		All rights reserved
 		<br />
-		Designed by Zeus Panchenko
+		Designed by Zeus Panchenko, updated by Moritz Bandemer
 	</p>
 	<p id="licence">
 		Permission is granted to copy, distribute and/or modify this document provided