New translations

libreto/assets/style-index.css

@@ -147,6 +147,10 @@ img {
     width: 15rem;
 }
 
+.small p {
+	margin: 0;
+}
+
 .small {
 	font-size: .8rem;
 }

libreto/assets/style.css

@@ -56,19 +56,17 @@ The Jean-Luc typeface was designed and made by Atelier Carvalho Bernau on the oc
 Jean-Luc typeface Copyright (c) 2010 Atelier Carvalho Bernau
 */
 
-body > pre {
-    z-index: 999;
-    position: absolute;
-    background: wheat;
-}
-
 * {
     box-sizing: border-box;
 }
 
+html {
+	font-size: 16px;
+}
+
 body {
   font-family: "HKGrotesk";
-  font-size: 1.4rem;
+  font-size: 1rem;
 }
 
 p {
@@ -137,7 +135,6 @@ header {
 	z-index: 2;
 	border-right: 1px solid #ddd;
 	position: relative;
-	font-size: 1rem;
 }
 
 nav {
@@ -145,6 +142,8 @@ nav {
 	border-right: 1px solid #ddd;
 	flex-direction: column;
 	display: flex;
+	font-family: 'spungold';
+	font-size: 1.2rem;
 }
 
 article {
@@ -168,8 +167,6 @@ nav ul {
 }
 
 nav li {
-	font-family: 'spungold';
-	font-size: 1.2rem;
 	padding: 1rem;
 	border-bottom: 1px solid #ddd;
 }
@@ -222,7 +219,7 @@ iframe {
 
 header .full {
 	margin-bottom: 3rem;
-	font-size: .9rem;
+	max-width: 30rem;
 }
 
 header .colophon {

views/languages/home.en.yml

@@ -9,7 +9,7 @@ introduction: |
 
   No registration, no connection, anyone can use and modify a Libreto.
 
-instance: Utiliser une instance personnalisé pour héberger les pads.
+instance: Use custom etherpad instance.
 
 name: Libreto name
 

views/languages/home.fr.yml

@@ -9,7 +9,7 @@ introduction: |
 
   Pas d'inscription, pas de connexion, tout le monde peut utiliser et modifier un Libreto.
 
-instance: Utiliser une instance personnalisé pour héberger les pads.
+instance: Utiliser une instance etherpad personnalisé.
 
 name: Titre
 

views/languages/libreto.en.yml

@@ -10,36 +10,36 @@ credits: |
   Typographies : [HK Grotesk](https://hanken.co), [Spun Gold](http://www.co-bay.com/dasein), [Jean-Luc](http://www.carvalho-bernau.com)
   Pads : [Etherpad](http://etherpad.org/), [Framapad](http://framapad.org), [Fairkom Board](https://board.net/)
 about: |
-  **About Libreto**
-  Un Libreto est un carnet de note collaboratif fondé sur framapad. Libreto est libre, gratuit, et minimaliste. [Plus d'infos](http://libreto.net)
+  **About**
+  Pads of this libreto are hosted by
 help: |
-  ## Bienvenue ! — [Libreto](http://libreto.net) est un outil d'écriture et de publication collaboratif basé sur [etherpad](https://etherpad.org).
+  ## Welcome ! — [Libreto](http://libreto.net) is a collaborative notebook based on [etherpad](http://etherpad.org/).
 
-  **Pour commencer :**
-  - Rédigez la liste de vos pads
-  - Rechargez la page
-  - Lancez-vous : écrivez sur vos pads !
+  **Get started:**
+  - Write the list of your pads
+  - Reload the page
+  - Get started: write on your pads!
 
-  **Pour partager / collaborer :**
-  - Sélectionnez et copiez l'URL
-  - Partagez-là !
+  **To share / collaborate:**
+  - Select and copy the URL
+  - Share it!
 
-  **Pour diffuser :**
-  - exportez sous forme de livre, de PDF ou de document ODT
+  **To spread:**
+  - export as a book, PDF or ODT document
 
-  **Pour personnaliser :**
-  - Créez une feuille de style en ajoutant un pad style.css à votre menu
+  **To customize:**
+  - Use a stylesheet by adding a style.css pad to your menu
 
-  ## Plus d'options :
+  ----
 
   **Menu**
-
-  *Exemple :*
-  Mon pad (url: http://url.pad)
-  *Options :*
-  **url** : adresse d'un pad existant
-  **color** : [nom d'une couleur](https://htmlcolorcodes.com/color-names) / [code hexadecimal](https://htmlcolorcodes.com/color-chart)
+  For each pad, you can add options in parentheses. Example :
+  `Mon pad (url: http://url.pad color: blue)`
+  **url** : address of an existing pad
+  **color** : [color name](https://htmlcolorcodes.com/color-names) / [hexadecimal code](https://htmlcolorcodes.com/color-chart)
   **visibility** : visible / private / hidden
 
-  **Exporter un livre**
-  Créez une feuille de style pour le livre en ajoutant un pad book.css à votre menu
+  ----
+
+  **Book export**
+  Use a stylesheet for your book by adding a book.css pad to your menu

views/languages/libreto.fr.yml

@@ -6,12 +6,12 @@ download: Télécharger
 update: Mettre à jour
 credits: |
   **Crédits**
-  Graphisme & programmation : [Pierre Tandille](http://lecollecteur.fr)
+  Libreto : [Pierre Tandille](http://lecollecteur.fr)
+  Pads : [Etherpad](http://etherpad.org/)
   Typographies : [HK Grotesk](https://hanken.co), [Spun Gold](http://www.co-bay.com/dasein), [Jean-Luc](http://www.carvalho-bernau.com)
-  Pads : [Etherpad](http://etherpad.org/), [Framapad](http://framapad.org), [Fairkom Board](https://board.net/)
 about: |
   **À propos**
-  Un Libreto est un carnet de note collaboratif fondé sur framapad. Libreto est libre, gratuit, et minimaliste. [Plus d'infos](http://libreto.net)
+  Les pads de ce libreto sont hébergés par
 help: |
   ## Bienvenue ! — [Libreto](http://libreto.net) est un outil d'écriture et de publication collaboratif basé sur [etherpad](https://etherpad.org).
 
@@ -25,17 +25,16 @@ help: |
   - Partagez-là !
 
   **Pour diffuser :**
-  - exportez sous forme de livre, de PDF ou de document ODT
+  - Exportez sous forme de livre, de PDF ou de document ODT
 
   **Pour personnaliser :**
-  - Créez une feuille de style en ajoutant un pad style.css à votre menu
+  - Ajouter un pad style.css à votre menu pour personnaliser l'apparence du libreto.
 
   ----
 
   **Menu**
   Pour chaque pad, vous pouvez ajoutez des options entre parenthèses. Exemple :
   `Mon pad (url: http://url.pad color: blue)`
-  *Options disponibles*
   **url** : adresse d'un pad existant
   **color** : [nom d'une couleur](https://htmlcolorcodes.com/color-names) / [code hexadecimal](https://htmlcolorcodes.com/color-chart)
   **visibility** : visible / private / hidden

views/snippets/introduction.php

@@ -4,7 +4,7 @@
     <?= l("help") ?>
     <hr>
     <div class="colophon">
-      <div><?= l('about') ?></div>
+      <div><?= l('about') ?> <a href="<?= $libreto->provider('url') ?>" target="_blank"><?= $libreto->provider('name') ?></a></div>
       <div><?= l('credits') ?></div>
     </div>
     <button class="switch">×</button>

views/snippets/nav.php

@@ -3,7 +3,6 @@
   <ul class="helpers">
     <li class='switcher_button <?= $_SESSION['mode'] == 'read' ? 'active' : ''; ?>'><a href="?mode=read"><?= l("read", false) ?></a></li>
     <li class='switcher_button <?= $_SESSION['mode'] == 'write' ? 'active' : ''; ?>'><a href="?mode=write"><?= l("write", false) ?></a></li>
-    <li class='' style="flex: 0;"><a href='' class="refresh" data-name-encoded='' alt='<?= l("update", false) ?>'>↻</a></li>
   </ul>
   <ul class="menu">
 
@@ -20,6 +19,7 @@
   <ul class="helpers">
     <li class=""><a href='/bindery/<?= $libreto->name() ?>' class="" data-name-encoded=''><?= l("export", false) ?></a></li>
     <li class=""><a href='/export/<?= $libreto->name() ?>' class="" data-name-encoded='' download><?= l("download", false) ?></a></li>
+    <li class='' style="flex: 0;"><a href='' class="refresh" data-name-encoded='' alt='<?= l("update", false) ?>'>↻</a></li>
   </ul>
   <?php endif; ?>
 </nav>