Skip to content
This repository has been archived by the owner on Apr 18, 2023. It is now read-only.

Commit

Permalink
replace the refcard with an HTML version (by SardemFF7)
Browse files Browse the repository at this point in the history
This eliminates our build-depedency on latex.
  • Loading branch information
stapelberg committed Apr 12, 2012
1 parent 1bb165a commit 41d034a
Show file tree
Hide file tree
Showing 7 changed files with 194 additions and 116 deletions.
3 changes: 0 additions & 3 deletions .gitignore
Expand Up @@ -33,7 +33,4 @@ i3-nagbar/i3-nagbar
i3-msg/i3-msg
i3-config-wizard/i3-config-wizard
libi3/libi3.a
docs/*.html
docs/*.aux
docs/*.out
docs/*.pdf
2 changes: 1 addition & 1 deletion debian/control
Expand Up @@ -3,7 +3,7 @@ Section: utils
Priority: extra
Maintainer: Michael Stapelberg <michael@stapelberg.de>
DM-Upload-Allowed: yes
Build-Depends: debhelper (>= 7.0.50~), libx11-dev, libxcb-util0-dev (>= 0.3.8), libxcb-keysyms1-dev, libxcb-xinerama0-dev (>= 1.1), libxcb-randr0-dev, libxcb-icccm4-dev, libxcursor-dev, asciidoc (>= 8.4.4), xmlto, docbook-xml, pkg-config, libev-dev, flex, bison, libyajl-dev, texlive-latex-base, texlive-latex-recommended, texlive-latex-extra, libpcre3-dev, libstartup-notification0-dev (>= 0.10)
Build-Depends: debhelper (>= 7.0.50~), libx11-dev, libxcb-util0-dev (>= 0.3.8), libxcb-keysyms1-dev, libxcb-xinerama0-dev (>= 1.1), libxcb-randr0-dev, libxcb-icccm4-dev, libxcursor-dev, asciidoc (>= 8.4.4), xmlto, docbook-xml, pkg-config, libev-dev, flex, bison, libyajl-dev, libpcre3-dev, libstartup-notification0-dev (>= 0.10)
Standards-Version: 3.9.2
Homepage: http://i3wm.org/

Expand Down
3 changes: 3 additions & 0 deletions debian/i3-wm.docs
Expand Up @@ -25,3 +25,6 @@ docs/tree-shot1.png
docs/tree-shot2.png
docs/tree-shot3.png
docs/tree-shot4.png
docs/refcard.html
docs/refcard_style.css
docs/logo-30.png
9 changes: 4 additions & 5 deletions docs/Makefile
@@ -1,7 +1,9 @@
# To pass additional parameters for asciidoc
ASCIIDOC=asciidoc

all: hacking-howto.html debugging.html debugging-release-version.html userguide.html ipc.html multi-monitor.html wsbar.html refcard.pdf testsuite.html i3bar-protocol.html
ASCIIDOC_TARGETS:=hacking-howto.html debugging.html debugging-release-version.html userguide.html ipc.html multi-monitor.html wsbar.html testsuite.html i3bar-protocol.html

all: ${ASCIIDOC_TARGETS}

hacking-howto.html: hacking-howto
$(ASCIIDOC) -a toc -n $<
Expand Down Expand Up @@ -30,8 +32,5 @@ multi-monitor.html: multi-monitor
wsbar.html: wsbar
$(ASCIIDOC) -a toc -n $<

refcard.pdf: refcard.tex
pdflatex refcard.tex && pdflatex refcard.tex

clean:
find . -regex ".*\.\(aux\|out\|log\|toc\|bm\|pdf\|dvi\|log\|html\)" -exec rm '{}' \;
rm -f ${ASCIIDOC_TARGETS}
Binary file added docs/logo-30.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
186 changes: 186 additions & 0 deletions docs/refcard.html
@@ -0,0 +1,186 @@
<!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="http://i3wm.org/docs/userguide.html">http://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
</table>
</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>

</div><div>

<section>
<h2>Fullscreen mode</h2>
<table>
<tr>
<td><img class="i3mod" src="logo-30.png" alt="" />+<kbd>f</kbd>
<td>toggle fullscreen
</table>
</section>


<section>
<h2>Opening other applications</h2>
<table>
<tr>
<td><img class="i3mod" src="logo-30.png" alt="" />+<kbd>d</kbd>
<td>open application (with dmenu)
</table>


<section>
<h2>Closing windows</h2>
<table>
<tr>
<td><img class="i3mod" src="logo-30.png" alt="" />+<kbd></kbd>+ <kbd>q</kbd>
<td>kill a window
</table>
</section>


<section>
<h2>Using workspaces</h2>
<table>
<tr>
<td><img class="i3mod" src="logo-30.png" alt="" />+<kbd>1</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>move a window to another workspace
</table>
</section>

</div><div>

<section>
<h2>Resizing</h2>
<p class="ref">Look at “Resizing containers / windows” section of the user guide.</p>
</section>


<section>
<h2>Restart / Exit</h2>
<table>
<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>

</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>

<!-- footer -->
<p id="copyright">
Copyright © 2012, Michael Stapelberg
<br />
All rights reserved
<br />
Designed by Zeus Panchenko
</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>
107 changes: 0 additions & 107 deletions docs/refcard.tex

This file was deleted.

0 comments on commit 41d034a

Please sign in to comment.