Rajout des antiquités

Geoffrey PREUD'HOMME
1 parent 4ab50938
Showing 17 changed files with 497 additions and 3 deletions Show diff stats
_crs/2015-04-15-compte-rendu-reunion.markdown
_crs/2015-04-22-compte-rendu-reunion.markdown
_crs/2015-05-13-compte-rendu-reunion.markdown
_crs/2015-11-18-compte-rendu-reunion.markdown
_crs/2015-12-02-compte-rendu-reunion.markdown
_crs/2016-01-06-compte-rendu-reunion.markdown
_includes/date.html
_layouts/tuto.html
_tutos/alloc_cpp.md
_tutos/github_notifs.md
_tutos/initiation-javascript-client.md
_tutos/introduction-au-shell.md
_tutos/introduction-ssh.md
_tutos/serveur-git-chez-soi.md
assets/main.scss
tutos-archives.html
tutos.html
@@ -0,0 +1,13 @@
+---
+author: "Geoffrey Preud'homme"
+tags: ci
+date: 2015-04-15 12:53:09+02:00
+---
+
+À l'ordre du jour :
+
+* Présentation de ce superbe site
+* Paperasserie
+* Vote du logo à utiliser (Human evolution ou Fractales)
+* Reflexions sur la vidéo de présentation et des dates de tournage
+* Retour chaleureux d'Erwan
@@ -0,0 +1,8 @@
+---
+author: "Geoffrey Preud'homme"
+tags: ci
+date: 2015-04-22 12:50:52+02:00
+---
+
+* Présentation nouveau logo et de l'avancement du site
+* Réflexion sur le sujet de la vidéo de présentation
@@ -0,0 +1,7 @@
+---
+title: Absence de réunion
+author: "Geoffrey Preud'homme"
+tags: ci
+date: 2015-05-13 10:52:30+02:00
+---
+Pour cause de DS pour un peu tout le monde ;-)
@@ -0,0 +1,8 @@
+---
+author: "Geoffrey Preud'homme"
+tags: ci
+date: 2015-11-18
+---
+
+[Tuto introduction au SSH]({{ '/tutos/introduction-ssh.html' | relative_link }})
+
@@ -0,0 +1,17 @@
+---
+author: "Geoffrey Preud'homme"
+tags: ci
+date: 2015-11-09
+---
+Oui, ça fait longtemps que j'avais pas fait de compte-rendu useless, et le pire c'est que cette fois-ci je m'y prend en avance parce que j'ai peur d'oublier certains points.
+
+* C'EST LA PHOTOOOO ! PRENEZ DES VÊTEMENTS <del>GIS</del> GRIS !
+* Débrief rapide Nuit de l'Info
+* Polos & Sweats (j'préfère faire en préventif)
+
+**Cours :** Probablement deux-trois trucs avec les PC à Polytech et bash en général (`.bashrc`, `startx`, installer un paquet en local, `cat`, `grep`, réveiller les PC, la syntaxe du bash si on a le temps).
+
+Pour le bureau :
+
+* Faudrait voir à créer une page Facebook. Quand même. Un jour.
+* AW?
@@ -0,0 +1,11 @@
+---
+author: "Geoffrey Preud'homme"
+tags: ci
+date: 2016-01-06 11:38:56+01:00
+---
+- Souhaits vêtements polo <https://framacalc.org/0Rc4QxzfHS> (depuis le temps que je le disais)
+- Nouvelle page FB
+- AW probable, donnez des idées si vous en avez !
+    - Pac-man IRL
+    - Avec Robotech ?
+- Pré-discussions passations
@@ -13,5 +13,6 @@
   {% when '10' %}octobre
   {% when '11' %}novembre
   {% when '12' %}décembre
+  {% when '13' %}
 {% endcase %}
-{{ include.date | date: "%Y" }}
+ {{ include.date | date: "%Y" }}
@@ -11,10 +11,22 @@ layout: default
             <span itemprop="name">{{ page.author }}</span>
         </span>
         {% endif %}
-        {% if page.author %}
+        {% if page.license %}
             (<a href="{{ page.license_url }}">{{ page.license }}</a>)
         {% endif %}
+        {% if page.date %}
+            <br/>Mis à jour le 
+            <time datetime="{{ page.date | date_to_xmlschema }}" itemprop="datePublished">
+                {% include date.html date=page.date %}
+            </time>
+        {% endif %}
     </p>
+    {% if page.tags contains 'archive' %}
+    <blockquote>
+        <strong>Attention :</strong> Ce tutoriel est archivé car il a été rédigé il y a très longtemps et son contenu n'est plus d'actualité.<br/>
+        Regardez dans les <a href="{{ '/tutos.html' | relative_url }}">tutoriels récents</a> pour voir si un tutoriel plus récent est disponible.
+    </blockquote>
+    {% endif %}
     {{content}}
@@ -0,0 +1,47 @@
+---
+title: "(Ré-)allocations en C++"
+tags: cpp alloc
+author: "Jean Loup Beaussart"
+date: 2016-03-19 14:56
+---
+
+Bonjour à tous les enfants, j'ai réfléchi pour l'histoire du realloc() en C++. Donc la réponse est non, il n'y a pas d'équivalent pour realloc() en C++.
+Ensuite je me suis demandé : "Mais pourquoi Marianne utilise realloc()?" . Et là je me suis dit qu'elle faisait surement un truc du genre:
+
+```c++
+int *tab = (int*)malloc(10 * sizeof(int));
+
+/* Elle remplit ses valeurs */
+
+/* Un peu plus tard elle doit ajouter 5 nouvelles valeurs */
+
+tab = (int*)realloc(tab, 15 * sizeof(int));
+```
+
+
+Et bien bonne nouvelle les enfants, en C++ plus besoin d'utiliser des tableaux classiques ( `int tab[10];` ).
+La bibliothèque standard contient des objets que l'on appelle des conteneurs. En particulier il y a la classe `std::vector< int >` qui est un tableau dynamique.
+Vous pouvez l'utiliser comme un tableau normal mais en plus il gère automatiquement son espace d'allocation.
+
+Pour reprendre l'exemple ci-dessus:
+
+```c++
+std::vector< int> tab;
+
+/* On met des valeurs dedans */
+tab.push_back(42);
+tab.push_back(666);
+
+/* On peut les récupérer comme un tableau classique */
+std::cout << tab[1];     //Ca va afficher 666
+
+/* On peut encore rajouter des valeurs */
+tab.push_back(45645616);
+
+/* On peut compter le nombre d'éléments dans le tableau ou bien vider le tableau */
+std::cout << tab.size();
+tab.clean();
+```
+
+Et encore plein d'autre chose incroyable!!!!! 
+
@@ -0,0 +1,24 @@
+---
+title: "Désactiver les notifications GitHub"
+tags: github ci
+author: "Geoffrey Preud'homme"
+date: 2015-04-15 15:05:15
+---
+
+Par défaut, à chaque fois qu'un nouveau dépôt   `git` est crée sur GitHub, tous les membres du Club Info sont ajouté comme contributeur.
+Cela permet de ne pas s'embêter avec les droits, et ainsi tout le monde peut contribuer, même s'il n'avait pas émit le souhait de contribuer au préalable !
+
+Par contre, pour ceux qui ne souhaitent pas s'interesser au projet, ces derniers puevent reçoivent quand même des notifications GitHub, qui sont relayées par mail. Il y a deux façons de palier à cela.
+
+* Ne recevoir de mail pour aucun dépôt GitHub
+*(méthode radicale, vous continuerez à recevoir des notifications web sur le site de GitHub)*
+Il suffit d'aller dans les [paramètres de notification GitHub](https://github.com/settings/notifications), et de décocher <input type="checkbox"/> **Email** sous la rangée **Watching**.
+
+* Se désabonner des projets que l'on ne veut pas suivre
+*(permet de garder certains dépôt, et supprimer tous les types de notifications pour les autres)*
+Pour les dépôts que vous ne voulez pas suivre, allez sur leur page (exemple : <https://github.com/ClubInfoPolytechLille/ci-site>), puis cliquez sur **(Un)Watch** en haut à droite et choisissez **Not watching**.
+
+Vous pouvez aussi **ne pas suivre automatiquement les nouveaux projets**, pour cela, rendez-vous dans les [paramètres de notification GitHub](https://github.com/settings/notifications) et décochez **Automatically watch repositories**.
+
+Voilà !
+
@@ -0,0 +1,92 @@
+---
+title: Initiation au Javascipt client
+tags: js
+author: "Geoffrey Preud'homme"
+date: 2015-12-02 21:13:29+01:00
+---
+
+# Initiation au Javascript client
+
+## Mise en place
+
+Nous prendrons ce code HTML de base
+
+```html
+<!DOCTYPE html>
+<html>
+        <head>
+                <title>Le Club Info c'est cool !</title>
+                <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
+                <script type="text/javascript">
+                    alert('Hello !');
+                </script>
+        </head>
+        <body>
+                <h1>Yo !</h1>
+                <p class="ci">J'ai la classe du <strong>CI</strong> !</p>
+                <p id="carambar">Pas moi, mais au moins je suis <strong>unique</strong> grâce à mon id !</p>
+                <p>Moi aussi j'ai la classe du <strong>CI</strong>, qu'est-ce que vous allez tous faire ?</p>
+        </body>
+</html>
+````
+
+Le code du Javascript se situe dans la balise `<script>`. Vous pouvez aussi utiliser un outil très puissant de votre navigateur, la console, avec <kbd>Ctrl</kbd>+<kbd>Maj</kbd>+<kbd>J</kbd>. Cela vous permet d'entrer du code Javascript et de le voir s'éxecuter instantanément. Il ne sera cependant pas sauvegardé, ce n'est donc utile que pour du debug (car les messages d'erreurs y apparaissent) ou tester le nom des fonctions que vous allez utiliser avant de les <del>écrire au tableau</del> taper dans votre fichier.
+
+## Bases
+
+Javascript est assez similaire au C++, voire au Java. La différence princiaple situe dans le fait que les variables n'ont pas un type assigné et peuvent en changer à la volée.
+
+Voici quelques exemples usuels :
+```js
+// Un commentaire
+/* Un
+bloc
+de
+commentaire */
+var maVar = 'Le contenu, ici une chaîne de caractères. C\\'est cool non ?'; // Attention les variables sont définies localement, ça veut dire que si vous créez une variable dans une fonction, elle ne sera accessible uniquement à l'interieur de cette fonction.
+var liste = ['fraises', 'bananes', 'merci', 42, 'la réponse D'];
+var dictionnaire = {prez : 'Geoffrey', viceprez : 'Kévin', tresorier : 'Jean', secretaire : 'Pierre'};
+var leSeulGisDuBureau = "VICEPREZ".toLowerCase();
+console.log(liste[2], dictionnaire.tresorier, dictionnaire[leSeulGisDuBureau]) // affiche "merci", "Jean", "Kévin"
+function tartiflette(patates, lardons, fromage) {
+    return patates + lardons - fromage^2;
+}
+var couleur = prompt("Quelle est ta couleur préférée ?", "vert")
+```
+
+## Manipuler le HTML, version officielle
+(en vrai on s'en fiche mais comme je suis un puriste je peux pas me passer de vous faire une petite introduction à cette méthode officielle.)
+
+Javascript propose le Document Object Model (ou DOM), qui est un moyen très puissant de manipuler le code HTML de votre page. Par exemple :
+```js
+document.getElementsByTagName('h1')[0].innerText = 'Tadaaaa !';
+```
+
+## Des bibliothèques
+JavaScript possède un nombre incalculable de bibliothèque permettant de se simplifier pas mal la tâche, donc pourquoi ne pas les utiliser pour éviter d'écrire un code imbitable comme celui ci-dessus ?
+
+On va essayer avec [jQuery](http://jquery.com/), qui est probablement la plus populaire. Pour la charger dans votre code, rajoutez ceci à la balise `<head>` :
+```js
+<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.js"></script>
+```
+
+Du coup vous avez une rimbabelle de fonctions qui s'offrent à vous.
+```js
+$('h1').innerText('Tadaaaa !'); 
+$('.ci').css('background', 'pink'); // Pour référence, ce qui est dans $(...) s'appelle un sélecteur
+$('p').click(function clicSurP() { // Pour référence on appelle ça un évènement (clic, souris qui passe, touche du clavier appuyé...)
+    $(this).text('Hihi, ça chatouille !'); // Ici this est une variable spéciale qui contient le contexte, ici l'élément cliqué
+}
+$('#carambar strong').animate({fontSize: "50px"});
+$('body').append($('<p>').text('Je viens de naître !')); // $('<el>') crée l'élément el, ce n'est pas vraiment un sélecteur.
+```
+
+Et j'en passe et des meilleurs. Vous pouvez retrouver toute la doc de jQuery [ici](http://api.jquery.com/). Bien sûr, c'est un peu la décharge, mais faire chercher `jquery savoir si un élément possède une classe` ou `jquery selecteur élement fils unique`sur Google fonctionne très bien (voire même mieux en anglais, puisqu'il y a le site StackOverflow pour ce genre de question et qu'en français vous tomberez sur des forums la plupart du temps).
+
+## Bonus
+```js
+$.getScript('http://www.cornify.com/js/cornify.js', function(){
+  cornify_add();
+  $(document).keydown(cornify_add);
+});
+```
@@ -0,0 +1,76 @@
+---
+title: Introduction au shell
+tags: shell bash
+author: "Geoffrey Preud'homme"
+date: 2016-01-06 11:33:35+01:00
+---
+# Introduction au shell
+
+Le shell, c'est le programme qui fait le pont entre la console, le truc avec des écritures blanches sur fond noir, et les programmes du systme d'exploitation. Mais ici je vais utiliser (à tort) « shell »  comme un mot un peu fourre-tout pour console, shell (le vrai), et les programmes.
+
+Pourquoi manipuler les programmes du système avec un vieux truc pas agréable à regarder et compliqué à utiliser alors qu'on a des belles interfaces graphiques ? Trois raisons :
+
+ 1. On peut les éxécuter à distance (avec SSH par exemple) plus simplement et plus facilement qu'avec une solution lourde de partage d'écran (comme VNC par exemple)  
+ 2. C'est programmable. Vous passerez moins de temps à chercher et construire la commande pour renommer des images selon leur lieu et date de prise de vue qu'à les renommer à la main ou trouver un programme qui fasse exactement ça sur le net, si tenté qu'il existe.
+ 3. C'est la classe quoi ! Ok vous passez pour un geek mais vous avez le swag ! (Bon ok, ça fait que deux raisons)
+
+Ah, on me signale dans mon oreillette que j'ai déjà passé trop de temps à blablater sur la théorie, passons tout de suite à la pratique.
+
+## Commandes usuelles
+(garnies avec leurs exemples)
+
+ - `cd dossier`, `cd ..` : changer de dossier
+ - `pwd`: savoir dans quel dossier on est
+ - `ls` : lister le contenu du dossier
+ - `cat fichier` afficher le contenu du fichier
+ - `less fichier` afficher le contenu du fichier de manière plus pratique (touches : `g` : aller au début du fichier, `G` à la fin, `/` puis du texte puis entrée : chercher dans le fichier, `n` prochaine occurence du texte, `N` précédente occurence, `q` quitter)
+ - `grep pattern fichier` cherche la ligne qui contient `pattern`dans `fichier`
+ - `touch fichier` : créer un fichier vide (utilité++)
+ - `cp a b` copier le fichier `a` vers un fichier `b`
+ - `cp -r a b` copier le **dossier** `a` vers un fichier `b`
+ - `mv a b` déplacer le fichier `a` vers un fichier `b`
+ - `rm fichier` supprimer le fichier
+ - `zip`, `unzip` manipuler des fichiers `.zip`
+ - `rm -r dossier` supprimer le dossier et son contenu (faites gaffe avec ça) 
+ - `mkdir dossier` créer un dossier
+ - `find Dossier -type f -name lol` trouve tous les fichier qui s'appellent `lol` dans `Dossier`
+ - `wget http://leclubinfocestcool.fr` récupérer et enregister une page web
+ - `curl http://leclubinfocestcool.fr` récupérer et **afficher** une page web
+ - `ssh` se connecter sur une autre machine (voir [le tuto](http://leclubinfocestcool.plil.net/forum/conv/564f17883dd18e6b2c91f06d))
+ - `startx -- :1` démarrer une session graphique (aka le saint Graal des PC bloqués car coupés électriquement)
+ - `gcc -c main.c -o main` compiler un fichier C
+ - `eject` faire sortir une technologie assez agée d'une technologie plus récente
+ - `lpstat -a` : lister le nom des imprimantes (bonne chance pour trouver la salle)
+ - `lpr -P Gutenberg fichier.pdf` : imprimer sur Gutenberg (méthode non reconnue par le service info :P)
+ - `wakeonlan adressemac` : réveiller un PC éteint (la liste des adresses mac des PC de Polytech est sur le Twiki, mais allez pas vous attirer les foudres du service info, surtout que je vous apprend comment faire des boucles après X) )
+ - `nano fichier` : éditer un fichier texte, de manière plutôt intuitive
+ - `vim fichier` : éditer un fichier texte quand on est barbu (pour ce sortir de ce merdier : <kbd>Échap</kbd>, <kbd>:</kbd>, <kbd>q</kbd>, <kbd>!</kbd>, <kbd>Entrée</kbd>) (vous pouvez aussi utiliser les mêmes touches que dans `less`)
+ - `emacs fichier` : éditer un fichier quand on est un autre type de barbu (pour ce sortir de ce merdier : <kbd>Ctrl</kbd>+<kbd>X</kbd>, <kbd>Ctrl</kbd>+<kbd>C</kbd>) (je vous cache pas qu'il y a une petite guéguérre type guerre de religions entre les éditeurs :D)
+ - `history` : voir la liste des commandes qu'on a tapé dans le shell
+ - `history -c` : effacer son historique de shell-pr0n
+ - `exit` ou `logout` : dire bye bye
+ -  (on en avait dites d'autres à la réu, mais je les ai oubliées)
+
+On terminera par le St-Graal des programmes systèmes, le `man` (vous pouvez aussi utiliser les mêmes touches que dans `less`). Quand on vous dit d'appliquer le protocole RTFM, c'est ici qu'il faut chercher. 
+
+## La puissance du bash
+
+Le shell utilisé sur les PC de Poly est bash, et croyez-moi, on peut faire achement de choses avec, même si la syntaxe est assez déroutate pour le moins qu'on puisse dire.
+
+### Les pipes
+Quand un programme sort du texte, vous pouvez le passer au programme suivant pour peu qu'il sache quoi en faire
+
+ - `ls Documents | grep banane` donne la liste des fichiers dans le dossier Documents dont le nom contient `banane`
+ - `cat fichier | sort | uniq -d` lit le fichier, le trie pour finalement afficher les lignes en double
+
+### Les redirections vers un fichier
+
+- `ls Documents > fichier` enregistre les noms des fichiers dans le dossier Documents dans le fichier `fichier` (s'il n'existe pas, il est crée, s'il existe, il est écrasé)
+- `echo "Hmmm, pastèque" >> fichier` rajoute la ligne « Hmmm, pastèque » dans le fichier `fichier`
+
+### Les variables
+
+- `fruit=orange`, `prefere="le piment"`, `i=0` assigner une variable
+- `find . -name $fruit`, `echo "J'aime $prefere"`
+
+[TO BE CONTINUED]
@@ -0,0 +1,41 @@
+---
+title: Introduction au SSH
+tags: ssh
+author: "Geoffrey Preud'homme"
+date: 2015-11-20 14:25:15+01:00
+---
+# Introduction au SSH
+
+## Théorie
+
+SSH est un protocole de communication permettant de se connecter d'une machine à une autre. 
+
+Commande principale (pour un environnement Linux, déjà)
+`ssh utilisateur@nom_de_la_machine -p port` (si `-p port` n'est pas spécifié, c'est 22 par défaut, si `utilisateur@` n'est pas spécifié, c'est votre nom de session actuel (`echo $USER`) qui est utilisé)
+
+
+Pour transferer un fichier d'une machine à l'autre : `scp -P port source destination` (notez le `P` majuscule cette fois). On rajoutera l'option `-r` juste après `scp`pour transferer un dossier et son contenu.
+
+Si `source` et/ou `destination`est une machine distante, on utilisera la notation `utilisateur@nom_de_la_machine:emplacement_du_fichier`.
+
+## Pratique
+### Depuis l'exterieur (IPv4)
+Pour se connecter depuis l'exterieur au réseau Polytech Lille :
+
+* **Serveur :** `portier.polytech-lille.fr`
+* **Port :** `2222`
+* **Nom d'utilisateur :** votre identifiant Polytech
+* **Mot de passe :** votre mot de passe Polytech
+
+ Vous arriverez sur la machine `weppes`. À partir de là, vous pouvez vous connecter à toutes les machines (par exemple `ssh florine06`) et faire comme si vous étiez à Polytech.
+
+**Note :** Actuellement tout `scp`passant par `weppes` ne fonctionne pas (on obtient un message du type `C0664 50 nomfichier`.
+
+### Depuis l'exterieur (IPv6)
+Si vous avez la chance d'avoir une connectivité IPv6 chez vous (ce que vous pouvez vérifier avec <http://ipv6-test.com/>, vous pourrez vous connecter à N'IMPORTE QUELLE macine du réseau Polytech avec son adresse IPv6.
+Pour connaître une telle adresse, connectez vous à cette machine (via la méthode IPv4 par exemple), et entrez `ip addr show eth0`.
+
+Vous obtiendrez un truc du genre `2001:660:4401:6004:21a:a0ff:fe26:9672`(ici pour Astruc01), que vous pourrez utiliser avec `ssh`.
+
+### Imprimer un fichier
+Sur un ordinateur (et pas un serveur tel que `weppes` ou `houpplin`), entrez la commande suivante `lpr -H Imprimante fichier.pdf`. Les imprimantes possible sont visibles avec `lpstat -a`.
@@ -0,0 +1,104 @@
+---
+title: "Se connecter au serveur git du CI depuis chez soi"
+tags: ci git archive
+author: "Geoffrey Preud'homme"
+date: 2014-11-22 17:43
+---
+
+
+J'allais pour la n-ième fois chercher sur internet la commande exacte pour me connecter au serveur git (qui se pronnonce Git et non Jit ^^ [[source]](http://youtu.be/4XpnKHJAok8?t=1m30s)) du Club Info quand je me suis dit : "Faudrait quand même que je la note quelque part cette commande ...". Et puis je me suis dit que vu qu'on a désormais un groupe Google (houra !) j'allais la partager avec vous, parce que c'est quand même bien pratique.
+
+Un peu de théorie :
+
+On peut se connecter au serveur du club info de trois manières différentes :
+
+* Depuis une des machines de Polytech
+* Depuis le Wi-Fi PolytechLille
+* Depuis le l'accès SSH exterieur de Polytech (portier.polytech-lille.fr:2222)
+
+Comme aucune des deux premières méthodes  ne nous convient, nous allons utiliser la troisième.
+
+Pour tester, essayez ceci dans un terminal :
+```bash
+ssh [identifiant polytech]@portier.polytech-lille.fr -p 2222
+```
+
+Tapez votre mot de passe Polytech, vous voilà connecté au portier.
+
+Puis depuis le portier, pour le serveur du club info :
+
+```bash
+ssh git@servclubinfo.insecure.deule.net
+```
+
+(si vous avez la variable $CI, rien ne vous empêche de l'utiliser)
+
+Là, vu que le serveur du Club Info fonctionne par un système de clef et non par mot de passe, il y a deux possibilités :
+
+* Soit votre clef publique est dans votre répertoire personnel sur les ordis de Polytech (~/.ssh/id_rsa), ce qui est le cas si vous vous êtes déjà connecté au serveur du Club Info depuis un des ordis de Polytech avec votre session. Vous aurez alors accès à la liste des dépôts git que vous pouvez accéder.
+* Soit vous ne vous êtes connecté que depuis votre ordinateur personnel, dans ce cas il vous demandera votre mot de passe, même si aucun mot de passe ne mènera à rien.
+* Soit vous n'arrivez pas à vous connecter pour une raison X ou Y, la suite risque alors de ne pas fonctionner
+
+Le problème, c'est que pour utiliser git, on ne peut spécifier directement qu'un seul SSH, et pas une composition de plusieurs. On va utiliser alors une technique qui s'appelle le port forwarding. 
+Sans trop entrer dans les détails, cette technique va créer un port virtuel sur votre machine qui va être relié directement au serveur du Club Info par l'intermédiaire du portier.
+
+Pour cela, ouvrez un nouveau terminal, et tapez :
+```bash
+ssh -L 1234:servclubinfo.insecure.deule.net:22 [identifiant polytech]@portier.polytech-lille.fr -p 2222
+```
+
+1234 étant un port de libre sur votre machine.
+
+Tapez votre mot de passe Polytech, et vous devrez atterrir sur le portier. Cependant, le port vers le serveur est ouvert, et le sera jusqu'à ce que vous fermiez ce terminal. Laissez-le donc ouvert ! À chaque fois que vous voulez vous connecter au serveur du Club Info depuis l’extérieur, il faudra taper cette commande.
+
+Vous pouvez tester la connexion avec
+
+```
+ssh git@localhost -p 1234
+```
+
+Normalement, la connexion devrait se faire sans encombre, car c'est votre machine qui est utilisée pour l'authentification, et devrait donc utiliser la clef qui se trouve à l'emplacement `~/.ssh/id_rsa`. Si vous avez une fait une configuration custom de ssh (`~/.ssh/config`), vous devriez savoir le modifier (pour ma part, j'utilise [ça](http://pastebin.com/spyMQkrN)). Si ça ne marche pas, ce qui suit ne fonctionnera pas non plus.
+
+
+Puis, déplacez vous dans un répertoire git que vous avez auparavant cloné (si vous n'en avez pas, passez au paragraphe suivant, mais n'oubliez pas de lire celui-ci après). Nous allons ajouter une "remote" au serveur git qui va lui permettre de garder en mémoire le lien vers le serveur. Vous pouvez l'appeler comme vous voulez, moi je penche pour "origine", avec "origin" parce que c'est le nom par défaut pour une "remote" (et la "remote" appelée "origin" de votre répertoire devrait normalement pointer vers le club info directement, et ne fonctionne donc pas depuis chez vous), et "e" pour extérieur.
+
+Tapez donc :
+
+```bash
+git remote add origine ssh://git@localhost:1234/polydex_kernel.git
+```
+
+Voilà, maintenant, vous devriez pouvoir faire un
+
+```bash
+git pull origine master
+```
+
+pour pouvoir récupérer tous les changements depuis le serveur. De la même manière, vous devriez pouvoir faire un
+
+```bash
+git push origine master
+```
+
+pour mettre vos changements sur le serveur.
+
+N'oubliez pas cependant que à Polytech, il faudra continuer à utiliser "git push origin master" (ou "git push" tout court, ce qui revient -normalement- au même) (de même avec "pull")
+
+Et si jamais on veut ajouter un dépôt qu'on a pas encore cloné ? Très simple :
+```
+git clone ssh://git@localhost:1234/polydex_story.git
+```
+Par contre, la remote "origin" sera lié à l'accès au serveur depuis l'exterieur de Polytech, il faut donc rajouter la remote "origine" puis remplacer la remote "origin" par l'accès depuis l’intérieur de Polytech pour garder une cohérence avec les dépôts déjà clonés. Tapez donc :
+
+```
+cd polydex_story
+git remote add origine ssh://git@localhost:1234/polydex_story.git
+git remote remove origin
+git remote add origin ssh://git@servclubinfo.insecure.deule.net/polydex_story.git
+```
+
+Et normalement, tout est bon !
+
+
+N'hésitez pas à mettre un message si ça a marché ou si ça n'a pas marché en indiquant le contenu de l'erreur et l'étape à laquelle vous êtes ;-)
+
@@ -154,3 +154,10 @@ html {
     fill: $brand-color;
   }
 }
+
+kbd {
+    padding: 2px;
+    border: darken($grey-color-light, 20%) 1px solid;
+    background: $grey-color-light;
+    border-radius: 3px;
+}
@@ -0,0 +1,23 @@
+---
+title: Tutoriels archivés
+---
+
+<p>
+    Ici sont gardés les ancien tutoriels écrits par les membres du Club Info pour assurer leur pérénité.<br/>
+    Leurs informations sont très probablement obsolètes.
+</p>
+
+<ul class="post-list">
+{% assign tutos = site.tutos | sort: 'title' %}
+{% for my_tuto in tutos %}
+{% if my_tuto.tags contains 'archive' %}
+  <li>
+    <h2>
+      <a class="post-link" href="{{ my_tuto.url | relative_url }}">
+          Tutoriel : {{ my_tuto.title | escape }}
+      </a>
+    </h2>
+  </li>
+{% endif %}
+{% endfor %}
+</ul>
@@ -6,7 +6,9 @@ tags: header
 <p>Vous trouverez ici tous les tutoriels rédigés par nos membres. Peut-être y trouverez-vous votre bonheur !</p>
 <ul class="post-list">
-{% for my_tuto in site.tutos %}
+{% assign tutos = site.tutos | sort: 'title' %}
+{% for my_tuto in tutos %}
+{% unless my_tuto.tags contains 'archive' %}
   <li>
     <h2>
       <a class="post-link" href="{{ my_tuto.url | relative_url }}">
@@ -14,5 +16,6 @@ tags: header
       </a>
     </h2>
   </li>
+{% endunless %}
 {% endfor %}
 </ul>