<
--------------------------
#### mémo rapide
- Image d'accueil et CV: ils se trouvent à la racine du site et portent le nom de `jesuisici.jpg` et de CV.pdf. Il suffit de les remplacer pour mettre à jour!
```
..
_public
app
content
extensions
etc.
jesuisici.jpg
CV.pdf
```
- Faire un paragraphe:
```
Il suffit de
sauter une ligne
```
- Faire un retour à la ligne:
```
Simplement
faire un retour à la ligne
```
- Ajouter une image:
```
```
Attention pas d'accents, pas d'espaces, pas de caractères spéciaux de type `& # { ! / ^` etc. dans le nom de l'image!
- Ajouter une vidéo:
Il faut impérativement la nommer de la façon suivante:
```
nom-de-la-videoLARGEURxHAUTEUR.mp4
exemple: ma_super_video1280x720.mp4
```
Pour chaque vidéo il faut 3 fichiers pour assurer la compatibilité entre navigateurs Internet. Les formats étant ".mp4", ".ogv" et ".webm" ((convertisseur ici [Miro Video Converter](http://www.mirovideoconverter.com/)).
Les fichiers doivent avoir le même nom et se trouver dans le dossier du projet. Il n'est pas nécessaire d'entrer des infos dans 'project.yml'.
Exemple:
```
..
01.jpg
02.jpg
project.yml
01-voici-une-video1280x720.mp4
01-voici-une-video1280x720.ogv
01-voici-une-video1280x720.webm
02-hop-une-autre1280x720.mp4
02-hop-une-autre1280x720.ogv
02-hop-une-autre1280x720.webm
```
- Ajouter un lien:
```
[texte cliquable](http://adresse-vers-laquelle-le-lien-renvoie.org)
```
- Italiques:
```
* texte en italique *
```
--------------------------
## Les projets
Ils se trouvent dans le dossier `1.work`. Ce sont des dossiers nommés sans espaces et sans caractères spéciaux (dièses, accents, apostrophes etc.). Ils sont numérotés.
Ex.:
```
01.D-ici-a-elles
02.Reenchante-moi
03.Cones
```
Chaque projet est composé de:
- Un fichier `project.yml` qui contient les infos.
- Une image intitulée `thumb.jpg` qui s'affichera lors du survol sur la page "work", et qui sera à l'affiche lorsqu'on arrive sur la page du projet.
- Une série d'images qui constitue la galerie.
Exemple du contenu d'un dossier projet:
```
..
image01.jpg
image-laciotat.jpg
arbre.jpg
project.yml
thumb.jpg
```
--------------------------
##### `project.yml`
Il se décompose en deux grandes parties. La partie "meta" et la partie "content" (en version française et en version anglaise).
La partie meta étant évidente, quelques précisions sur la partie content. Voici la syntaxe:
```
contentfr: +++
Le contenu se trouve ici, noter qu'on commence par +++.
Pour mettre un lien, on fait comme ça: [texte qui sera cliquable](http://adresse-vers-laquelle-le-lien-renvoie.com).
Une ligne vide indique un saut de ligne dans l'article.
Tandis qu'un retour à la ligne signifie retour à la ligne.
Nous ajoutons ici une image:
.
L'image s'insèrera là où on introduit le code. Mais il est impératif de faire un saut de ligne avant et après l'insertion de l'image!
Pour ajouter plusieurs images à la suite, rien de plus simple:
    
+++
```
Les trois plus `+++` sont impératifs avant et après le contenu. Pour la version française comme pour la version anglaise!
--------------------------
##### `thumb.jpg`
L'image ne devrait pas dépasser 170ko en poids (pour vérifier, faire pomme+i sur le fichier image)
--------------------------
##### les images
L'image ne devrait pas dépasser 150ko en poids (pour vérifier, faire pomme+i sur le fichier image)
--------------------------
## Les infos
Elles se trouvent dans le dossier `2.info` qui contient:
- un fichier `info.yml` qui contient les infos.
- une série d'images qui serviront à illustrer les news.
--------------------------
##### `info.yml`
Ce fichier contient 4 grandes parties:
1. Bio
2. Contact
3. News
4. Contenu
##### Bio
Entre `+++`, des infos très succintes, sur trois lignes. J'ai mis par exemple:
```
bio: +++
Artiste plasticienne
Vit et travaille en France
École, atelier, groupe de travail ou autres
+++
```
--------------------------
##### Contact
Contient les informations des liens de contact, le cv, le mail, facebook ou autres.
--------------------------
##### News
La syntaxe est la suivante:
```yaml
news:
item:
image: nom-de-l-image-dans-le-dossier.jpg
date: ex. Mai - Juillet 2014
text: Corps du texte
link: http://lien-optionel.org
deuxieme-item:
image: nom-d-une-deuxieme-image-dans-le-dossier.jpg
date: ex. Mai - Juillet 2014
text: Corps du texte
link: http://lien-optionel.org
```
Le premier item sera celui qui s'affichera en premier.
--------------------------
##### `contentfr`, `contenten`
Comme dans `project.yml`, il est indispensable d'avoir `+++` avant et après le contenu, en VF comme en VA
```yaml
contentfr: +++
Lorem ipsum dolor sit amet
+++
contenten: +++
Consectetur adipiscing elit equus voluptat
+++
```
--------------------------
#### Outils:
[Brackets](http://brackets.io) Outil gratuit pour la modification des contenus.
[Miro Video Converter](http://www.mirovideoconverter.com/) pour convertir les vidéos aux bons formats mp4, ogv, webm.
--------------------------
Si besoin de plus de précisions, email!
Tayeb ([TETRASIGN.COM](http://tetrasign.com))
]]>