# Magazine de Culture Visuelle

Lien vers le magazine : [julesfouchy.github.io/Culture-Visuelle/](https://julesfouchy.github.io/Culture-Visuelle/)

## Écrire son article

Dans le dossier **./src/articles** vous trouverez :
  - Le fichier **\[vos_noms\]/description.ts**, dans lequel vous devez renseigner :
    - le **titre** de votre article
    - sa **catégorie** : Technical, Cultural ou Memorisation
    - l'**icone** qui le représentera, choisi parmi cette liste : [fontawesome.com/cheatsheet](https://fontawesome.com/cheatsheet).
    - le nom des auteurs
  - Le fichier **\[vos_noms\].html** où vous mettrez votre article **dans le div "mon-article"**. Vous êtes libres de faire ce que vous voulez sur cette page. Un style de base est déjà appliqué à toutes les pages, donc pas besoin de vous embêter avec ça. Ceci dit, si vous voulez rajouter votre style bien particulier c'est tout à fait possible.
    - N'hésitez pas à profiter du format web pour enrichir votre article avec des liens, images, vidéos *etc.* :wink:.
    - Mettez des balises \<h1\>, \<h2>, \<h3> au besoin, \<b> pour le **gras**, \<i> pour l'*italique*...
    - Utilisez **\<br/>** pour revenir à la ligne et **\<br/>\<br/>** pour un saut de ligne.
    - Vous pouvez rajouter **\<span class="indent"\>\</span\>** au début de vos paragraphes pour leur mettre un alinéa.
    - Vous pouvez ajouter toutes les ressources que vous voulez dans votre dossier (image, css, son, *etc.*) et les lier *en utilisant un chemin relatif*, par exemple **\<img src="./\[vos_noms\]/mon_image.jpg"/\>**
    - **Si vous faites votre propre style** et que le style de base vous gêne trop, vous n'êtes pas obligés d'inclure *Article.scss* (mais gardez *ArticleMin.scss* !)

Si vous n'êtes pas à l'aise avec le html ou que vous rencontrez des problèmes pour faire des choses avancées, demandez-moi (jules.fouchy@ntymail.com). Et au pire vous m'enverrez un fichier texte ou pdf et je m'occuperai de faire la conversion.

## Récupérer et lancer le projet

Si vous voulez tester le rendu de votre article :  
Il faut avoir npm installé. Après avoir cloné le projet, faites

```
npm install
```

Puis à chaque fois que vous voulez lancer le projet

```
npm run dev
```

et allez à [localhost:1234/index.html](http://localhost:1234/index.html).
  
## Envoyer son article

Le plus simple pour moi est que vous fassiez une *pull request* ; si vous ne savez pas faire, c'est l'occasion d'apprendre :wink: ; et si jamais vous n'y arrivez pas, envoyez-moi vos fichiers par mail (jules.fouchy@ntymail.com).