v0.9 release (#116)

Makefile

@@ -1,6 +1,6 @@
 all:
-	kalamine layouts/lafayette.toml    --out layouts/lafayette.json
-	kalamine layouts/lafayette101.toml --out layouts/lafayette101.json
+	kalamine build layouts/lafayette.toml    --out layouts/lafayette.json
+	kalamine build layouts/lafayette101.toml --out layouts/lafayette101.json
 
 dev:
 	pip3 install kalamine

README.md

@@ -1,14 +1,14 @@
 Qwerty-Lafayette
 ================================================================================
 
-A Qwerty layout for French-speaking users.
+A compact Qwerty layout for French-speaking users.
 
 
 TL;DR:
 --------------------------------------------------------------------------------
 
-* use a dead key on the home row for the most frequent accented characters;
-* use the AltGr layer for programming symbols. Or don’t use it at all, and keep two alt keys.
+* use a dead key on the home row for all French accented characters;
+* use the AltGr layer to access programming symbols without stretching your fingers. Or don’t use it at all, and use Qwerty symbols in their standard positions.
 
 This layout claims to be better than Azerty for French and better than Qwerty for programming.
 
@@ -18,36 +18,40 @@ Layout
 
 The <kbd>;</kbd> key is turned into a dead key that gives access to all acute accents, grave accents, cedillas, digraphs and quote signs you’ll need to write in proper French:
 
-![base & dead key layout](layouts/qwerty_1dk.png)
+![base & dead key layout](img/lafayette_1dk.svg)
 
-… which leaves the AltGr layer fully available for any customization you have in mind.
+… which leaves the AltGr layer fully dedicated to programming symbols:
 
-![altgr layout](layouts/qwerty_alt.png)
-
-The default layout allows to write in English, French, Spanish, Portuguese, Italian, German, Dutch and Esperanto easily.
+![altgr layout](img/lafayette_sym.svg)
 
 More information on the website (in French): https://qwerty-lafayette.org/
 
 
 Download
 --------------------------------------------------------------------------------
 
-https://qwerty-lafayette.org/#download
+https://qwerty-lafayette.org/#pilotes
 
 
-Make your own
+Make Your Own!
 --------------------------------------------------------------------------------
 
-You’ll need the latest version of [Kalamine](https://github.com/fabi1cazenave/kalamine) to build your own layout:
+The latest version of [Kalamine](https://github.com/fabi1cazenave/kalamine) is recommended to customize your layout:
 
 ```bash
 pip3 install kalamine
 ```
 
-And build your custom layout like this:
+[Grab the TOML layout](layouts/lafayette.toml), start the Kalamine previewer and edit your layout with your preferred text editor:
+
+```bash
+kalamine watch lafayette.toml
+```
+
+Then build your custom layout drivers:
 
 ```bash
-kalamine MyCustomLayout.yaml
+kalamine make lafayette.toml
 ```
 
 
@@ -65,4 +69,4 @@ There are other ways to use a Qwerty-US keyboard for French. Here are the two mo
 * [qwerty-intl](https://en.wikipedia.org/wiki/QWERTY#US-International) — turns <kbd>`</kbd><kbd>~</kbd><kbd>'</kbd><kbd>"</kbd><kbd>^</kbd> into dead keys;
 * [qwerty-fr](https://github.com/qwerty-fr/qwerty-fr) — smart use of the AltGr layer for direct access to all French accented characters, as well as dead keys for other characters.
 
-Qwerty-Lafayette provides sharper typography and better ergonomics in the long run, but has a steeper learning curve for non-touch-typists.
+Qwerty-Lafayette offers sharper typography and better ergonomics, but might have a steeper learning curve for non-touch-typists.

css/layout.css

@@ -35,7 +35,11 @@ h2 a, h3 a {
   display: none;
 }
 
-h2:hover a, h3:hover a {
+h3 a.download {
+  font-size: 16px;
+}
+
+h2:hover a, h3:hover a, h3 a.download {
   display: inline;
 }
 
@@ -54,6 +58,39 @@ header p {
   margin: 20px;
 }
 
+#intro nav {
+  margin-top: 0.5em;
+  text-align: center;
+}
+
+#intro nav a,
+#intro nav a:hover,
+#intro nav a:active,
+#intro nav a:visited,
+#intro nav button {
+  display: inline-block;
+  margin: 0 1.6em 0 0;
+  padding: 8px;
+  font-family: sans-serif;
+  font-size: 1.2em;
+  text-decoration: none;
+
+  color: #333;
+  background-color: #e4e4e4;
+  border: 1px solid #6668;
+  border-radius: 5px;
+}
+
+#intro nav a:hover,
+#intro nav button:hover {
+  border: 1px solid brown;
+}
+
+#intro nav button {
+  font-weight: bold;
+  cursor: pointer;
+}
+
 .highlight {
   margin: 20px 0;
   padding: 0 20px;
@@ -63,9 +100,17 @@ header p {
 }
 
 dd, dt {
+  line-height: 1.1em;
   margin-bottom: 0.5em;
 }
 
+pre {
+  margin: -0.5em 0;
+  padding: 0.5em 0;
+  font-size: 14px;
+  background-color: #eef;
+}
+
 a, a:hover, a:visited, a:active {
   color: brown;
 }