repush clean

.drone.yml

@@ -0,0 +1,78 @@
+kind: pipeline
+name: hugo
+type: docker
+
+platform:
+  os: linux
+  arch: arm64
+
+trigger:
+  branch:
+    - main
+
+steps:
+
+# - name: git pull submodules
+#   image: alpine/git
+#   # settings:
+#   #   user:
+#   #     from_secret: GIT_USER
+#   #   password:
+#   #     from_secret: GIT_PASSWORD
+#   commands:
+#   - git submodule update --init --recursive
+
+- name: build hugo site
+  # image: greglebreton/drone-hugo:arm64
+  image: plugins/hugo
+  settings:
+    hugo_version: 0.111.3
+    theme: silhouette-hugo
+    extended: true
+    validate: true
+    config: config.toml
+    content: content
+    output: ./public
+  commands:
+    - hugo
+    # - /bin/drone-hugo version
+    - ls -la
+    # - /bin/drone-hugo
+    # - whoami
+
+- name: deploy site on server
+  image: greglebreton/drone-rsync:aarch64
+  settings:
+    hosts: ["192.168.1.100"]
+    target: /var/www/html/hugo-site
+    source: public/*
+    port: 2021
+    user:
+      from_secret: RSYNC_USER
+    key:
+      from_secret: RSYNC_SSH_KEY
+
+- name: notify
+  image: greglebreton/drone-email:arm64
+  settings:
+    from.address: greg@gregandev.fr
+    host: mail.gandi.net
+    port: 465
+    debug: true
+    username: greg@gregandev.fr
+    password:
+      from_secret: MAIL_PASSWORD
+    recipients: [ greg@gregandev.fr ]
+    subject: >
+      [{{ build.status }}]
+      {{ repo.owner }}/{{ repo.name }}            
+    body: >
+      📝 {{repo.name}} / {{commit.branch}} - {{commit.message}} <br />
+      {{#success build.status}}
+        ✅ succeeded  for 👷‍♂️ build {{build.number}}
+      {{else}}
+        🛑 failed for 👷‍♂️ build {{build.number}}
+      {{/success}}  
+      <br /><img src='https://git.gregandev.fr/assets/img/logo.svg'/>      
+  when:
+    status: [ success, failure ]

.gitignore

@@ -0,0 +1 @@
+public/

Dockerfile

@@ -0,0 +1,6 @@
+FROM nginx:alpine
+
+COPY ./public /var/www/html
+COPY ./nginx-proxy/nginx.conf /etc/nginx/conf.d/default.conf
+
+EXPOSE 80

README.md

@@ -0,0 +1,221 @@
+# ![Typing SVG](https://readme-typing-svg.demolab.com?font=Anton&pause=1000&size=40&random=false&width=435&height=70&lines=HUGO-SITE)
+
+## INSTALLATION :hammer:
+
+- Via APT:
+```bash
+sudo apt install hugo
+```
+
+- Via la ligne de commande:
+```bash
+cd /tmp
+curl -s https://api.github.com/repos/gohugoio/hugo/releases/latest \
+ | grep  browser_download_url \
+ | grep linux-amd64.deb \
+ | grep extended \
+ | cut -d '"' -f 4 \
+ | wget -i -
+
+sudo dpkg -i hugo*_linux-amd64.deb
+rm -rf hugo*_linux-amd64.deb
+```
+
+## UTILISATION
+
+### CREATION DU SITE :page_with_curl:
+
+- Vérifier l'installation:
+```bash
+hugo version
+```
+
+- Créer la structure du site:
+```bash
+hugo new site mon-site
+```
+
+- Créer du contenu:
+```bash
+cd mon-site
+hugo new posts/mon-post.md
+nano posts/mon-post.md
+```
+
+Ajouter des medias:
+- images:
+```bash
+## Image via link:
+![](https://pbs.twimg.com/media/DGKRMoPXcAIyA8y.jpg)
+
+------
+
+## Image via url locale (/static):
+![](/images/test/1.png)
+```
+- videos:
+```bash
+## Vidéo Youtube:
+{{< youtube ZSWzPI4BqvA >}}
+```
+
+### AJOUT D'UN THEME :art:
+
+```bash
+git init
+git submodule add https://github.com/theNewDynamic/gohugo-theme-ananke.git themes/ananke
+echo theme = \"ananke\" >> config.toml
+```
+
+Les thèmes HUGO: 
+- https://jamstackthemes.dev/ssg/hugo/
+- https://hugothemesfree.com/
+- https://master--hugothemes.netlify.app/
+
+### CONFIGURATION DU CONFIG.TOML :wrench:
+
+- Configuration de base
+```bash
+# Configuration de l'adresse, titre (onglet) et des chemins vers les contenus
+baseurl = "/"
+contentdir    = "content"
+layoutdir     = "layouts"
+publishdir    = "public"
+title = "Mon super site!!!"
+canonifyurls = true
+
+# ACCUEIL
+[Params]
+  subtitle = "Portfolio made in HUGO !"
+  logo = "img/logo2.png"
+  favicon = "img/favicon.ico"
+  dateFormat = "January 2, 2006"
+  commit = false
+  rss = false
+  comments = true
+```
+
+- Création d'un menu
+```bash
+[[menu.main]]   
+    name = "Post 1"
+    url = "/post/post1"
+    weight = 1
+
+[[menu.main]]
+    name = "A propos"
+    url = "/page/about"
+    weight = 2
+
+[[menu.main]]
+    name = "Projets"
+    url = "/page/about"
+    weight = 3
+```
+
+- Création d'un sous menu
+```bash
+[[menu.main]]
+    parent = "Projets"
+    name = "Projet 1"
+    url = "/projets/projet1"
+    weight = 1
+
+[[menu.main]]
+    parent = "Projets"
+    name = "Projet 2"
+    url = "/projets/projet2"
+    weight = 2
+```
+
+:warning: Créer les dossiers et les fichiers correspondant. Les urls ne prennent pas l'extension .md du fichier
+
+- Création des icônes reseaux sociaux
+```bash
+[Author]
+  name = ""
+  email = ""
+  gitlab = ""
+  github = ""
+  twitter = ""
+  reddit = ""
+  linkedin = ""
+```
+
+### LANCER LE SERVEUR :rocket:
+
+```bash
+# L'option -D est pour servir les fichiers en Draft = true (non publiés)
+hugo server -D
+```
+
+> Visiter http://localhost:1313
+
+
+### BUILDER LE SITE :construction:
+
+```bash
+hugo
+```
+
+> Les fichiers générés sont dans le dossier public
+
+## DEPLOIEMENT :checkered_flag:
+
+### VIA GITLAB AUTO DEVOPS
+
+Compléter le config.toml comme ceci:
+```bash
+baseURL = "https://gitlab_user.gitlab.io/"
+```
+
+Compléter le fichier .gitlab-ci.yml comme ceci:
+```bash
+image: registry.gitlab.com/pages/hugo/hugo_extended:latest
+
+variables:
+  GIT_SUBMODULE_STRATEGY: recursive
+
+pages:
+  script:
+    - hugo
+  artifacts:
+    paths:
+      - public
+  only:
+  - main
+```
+
+### VIA DOCKER :whale:
+
+- Créer une Dockerfile contenant:
+
+```Dockerfile
+FROM nginx:alpine
+
+COPY ./public/* /usr/share/nginx/html
+COPY ./docs/nginx-exemple.conf /etc/nginx/conf.d/default.conf
+
+EXPOSE 80
+CMD ["nginx", "-g", "daemon off;"]
+```
+
+```bash
+docker build -t hugo-site:1.0 .
+docker run -d -p 8989:80  hugo-site:1.0
+```
+
+## DOCUMENTATION :books:
+
+[DOC DU GARAGE](https://docs.legaragenumerique.xyz/divers/devops/hugo/)  
+[DOC OFFICIELLE](https://gohugo.io/documentation/)  
+[DOC MARKDOWN](https://www.markdownguide.org/basic-syntax/)  
+
+## CI/CD :repeat:
+
+- WEB2PDF.py
+- .drone.yml
+
+## TO DO :bookmark_tabs:
+
+- [ ] CI/CD schema

config.toml

@@ -0,0 +1,83 @@
+# Configuration de l'adresse, titre (onglet) et des chemins vers les contenus
+baseurl = "https://www.gregandev.fr"
+contentdir    = "content"
+layoutdir     = "layouts"
+publishdir    = "public"
+title = "Gregandev"
+canonifyurls = true
+logo = "images/logos/logo.png"
+favicon = "images/logos/favicon.png"
+
+author = "Grégory Lebreton"
+paginate = 3
+theme = "silhouette-hugo"
+
+#disqusShortname = ""
+#googleAnalytics = ""
+
+[params]
+author = "Grégory Lebreton"
+introDescription = "Ingénieur Devops"
+contentSharing = ""
+
+[social]
+github = "greglebreton"
+linkedin = "grégory-lebreton-996b261bb"
+gitlab = "greglebreton"
+email = "greg"
+
+[Params.social.share]
+  linkedin = true
+  email = true
+
+
+
+# CONFIG LANGAGE ET THEME
+DefaultContentLanguage = "fr"
+# theme = ["osm", "beautifulhugo"]
+theme = "silhouette-hugo"
+metaDataFormat = "yaml"
+pygmentsUseClasses = true
+pygmentCodeFences = true
+
+
+# [params]
+#     mainbg = "images/unix.jpg"
+#     name = "Gregandev"
+#     # mainTitle = "Portfolio"
+#     mainText = "Devops for Game"
+#     # subtitle = "Portfolio"
+#     since = 2016
+#     logo = "images/logos/logo.png"
+#     favicon = "images/logos/favicon.png"
+#     dateFormat = "January 2, 2006"
+#     commit = false
+#     rss = false
+#     comments = true
+
+# [menus]
+#     [[menu.main]]
+#         identifier = "about"
+#         name = "A propos"
+#         url = "page/about"
+#     [[menu.main]]
+#         identifier = "skills"
+#         name = "Liens"
+#         url = "page/liens"
+#     [[menu.main]]
+#         identifier = "projects"
+#         name = "Projects"
+#         url = "page/projects"
+#     [[menu.main]]
+#         identifier = "projects"
+#         name = "CV"
+#         url = "https://cv.gregandev.fr"
+
+# ICONES RESEAUX SOCIAUX
+[Author]
+  name = "Greg Lebreton"
+  email = "contact@gregandev.fr"
+#   gitlab = "GregLebreton"
+  github = "GregLebreton"
+  linkedin = "grégory-lebreton-996b261bb"
+  itchio = "gregan"

content/_index.md

@@ -0,0 +1,30 @@
+---
+title: Accueil
+---
+
+<div class="contenu">
+
+### ![Typing SVG](https://readme-typing-svg.demolab.com?font=Anton&pause=1000&size=40&random=false&repeat=false&width=435&height=70&lines=INTRODUCTION)
+					
+
+Développeur passionné par les technologies de l'information et de communication, autodidacte de formation, j'aime le partage de connaissances par l'intermédiaire de tout vecteur possible dont l'open source !
+
+### LES PROJETS
+
+Voici les projets sur lesquels je travaille actuellement :
+
+[![LA2029](images/jeux/CaptureTerminatorQuest00.png)]({{< relref "page/la-2029.md" >}})
+
+[![GEVR](images/jeux/GEVRCover.jpg)]({{< relref "page/goldeneyevr.md" >}})
+
+[![E&MVSW](images/jeux/AkiraCover.JPG)]({{< relref "page/akiravr.md" >}})
+
+[![E&MVSW](images/jeux/cover.jpg)]({{< relref "page/retroarcade.md" >}})
+
+[![GARAGE](images/formation/garagenum.png)]({{< relref "page/garagenum.md" >}})
+
+[![CNAM](images/formation/cnam.png)]({{< relref "page/cnam.md" >}})
+
+[![SK8](images/projets/skate.png)](https://git.gregandev.fr/explore/repos)
+
+</div>

content/page/about.md

@@ -0,0 +1,72 @@
+---
+title: MON PARCOURS
+subtitle: 
+comments: false
+description: ma formation et mes compétences
+---
+
+Après mon Baccalauréat, j'ai choisi de travailler pour être indépendant. C'est plus tard que j'ai trouvé ma vocation et alors ai entrepris de reprendre les études nécessaires pour faire le méter de mes rêves. 
+
+#### ![Typing SVG](https://readme-typing-svg.demolab.com?font=Anton&pause=3000&size=40&random=false&repeat=false&color=343A40&width=435&height=70&lines=DEV+JAVA+FULLSTACK)
+
+La formation de concepteur développeur informatique était orientée Java et web, avec le développement d'applications gérant aussi bien le Frontend que le Backend avec un affichage fenêtré géré par Swing ou un affichage par Jsp.
+
+J'ai pu aborder également la persistence a travers JPA mais aussi de manière traditionnelle avec le SQL et les bases de données (relationnelles).
+J'ai alors développer des applications pour des librairie ou de restaurants connectés.
+
+En conception, j'ai été formé à la méthode Merise ainsi que l'UML pour la modélisation, puis plus tard la méthode agile avec le développement SCRUM.
+
+[![AFPA](../../images/formation/Afpa12.jpg)](https://www.afpa.fr/)
+
+#### ![Typing SVG](https://readme-typing-svg.demolab.com?font=Anton&pause=3000&size=40&random=false&repeat=false&color=343A40&width=435&height=70&lines=DEV+PHP)
+
+J'ai eu la chance de pouvoir développer un module en PHP pour une application liscenciée par Leading Frog.
+
+L'application est déployée sur des totems dans les hôtels touristiques de Disneyland et offrent
+différents modules comme la consultation d'horaires des transports (avions, bus, état du trafic routier), etc...
+
+Mon module propose de choisir parmi des photos selectionnées par l'établissement pour les envoyer via un service payant (stripe) sous forme de carte postale.
+
+Une fois le paiement effectué, une notification est envoyée à Leading Frog proposant d'imprimer la carte postale avec le visuel précédement choisi et à l'adresse de destination déjà saisie.
+
+[![Leading Frog](../../images/formation/LG.png)](https://news.leadingfrog.com/)  
+
+#### ![Typing SVG](https://readme-typing-svg.demolab.com?font=Anton&pause=3000&size=40&random=false&repeat=false&color=343A40&width=435&height=70&lines=DEVOPS)
+
+Puis j'ai suivi une formation DEVOPS avec l'utilisation d'outils comme Jenkins, Ansible ou Kubernetes qui change la façon de concevoir, développer et déployer des services informatiques.
+
+[![DEVOPS](../../images/formation/Devops.png)](https://fr.wikipedia.org/wiki/Devops)  
+
+#### ![Typing SVG](https://readme-typing-svg.demolab.com?font=Anton&pause=3000&size=40&random=false&repeat=false&color=343A40&width=435&height=70&lines=MON+TRAVAIL)
+
+
+[![GN](../../images/formation/garagenum.png)]({{< relref "page/garagenum.md" >}})  
+
+Je suis actuellement employé au Garage Numérique en tant que formateur Devops, avec également les casquettes d'administrateur systèmes, développeur et intégrateur.
+
+C'est dans cet incubateur de talents que j'ai développé une application web de quiz en python via le framework [Django](https://www.djangoproject.com/), implémenter l'identification centralisée avec le logiciel Keycloak sur tous les services de l'association ([Nextcloud](https://nextcloud.com/fr/), [Kanboard](https://kanboard.org/), [Element](https://element.io/), [Workadventure](https://workadventu.re/), [Portainer](https://www.portainer.io/), [Jenkins](https://www.jenkins.io/), [Penpot](https://penpot.app/), [Gitea](https://gitea.com/)), ainsi que tout un système de PRA avec sauvegardes régulières et redéploiement automatiseé via: [Ansible](https://www.ansible.com/).
+
+[![CNAM](../../images/formation/cnam.png)]({{< relref "page/cnam.md" >}})
+
+Le [CNAM](https://www.cnam.fr/) est un partenaire dans la formation des jeunes aux métiers de demain, il développe de nouvelles filières qui visent à répondre aux besoins des professionnels de l'informatique et permettent la reconnaissance des nouvelles compétences de l'IT par l'intermédiaire de dipômes. 
+
+#### ![Typing SVG](https://readme-typing-svg.demolab.com?font=Anton&pause=3000&size=40&random=false&repeat=false&color=343A40&width=435&height=70&lines=MON+CV)
+
+[![Mon CV](../../images/cv.png)](https://cv.gregandev.fr)
+
+## ![Typing SVG](https://readme-typing-svg.demolab.com?font=Anton&pause=3000&size=40&random=false&repeat=false&color=343A40&width=435&height=70&lines=MES+PASSIONS)
+
+
+#### ![Typing SVG](https://readme-typing-svg.demolab.com?font=Anton&pause=3000&size=40&random=false&repeat=false&color=343A40&width=435&height=70&lines=SKATEBOARD)
+
+Une autre de mes passion, le skateboard. La plaisir de cruiser avec sa board un soir d'été afin de sentir le vent rafraîchir ces tempes est un des plaisirs de la vie.
+
+[![SK8](../../images/formation/skate.png)](https://www.youtube.com/@TheGregan77)
+
+[![YT](https://custom-icon-badges.demolab.com/badge/youtube-red.svg?logo=youtube&logoSource=feather)](https://www.youtube.com/@TheGregan77)
+
+#### ![Typing SVG](https://readme-typing-svg.demolab.com?font=Anton&pause=3000&size=40&random=false&repeat=false&color=343A40&width=435&height=70&lines=REALITE+VIRTUELLE)
+
+Je suis depuis le début cette technologie qui me fascine tant par son aspect futuriste que par les possibilités qu'elle offre.
+
+![VR](../../images/jeux/vr.gif)  

content/page/cnam.md

@@ -0,0 +1,18 @@
+---
+title: LE CNAM
+subtitle: conservatoire national des arts et métiers
+comments: false
+description: la partie pédagogique de mon travail
+---
+
+#### ![CNAM](https://readme-typing-svg.demolab.com?font=Anton&pause=3000&size=40&random=false&repeat=false&color=343A40&width=435&height=70&lines=LE+CNAM)
+
+![CNAM](../../images/formation/cnam2.png)
+
+Dans le cadre d'un partenariat entre le Garage Numérique et le CNAM, j'anime les cours de spécialité DEVOPS technicien d'exploitation.
+
+Cela me permet de former les jeunes à l'informatique de demain dans une branche offrant tant de métiers différents qu'il est souvent difficile de s'orienter pour un étudiant.
+
+Pour connaître le contenu de la formation, cliquez sur le logo ci-dessous:
+
+[![Plaquette formation](../../images/formation/cnam.png)](https://informatique.cnam.fr/fr/spip.php?article1739)

content/page/garagenum.md

@@ -0,0 +1,133 @@
+---
+title: LE GARAGE NUMERIQUE
+subtitle: 
+comments: false
+description: la partie "technique" de mon travail
+---
+
+
+### ![L'ASSOC](https://readme-typing-svg.demolab.com?font=Anton&pause=3000&size=40&random=false&repeat=false&color=343A40&width=435&height=70&lines=L'ASSOCIATION)
+
+[![GN](../../images/formation/garagenum.png)](https://www.legaragenumerique.fr)
+
+L'association Le Garage Numérique prône la culture du logiciel libre. Linux Debian est l'OS de prédilection.
+
+Nous avons pour but de former la population à l'utilisation de logiciels libres pour que celle-ci s'approprie les outils plutôt que de payer de grands éditeurs pour pouvoir travailler ou faire ses démarches administratives.
+
+Au Garage Numérique, on répare, on reconditionne et on forme les habitants aux outils libres pour une égalité numérique!
+
+[![GN](../../images/logos/linux.png)](https://fr.wikipedia.org/wiki/Linux)
+
+### ![TRAVAIL](https://readme-typing-svg.demolab.com?font=Anton&pause=3000&size=40&random=false&repeat=false&color=343A40&width=435&height=70&lines=MON+TRAVAIL)
+
+![GN](../../images/logos/devops.png)
+
+##### ![ROLES](https://readme-typing-svg.demolab.com?font=Anton&pause=3000&size=40&random=false&repeat=false&color=343A40&width=435&height=70&lines=MES+RÔLES)
+
+Voici mes principaux rôles au Garage Numérique:
+
+* Je suis formateur Devops au [CNAM](https://www.cnam.fr) pour des étudiants BAC +1 ainsi que pour les élèves su Pass numérique pro. Cela me permet de rester en perpétuelle veille technologique afin de transmetre les dernières technos utilisées.
+
+* Je suis également Administrateur système, en charge de maintenir les serveurs du Garage opérationnels, à jour et sécurisés. La mise en place d'un monitoring automatisé autour de [Prometheus](https://prometheus.io/) ainsi que d'un système de BACKUP régulières permettant de récupérer rapidement en cas d'incident sur un serveur. 
+
+* Je développe également des applications pour la Garage et les intègre dans notre [ecosystème](https://git.legaragenumerique.fr/GARAGENUM/ecosysteme) afin de proposer toujours plus de services utiles à la communauté.
+
+##### ![PROJETS](https://readme-typing-svg.demolab.com?font=Anton&pause=3000&size=40&random=false&repeat=false&color=343A40&width=435&height=70&lines=LES+PROJETS)
+
+- Le framework python Django m'a permis de développer une application de quiz avec connection centralisée (SSO) vers le gestionnaire d'identité du Garage: Keycloak.  
+
+[![DJANGO](../../images/logos/django.png)](https://www.djangoproject.com/)
+
+[![KEYCLOAK](../../images/logos/keycloak.png)](https://www.keycloak.org/)
+
+> {{< icons "fab fa-github" "fa-2x" >}} [code source](https://git.legaragenumerique.fr/GARAGENUM/django-quiz/src/branch/keycloak)
+
+___
+
+<br><br>
+
+- A la manière de [OVERTHEWIRE](https://overthewire.org/wargames/bandit/), nous avons créé un "bash game" pour faire découvrir aux étudiants les commandes terminal Linux via un jeux:
+
+[![BASH](../../images/projets/bash-game.png)](https://devops.legaragenumerique.fr/)
+
+Pour déployer l'application sur les serveurs du Garage, nous avons choisi de "conteneuriser" celle-ci afin d'optimiser et de sécuriser notre serveur via l'outil [Docker](https://www.docker.com/).
+
+> {{< icons "fab fa-github" "fa-2x" >}} [code source](https://git.legaragenumerique.fr/GARAGENUM/enter-bash)
+
+___
+
+<br><br>
+
+- Nous avons également déployer un méta-verse permettant aux étudiants de se retrouver d'une manière ludique pour travailler:
+
+[![WA](../../images/projets/wa.png)](https://workadventu.re/)
+
+Développé par [The Coding Machine](https://thecodingmachine.com/)
+
+> {{< icons "fab fa-github" "fa-2x" >}} [code source](https://github.com/workadventure/workadventure)
+
+___
+
+<br><br>
+
+- Afin d'assurer "l'indépendance de notre code", nous hébergeons un SCM ([Gitea](https://about.gitea.com/)) ainsi qu'une plateforme de CI/CD via [Drone CI](https://www.drone.io/):
+
+[![GITEA](../../images/projets/gitea.png)](https://git.legaragenumerique.fr)
+
+ 
+{{< icons "fab fa-github" "fa-2x" >}} [code source](https://git.legaragenumerique.fr/GARAGENUM/gitea-drone-ci)
+
+
+___
+
+<br><br>
+
+
+- A l'heure de l'intelligence artificielle, le Garage à déployé son propre [LLM](https://fr.wikipedia.org/wiki/Grand_mod%C3%A8le_de_langage) open source permettant d'intéragir avec une "intelligence artificielle".
+
+[![WA](../../images/projets/garage-ai.png)](https://ai.legaragenumerique.xyz)
+
+Les modèles déployés sont:
+- [ChatGPT 3.5](https://huggingface.co/openai-community/openai-gpt) Modèle de language conversationnel
+- [Stable diffusion](https://huggingface.co/runwayml/stable-diffusion-v1-5) Modèle de générateur d'images
+
+> {{< icons "fab fa-github" "fa-2x" >}} [code source](https://git.legaragenumerique.fr/GARAGENUM/garage-AI)
+
+___
+
+<br><br>
+
+
+- Un Curiculum Vitae via le framework [HUGO](https://gohugo.io/): 
+
+[![HUGO-CV](https://github.com/ineesalmeida/almeida-cv/blob/master/images/screenshot-full.png?raw=true)](https://cv.gregandev.fr/)
+
+> {{< icons "fab fa-github" "fa-2x" >}} [code source](https://git.gregandev.fr/gregandev/hugo-cv)
+
+___
+<br><br>
+
+
+- Dans le cadre du CNAM, nous avon développé un exemple d'API simple en Python Flask ainsi que son client Android en python via les modules Kivy et Buildozer: 
+
+[![PYTHON](../../images/projets/python-api.png)](https://git.legaragenumerique.fr/GARAGENUM/python-api)
+
+> {{< icons "fab fa-github" "fa-2x" >}} [code source API](https://git.legaragenumerique.fr/GARAGENUM/python-api)
+
+> {{< icons "fab fa-github" "fa-2x" >}} [code source client Android](https://git.legaragenumerique.fr/GARAGENUM/python-kivy)
+
+___
+<br><br>
+
+
+- Nous avons constitué une documentation avec [MKdocs](https://www.mkdocs.org/) au fil du temps archivant nos process et beaucoup de connaissances utiles dans l'informatique, mise à jour régulièrement via un [Drone CI] auto-hébergé: 
+
+[![DOC](../../images/logos/mkdocs.png)](https://docs.legaragenumerique.xyz)
+
+> {{< icons "fab fa-github" "fa-2x" "https://git.legaragenumerique.fr/GARAGENUM/docs" >}} [code source](https://git.legaragenumerique.fr/GARAGENUM/docs)
+
+___
+
+<br><br>
+
+Pour plus de projets open source maintenus par le Garage: [Garagenum code](https://git.legaragenumerique.fr/GARAGENUM)

content/page/liens.md

@@ -0,0 +1,90 @@
+---
+title: LIENS SYMPAS
+subtitle: 
+comments: false
+description: quelques liens funs
+---
+
+### ![Typing SVG](https://readme-typing-svg.demolab.com?font=Anton&pause=1000&size=40&random=false&repeat=5000&color=343A40&width=435&height=70&lines=BLADE+RUNNER)
+
+![BR](../../images/jeux/bladerunner.jpg)
+
+Quentin Langèle est un software engineer qui s'est lançé dans
+un projet faramineux de reconstitution de l'appartement du célèbre Blade runner Rick Deckard.
+
+La minutie des textures, le souci du détail et  l'athmosphère générale en fait pour moi un monument numérique dédié au chef d'oeuvre du septième art qu'est Blade Runner.
+Bref, pour les amoureux de Blade Runner, c'est ici :
+
+[![EXTERNAL](https://custom-icon-badges.demolab.com/badge/external-link.svg?logo=external-link&logoSource=feather)](https://www.br9732.com)  
+
+[![BLADE RUNNER 9732](../../images/logos/logobr.png)](https://www.br9732.com)
+
+------
+### ![Typing SVG](https://readme-typing-svg.demolab.com?font=Anton&pause=1000&size=40&random=false&repeat=5000&color=343A40&width=435&height=70&lines=RETRO+GAMING)
+
+![RETROARCH](../../images/jeux/retroarch.png)
+
+Grâce à des devs brillants, la plateforme open source de retrogaming "Retroarch" a été déclinée
+en version web via emscriptem. Une image docker éxistait déjà, cependant voulant héberger le tout sur un Raspberry Pi 4,
+l'architecture ne correspondait pas. Après réécriture de la Dockerfile et un build plus tard, j'ai constaté le succès de l'opération.
+
+> {{< icons "fab fa-github" "fa-2x" >}} [code source](https://github.com/libretro/RetroArch)
+
+> Image Docker pour Raspberry PI4:  
+[![LE JEUX VERSION ANDROID](https://custom-icon-badges.demolab.com/badge/download-badge.svg?logo=package&logoSource=feather)](https://hub.docker.com/r/greglebreton/retroarchwebpi)
+
+<!-- [RETROARCH WEB PLAYER DÉPLOYÉ](https://retroarch.gregandev.fr) -->
+
+![RETROARCH](../../images/jeux/retroarch.gif)
+
+------
+### ![Typing SVG](https://readme-typing-svg.demolab.com?font=Anton&pause=1000&size=40&random=false&repeat=5000&color=343A40&width=435&height=70&lines=EMULATIONSTATION)
+
+![EMULATIONSTATION](../../images/jeux/Emulation.jpg)
+
+EmulationStation est un FrontEnd opensource pour émulateur (généralement Retroarch). Il se décline sous différentes OS tels que Windows, Raspberry pi, débian et Arch OS.
+
+Cet outil nécessite de la configuration pour fonctionner mais il offre des possibilités et une profondeur pour les afficionados du retro gaming qui mérite un détour.
+En attendant de partager ma config, un petit lien permet de se faire une bonne idée de la chose.						
+
+J'ai également refait certains screens de menus pour quelques consoles que vous pouvez télécharger ici: [![LE JEUX VERSION ANDROID](https://custom-icon-badges.demolab.com/badge/download-badge.svg?logo=download&logoSource=feather)](https://github.com/GregLebreton/emulationstationThemes)				
+
+[![SITE D'EMULATIONSTATION](../../images/logos/logoes.png)](https://emulationstation.org)
+
+------
+### ![Typing SVG](https://readme-typing-svg.demolab.com?font=Anton&pause=1000&size=40&random=false&repeat=5000&color=343A40&width=435&height=70&lines=MOZINOR)
+
+![MOZINOR](../../images/liens/Mozinor.png)
+
+Le célèbre Mozinor...
+Mozinor est un amateur de doublages de vieux films qui peu a peu est passé pro dans le détournement de films.
+
+Le mieux, c'est encore de parcourir son site en commençant par les premières années pour
+constater l'évolution et l'ampleur du personnage ! 
+
+[![MOZINOR](../../images/liens/mozinor.jpg)](http://www.mozinor.com)
+
+La classe américaine ou le grand détournement. c'est le "flim" qui a inspiré Mozinor tant au niveau du principe que de l'humour.						
+
+![CLASSE AMERICAINE GIF](https://image.noelshack.com/fichiers/2018/02/7/1515913960-chips.gif)  
+
+Film complet: [![YT](https://custom-icon-badges.demolab.com/badge/youtube-red.svg?logo=youtube&logoSource=feather)](https://www.youtube.com/watch?v=W8sop56DBUs)			
+
+------
+### ![Typing SVG](https://readme-typing-svg.demolab.com?font=Anton&pause=1000&size=40&random=false&repeat=5000&color=343A40&width=435&height=70&lines=POUR+LES+VIEUX+GEEKS)
+
+![DOS](../../images/logos/doslogo.png)
+
+![DOS](../../images/jeux/dos.gif)
+
+JSdos est un projet pour faire tourner DosBox (émulateur MS-DOS en JavaScript) sur navigateur.
+
+Cliquez sur l'icône et choisissez parmis les plus grand classiques DOS tels que DOOM, SIM CITY ou encore BLOOD.
+Un grand merci à [@caiiiycuk](https://twitter.com/caiiiycuk) pour cet ouvrage.					
+
+Un DOS web avec les grands classiques:  
+[![EXTERNAL](https://custom-icon-badges.demolab.com/badge/external-link.svg?logo=external-link&logoSource=feather)](https://js-dos.com/games/)
+
+<!-- ### HUMOUR DE DEV
+
+> les joies du code -->

content/page/projets.md

@@ -0,0 +1,46 @@
+---
+title: PROJETS
+subtitle: 
+comments: false
+description: les projets persos
+---
+
+### ![RETRO](https://readme-typing-svg.demolab.com?font=Anton&pause=3000&size=40&random=false&repeat=false&color=343A40&width=435&height=70&lines=RETRO+ARCADE+GAME)
+
+Un hommage à l'ère des consoles 8 et 16 bits
+
+[![RETRO ARCADE](../../images/jeux/cover.jpg)]({{< relref "projets/retroarcade.md" >}})
+
+### ![GEVR](https://readme-typing-svg.demolab.com?font=Anton&pause=3000&size=40&random=false&repeat=false&color=343A40&width=435&height=70&lines=GOLDENEYE+VR)
+
+Un remake du célèbre jeux sur Nintendo 64 en VR
+
+[![GEVR COVER](../../images/jeux/GEVRCover.jpg)]({{< relref "projets/goldeneyevr.md" >}})
+
+### ![LA2029](https://readme-typing-svg.demolab.com?font=Anton&pause=3000&size=40&random=false&repeat=false&color=343A40&width=435&height=70&lines=LA+2029)
+
+Un FPS dans le monde post apocalyptique de Terminator en VR
+
+[![LA 2029](../../images/jeux/CaptureTerminatorQuest00.png)]({{< relref "projets/la-2029.md" >}})
+
+### ![AKIRAVR](https://readme-typing-svg.demolab.com?font=Anton&pause=3000&size=40&random=false&repeat=false&color=343A40&width=435&height=70&lines=AKIRA+VR)
+
+Conduisez la célèbre moto de Kaneda (Akira) en VR dans un Neo Tokyo
+
+[![HUGO-SITE](../../images/jeux/AkiraCover.png)]({{< relref "projets/akiravr.md" >}})
+
+### ![HUGO](https://readme-typing-svg.demolab.com?font=Anton&pause=3000&size=40&random=false&repeat=false&color=343A40&width=435&height=70&lines=PORTFOLIO+HUGO)
+
+Ce site portfolio a été fait avec le framework [HUGO](https://gohugo.io/)
+
+[![HUGO-SITE](../../images/projets/hugo-site.png)](https://git.gregandev.fr/gregandev/hugo-site)
+
+> {{< icons "fab fa-github" "fa-2x" >}} [code source](https://git.gregandev.fr/gregandev/hugo-site)
+
+L'utilisation du même framework avec un thème monopage pour faire son CV:
+
+> {{< icons "fab fa-github" "fa-2x" >}} [code source](https://git.gregandev.fr/gregandev/hugo-cv)
+
+<!-- ### PYTHON METEO
+
+[![Python meteo]()](https://git.gregandev.fr/gregandev/python-meteo.git) -->

content/projets/akiravr.md

@@ -0,0 +1,19 @@
+---
+title: AKIRA VR
+subtitle: Jeux VR dev sous Unity
+comments: false
+---
+
+### ![Typing SVG](https://readme-typing-svg.demolab.com?font=Anton&pause=1000&size=40&random=false&repeat=5000&color=343A40&width=435&height=70&lines=LE+PRINCIPE)
+
+Le but de ce projet est de reproduire le Neo Tokyo d'Akira, au volant de la moto de Kaneda, parcours les autoroutes niponnes en pleine ville suréaliste.
+
+![AKIRAVR](../../images/jeux/AkiraCover.png)
+
+Ce projet me permet de travailler sur les lumières et l'optimisation de celles-ci dans une scène sous Unity.
+
+### ![Typing SVG](https://readme-typing-svg.demolab.com?font=Anton&pause=1000&size=40&random=false&repeat=5000&color=343A40&width=435&height=70&lines=ROADMAP)
+
+Il n'y en as pas vraiment, c'est mon projet le moins prioritaire pour le moment, idéalement, ajouter plus de routes / circuits, des ennemis et amèliorer la maniabilité de la bécane.
+
+![AKIRAVR](../../images/jeux/akira-bike.png)

content/projets/goldeneyevr.md

@@ -0,0 +1,65 @@
+---
+title: GOLDENEYE VR
+subtitle: VR multiplayer retro classic remake
+---
+
+[![GEVR COVER](../../images/jeux/GEVRCover.jpg)](https://fr.wikipedia.org/wiki/GoldenEye_007)
+
+### ![Typing SVG](https://readme-typing-svg.demolab.com?font=Anton&pause=1000&size=40&random=false&repeat=5000&color=343A40&width=435&height=70&lines=LE+PRINCIPE)
+
+Le but est de se rapprocher un maximum de la version N64 mais en VR : restituer l'ambiance et les mécanismes de l'original mais en y étant. Un principe des plus simple :
+transposer GoldenEye 64 en PC VR avec une compatibilité maximale (Oculus Rift(s), HTC Vive, Windows MR, etc...). 
+Je développe sous Unity avec l'api Photon pour le multiplayer. Pour les mécaniques, c'est du pur script! Le projet est à vocation open source, 
+destiné pour les fans de GoldenEye 64 et de VR, le but est de créer une communauté pour améliorer continuellement le jeu à la manière de GoldenEye Source.
+
+---------------
+### ![Typing SVG](https://readme-typing-svg.demolab.com?font=Anton&pause=1000&size=40&random=false&repeat=5000&color=343A40&width=435&height=70&lines=SCREENSHOTS)
+
+#### ![Typing SVG](https://readme-typing-svg.demolab.com?font=Orbitron&pause=1000&size=40&random=false&repeat=5000&color=343A40&width=435&height=50&lines=les+niveaux)
+
+![GEVR CAPTURE 1](../../images/jeux/CaptureGEVR1.PNG)
+
+![GEVR CAPTURE 2](../../images/jeux/CaptureGEVR2.PNG)
+
+![GEVR CAPTURE 3](../../images/jeux/CaptureGevrArchives.PNG)
+
+(Toutes les maps du jeu originales sont présentes bien entendu!)
+
+#### ![Typing SVG](https://readme-typing-svg.demolab.com?font=Orbitron&pause=1000&size=40&random=false&repeat=5000&color=343A40&width=435&height=50&lines=les+menus)
+
+##### principal
+
+![GEVR CAPTURE 4](../../images/jeux/CaptureGevrDiscord.PNG)
+
+![GEVR CAPTURE 5](../../images/jeux/CaptureGevrMenu.PNG)
+
+##### in game
+
+![GEVR CAPTURE 6](../../images/jeux/CapturePauseMenu.PNG)
+
+![GEVR CAPTURE 7](../../images/jeux/CapturePauseMenu2.PNG)
+
+---------------
+### ![Typing SVG](https://readme-typing-svg.demolab.com?font=Anton&pause=1000&size=40&random=false&repeat=5000&color=343A40&width=435&height=70&lines=UPDATE+04/2020)
+
+Suite au contexte de confinement, j'ai pû replonger dans le projet pour y avançer quelque peu.
+Voici les petits ajouts et une petite update de la road map:<br>
+- Ajout de différents modèle de player (Connery, Brosnan et Craig)<br>
+- Ajout du plug-in Steam VR<br>
+- Ajout du plug-in Photon Voice qui gère le dialogue par voix dans le jeu<br>
+
+#### ![Typing SVG](https://readme-typing-svg.demolab.com?font=Orbitron&pause=1000&size=40&random=false&repeat=5000&color=343A40&width=435&height=50&lines=les+avatars)
+
+![GEVR CAPTURE 8](../../images/jeux/CaptureGEVR5.JPG)
+
+![GEVR CAPTURE 9](../../images/jeux/CaptureGEVR4.JPG)
+
+![GEVR CAPTURE 10](../../images/jeux/CaptureGEVR6.JPG)
+
+---------------
+### ![Typing SVG](https://readme-typing-svg.demolab.com?font=Anton&pause=1000&size=40&random=false&repeat=5000&color=343A40&width=435&height=70&lines=ROAD+MAP)
+
+* Implémenter la création de room personnalisée pour faire des parties privée entre amis.<br>
+* Intégrer les différents modes de jeu (deathmatch, teammatch, capture the flag, the man with the golden gun, etc...)<br>
+* Ajouter des options de comfort comme la vignette lors du déplacement, la TP, le remappage des boutons.<br>
+* Et des features auxquels je n'ai pas encore pensé!

content/projets/la-2029.md

@@ -0,0 +1,215 @@
+---
+title: LA 2029
+subtitle: VR Shooter
+comments: false
+---
+			
+![LA 2029](../../images/jeux/CaptureTerminatorQuest00.png)
+
+### ![Typing SVG](https://readme-typing-svg.demolab.com?font=Anton&pause=1000&size=40&random=false&repeat=5000&color=343A40&width=435&height=70&lines=LE+PRINCIPE)
+
+C'est un FPS en VR pour la plateforme Oculus Quest où l'on tire sur des terminators se présentant.
+
+La recharge se fait de manière manuelle avec le magasin vide à éjecter avant de se munir du nouveau magasin à sa ceinture pour<br>
+l'ammener à l'arme, ce qui recharge celle-ci.<br>
+Le but est de rejoindre la fin du niveau en tuant un maximum de Terminators et en restant en vie : simple et éfficace!
+
+![LA 2029](../../images/jeux/CaptureTerminatorQuest3.png)
+
+### ![Typing SVG](https://readme-typing-svg.demolab.com?font=Anton&pause=1000&size=40&random=false&repeat=5000&color=343A40&width=435&height=70&lines=LE+POURQUOI)
+
+Je voulais tester de créer les scripts de mécanique de recharge manuelle de l'arme :<br>
+une fois le magasin vide enlevé, on prends celui situé à gauche sur la "ceinture" et finalement celui-ci mis en place, l'arme se recharge. 
+
+L'aspect "limitation technique" vu le support mobile Quest est aussi ce qui m'a motivé pour ce projet.
+
+Suite à la sortie du jeu Terminator Resistance, j'ai vraiment accroché avec l'ambiance que les 
+devs ont réussis à créer et étant un fan des films, je me suis lançé.<br> 
+C'est une version simple avec des assets téléchargées sur Sketchfab, le tout codé en une semaine.
+
+### ![Typing SVG](https://readme-typing-svg.demolab.com?font=Anton&pause=1000&size=40&random=false&repeat=5000&color=343A40&width=435&height=70&lines=LE+COMMENT)
+
+La plateforme Quest étant limité en ressources ([Spécifications Oculus Quest](https://vr-compare.com/headset/oculusquest)), il fallait trouver un moyen d'optimiser le chargement des GameObjects en cours de niveau, j'ai donc implémenté le principe "d'object pooler".
+
+Le principe s'articule autour de deux scripts fonctionnant de concert: 
+
+- Le premier script, l'ObjectPooler charge en début de scene un nombre défini d'instances de Gameobjects afin que ceux-ci soient disponibles et ainsi éviter des ralentissements en plein niveau.
+
+- Le second se place sur des "Transform" où les GameObjects sont sensé apparaître. Un composant collider va déclencher l'apparition du GameObject dès que le joueur arrive à une certaine distance. Il suffit au script de piocher dans le "pool" des GameObjects chargés en début de scène.
+
+<!--
+![OBJECT POOLER](../../images/jeux/object-pooler.gif)
+-->
+
+<!--
+
+##### ObjectPooler.cs
+
+```cs
+using System.Collections.Generic;
+using UnityEngine;
+
+
+[System.Serializable]
+public class ObjectPoolItem 
+{
+    public int amountToPool;
+    public GameObject objectToPool;
+    public bool shouldExpand;
+}
+
+public class ObjectPooler : MonoBehaviour
+{
+    public static ObjectPooler SharedInstance;
+
+    public List<GameObject> pooledObjects;
+
+    public List<ObjectPoolItem> itemsToPool;
+
+    void Awake() 
+    {
+        SharedInstance = this;
+    }
+
+    void Start () 
+    {
+        pooledObjects = new List<GameObject>();
+        foreach (ObjectPoolItem item in itemsToPool)
+        {
+            for (int i = 0; i < item.amountToPool; i++)
+            {
+                GameObject obj = (GameObject)Instantiate(item.objectToPool);
+                obj.SetActive(false);
+                pooledObjects.Add(obj);
+            }
+        }
+    }
+
+  public GameObject GetPooledObject(string tag) 
+  {
+    for (int i = 0; i < pooledObjects.Count; i++) {
+      if (!pooledObjects[i].activeInHierarchy && pooledObjects[i].tag == tag) {
+        return pooledObjects[i];
+      }
+    }
+    foreach (ObjectPoolItem item in itemsToPool) {
+      if (item.objectToPool.tag == tag) {
+        if (item.shouldExpand) {
+          GameObject obj = (GameObject)Instantiate(item.objectToPool);
+          obj.SetActive(false);
+          pooledObjects.Add(obj);
+          return obj;
+        }
+      }
+    }
+    return null;
+  }
+  
+}
+```
+
+##### ObjectLoader.cs 
+
+```cs
+using UnityEngine;
+using System.Collections;
+
+
+public class ObjectLoader : MonoBehaviour
+{
+    public string prefabName;
+
+    private Transform spawnPoint;
+
+    private GameObject clone;
+
+
+    void Start()
+    {
+        spawnPoint = this.transform;
+    }
+
+    void OnTriggerEnter(Collider col)
+    {
+        if(col.transform.tag == "Player")
+        {
+            LoadObject();
+        }
+    }
+
+    void OnTriggerExit(Collider col)
+    {
+        if(col.transform.tag == "Player")
+        {
+            UnloadObject();
+        }
+    }
+
+    void LoadObject()
+    {
+        GameObject clone = ObjectPooler.SharedInstance.GetPooledObject(prefabName);
+        if(clone != null)
+        {
+            clone.transform.position = spawnPoint.transform.position;
+            clone.transform.rotation = spawnPoint.transform.rotation;
+            clone.SetActive(true);
+            this.clone = clone;
+        }
+    }
+
+    void UnloadObject()
+    {
+        if(clone != null)
+        {
+            clone.SetActive(false);
+        }
+    }
+}
+```
+
+-->
+
+### ![Typing SVG](https://readme-typing-svg.demolab.com?font=Anton&pause=1000&size=40&random=false&repeat=5000&color=343A40&width=435&height=70&lines=V2.0)
+
+Suite aux critiques positive sur SideQuest, j'ai décidé de pousser un peu plus loin la complexité des mécanismes en scriptant un objectif:  
+détruire un batiment pour libérer le passage vers la fin du niveau.
+Pour se faire, le joueur doit se munir d'une bombe à sa ceinture pour la déposer à un endroit spécifique qui déclenchera un compte à rebours,<br>
+puis l'explosion du batiment qui libèrera enfin l'accès vers la fin du niveau.
+
+![SCREENSHOT1](../../images/jeux/CaptureTerminatorQuest0.jpg)
+
+![SCREENSHOT1](../../images/jeux/CaptureTent.JPG)
+
+![SCREENSHOT1](../../images/jeux/CaptureTerminatorQuest2.png)
+
+### ![Typing SVG](https://readme-typing-svg.demolab.com?font=Anton&pause=1000&size=40&random=false&repeat=5000&color=343A40&width=435&height=70&lines=VIDEO+TEST)
+
+En attendant le portage qui apportera des améliorations graphiques et au niveau du gameplay, voici une review  sur Quest 2 :
+
+{{< youtube 8Jfupw6VqgU >}}
+	
+La version 2.0 avec le deuxième level est disponible un peu plus bas en téléchargement via le sideloader Sidequest.
+
+### ![Typing SVG](https://readme-typing-svg.demolab.com?font=Anton&pause=1000&size=40&random=false&repeat=5000&color=343A40&width=435&height=70&lines=ROADMAP)
+
+Pour la suite du projet, on passe sur PC, on oublie Oculus et on plonge dans l'open source avec openXR pour le côté VR.
+
+Par la même occassion, on bascule sur la dernière version d'Unity (2021.3.15), on corrige les petits bugs et on repasse les textures en standard (bye bye textures mobile sans UV maps!).
+
+Reste à peupler un peu plus la map maintenant que l'on est plus limité par un chipset mobile et on se lançe vers un niveau 3!
+
+<!-- ![LA 2029](../../images/jeux/LA2029.png) -->
+
+V 3.0 on the way!
+
+### ![Typing SVG](https://readme-typing-svg.demolab.com?font=Anton&pause=1000&size=40&random=false&repeat=5000&color=343A40&width=435&height=70&lines=TELECHARGER)
+
+Télécharger la version 2.0 pour Oculus Quest (compatible Quest 2):  
+
+[![EXTERNAL](https://custom-icon-badges.demolab.com/badge/download-badge.svg?logo=package&logoSource=feather)](https://sdq.st/a/366)  
+
+[![STORE SIDEQUEST](../../images/logos/sidequest-logo.png)](https://sdq.st/a/366)
+
+> (Oculus Quest nécessaire ainsi que SideQuest pour l'installation)
+
+<!-- [TELECHARGER DE GREGANDEV](../../docs/TerminatorQuest/TerminatorQuest_v2.00.apk) -->

content/projets/retroarcade.md

@@ -0,0 +1,71 @@
+---
+title: RETRO ARCADE GAME
+subtitle: A tribute to retro classics
+---
+
+![RETRO-COVER](../../images/jeux/cover.jpg)
+
+### ![Typing SVG](https://readme-typing-svg.demolab.com?font=Anton&pause=1000&size=40&random=false&repeat=5000&color=343A40&width=435&height=70&lines=LE+PRINCIPE)
+
+Le but est de fournir un jeu ludique et personalisé pour mes neveux, dans l'esprit 
+des jeux codés fin des années 90 : plateforme 2D à niveaux themés.
+Pour ce faire, nous allons récupérer un tas de "sprites" (animation 2D ou suite de différentes poses du personnage) ainsi que des décors pour créer des scènes sous Unity.
+
+Ensuite, le plus dur est de codé les mécanismes de jeu... mais heureusement, il y a des tutos pour ça! (voir youtube, tutos, unity)
+Le cahier des charges est le suivant:<br>
+- Un level type Mario World<br>
+- Un level type Sonic<br>
+- Un level type R-type<br>
+- Un Level de type Street of Rage<br>
+
+![RETRO-COVER](../../images/jeux/projetunity.jpg)
+
+![CODE-CASTLE](../../images/jeux/code-castle.png)
+
+![RETRO-COVER2](../../images/jeux/capture-sonic.png)
+
+------
+### ![Typing SVG](https://readme-typing-svg.demolab.com?font=Anton&pause=1000&size=40&random=false&repeat=5000&color=343A40&width=435&height=70&lines=V2+WEBGL)
+
+![RETRO-COVER](../../images/logos/webgl.png)
+
+Cela fait un petit bout de temps que je voulais mettre en ligne la version 2 de mon projet de jeu mais des querelles de versions entre Unity et son plugin WebGL ainsi que le boulot m'ont 
+freiné dans le processus, mais voilà la V2.0 avec un niveaux vraiment complet ainsi que pleins de nouvelles mécaniques est là!
+
+Un petit listing des updates:<br><br>
+- Ajout d'un Game Manager qui persiste entre les scènes (persiste le score et les vies)<br>
+- Le coup de poing est disponible avant l'arme <br>
+- Le player peut désormais s'agenouiller<br> 
+- Ajout des dragons cracheurs de boule de feu<br>
+- Ajout du boss Bowser<br>
+- Ajout d'un Menu avec choix du perso <br>
+- Nouveau HUD (affichage des vies et du score)<br>
+- Nouveaux FX visuels <br><br>
+J'ai dû en oublier mais l'essentiel est là. Pour essayer, toujours le même lien en dessous,
+Pour les commandes, les manettes type Xbox360 sont reconnus ainsi que le clavier, control pour tirer, espace pour sauter<br>
+
+> Version webGL (dans le navigateur):  
+[![EXTERNAL](https://custom-icon-badges.demolab.com/badge/webGL-logo.svg?logo=external-link&logoSource=feather)](../../docs/webgl/index.html)
+
+------
+### ![Typing SVG](https://readme-typing-svg.demolab.com?font=Anton&pause=1000&size=40&random=false&repeat=5000&color=343A40&width=435&height=70&lines=V3.0+ANDROID)
+
+![ANDROID](../../images/logos/android.png)
+
+Nouvelle version avec un troisième level!
+Beaucoup d'améliorations au niveau des animations et du gameplay:<br>
+- Affinage du code des ennemis,<br>
+- Ajout d'ennemis au niveau 2 (Sonic)<br>
+- Ajout niveau 3 : Star wars en mode R-type pour ceux qui ont connus<br>
+- Ajout du menu pause avec l'option quitter<br>
+- Build Android avec contrôles tactiles<br>
+
+> Télécharger au format APK:  
+[![LE JEUX VERSION ANDROID](https://custom-icon-badges.demolab.com/badge/download-badge.svg?logo=download&logoSource=feather)](../../docs/android/EwannEtMilhauVSVideoGames.apk)
+
+------
+### ![Typing SVG](https://readme-typing-svg.demolab.com?font=Anton&pause=1000&size=40&random=false&repeat=5000&color=343A40&width=435&height=70&lines=SCREENSHOTS)
+
+![STREETS](../../images/jeux/CapturePreviewStreetofrageLevel.PNG)
+
+(Les références à "One piece" & "Yu-Gi-Oh!", c'est pour mes neveux...)

docker-compose.yml

@@ -0,0 +1,12 @@
+version: '3.9'
+
+services:
+
+  hugo:
+    image: nginx:alpine
+    container_name: hugo-site
+    volumes:
+      - ./nginx-proxy:/etc/nginx/conf.d
+      - ./public:/var/www/html
+    ports:
+      - 6060:80

layouts/_default/baseof.html

@@ -0,0 +1,64 @@
+<!doctype html>
+<html lang="en">
+    <head>
+        <meta charset="utf-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+
+        <!-- {{ template "_internal/opengraph.html" . }}
+        {{ template "_internal/twitter_cards.html" . }} -->
+        
+        <title>{{ block "title" . }}{{ with .Params.Title }}{{ . }} | {{ end }}{{ .Site.Title }}{{ end }}</title>
+
+        <link rel="icon" type="image/png" href='{{ "images/logos/favicon.png" | absURL }}' sizes="16x16">
+        <link rel="icon" type="image/png" href='{{ "images/logos/favicon.png" | absURL }}' sizes="32x32">  
+
+        <link href="https://fonts.googleapis.com/css?family=Oswald:400" rel="stylesheet">
+        <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">      
+        <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous">
+        
+        {{ $styles := resources.Get "css/styles.css" }}
+        {{ $syntax := resources.Get "css/syntax.css" }}
+        {{ $styles := slice $styles $syntax | resources.Concat "css/bundle.css" | minify | fingerprint }}
+
+        <link rel="stylesheet" href="{{ $styles.Permalink }}" integrity="{{ $styles.Data.Integrity }}"  />
+
+        {{ block "head" . }}{{ end }}        
+    </head>
+    <body>
+        <nav class="navbar fixed-top navbar-expand-md navbar-dark bg-dark py-1 top-nav">
+            <div class="container">
+                    {{ partial "navbar-brand" . }}
+                <button class="navbar-toggler collapsed" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
+                    <i class="fas fa-bars"></i>
+                </button>
+                <div class="navbar-collapse collapse" id="navbarCollapse">
+                    <ul class="navbar-nav mr-auto">
+                        {{ partial "top-nav-text-links" . }}
+                    </ul>
+                    <div class="social-icons d-none d-lg-block">
+                        {{ partial "social-icons" . }}
+                    </div>
+                </div>
+            </div>
+        </nav>
+
+        {{ block "header" .}}{{ end }}
+        
+        <div class="main">
+            {{ block "main" . }}{{ end }}
+        </div>
+
+        <footer class="mt-auto footer d-print-none">
+            <div class="container-fluid">
+                <div class="d-flex justify-content-center icons">
+                    {{ partial "social-icons" . }}
+                </div>
+            </div>
+        </footer>
+
+        <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
+        <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
+
+    </body>
+</html>

layouts/_default/list.html

@@ -0,0 +1,68 @@
+{{ define "head" }}
+
+    <style type="text/css">
+      .feature-image {
+        background-image: linear-gradient(
+            rgba(0, 0, 0, 0.15), 
+            rgba(0, 0, 0, 0.15)
+          ), url('{{ "images/unix.jpg" | absURL }}');
+          height: 500px;
+      }
+
+      .feature-image-text {
+          margin-top: 20px;
+      }
+
+      @media (min-width: 1200px) {
+        .feature-image {
+            background-position: 0% 30%;
+        }
+      }
+
+      @media (max-width: 768px) {
+        .feature-image {
+            height: 250px;
+            background-position: 0% 0%;
+        }
+      }
+    </style>
+
+{{ end }}
+{{ define "header" }}
+  {{ if .IsHome }}
+    <header class="feature-image">
+        <div class="feature-image-text white-shadow-text">
+            {{ partial "header-about-me" . }}
+        </div>
+    </header>
+  {{ end }}
+  {{ if not .IsHome }}
+
+    <header class="feature-image">
+        <div class="feature-image-text">
+            <h1 class="text-center">{{ .Title }}</h1>
+        </div>
+    </header>
+  {{ end }}
+{{ end }}
+{{ define "main" }}
+  <div class="container mt-4 mb-4 recent-posts" style="text-align: center;">
+      {{ $pages := .Pages }}
+      {{ if .IsHome }}
+        {{ $pages := where .Site.RegularPages "Section" "page" }}
+
+          {{ range $pages }}
+            <div><a class="title" id="front-title" href="{{ .Permalink }}"><h2>{{ .Title }}</h2></a></div>
+            <div><p id="front-title">{{ .Description }}</p></div>
+          {{ end }}
+          <!-- {{ $pages := where .Site.RegularPages "Section" "projets" }}
+
+          {{ range $pages }}
+            <div><a href="{{ .Permalink }}"><h5>{{ .Title }}</h5></a></div>
+          {{ end }} -->
+      {{ end }}
+  </div>
+{{ end }}
+
+
+

layouts/_default/single.html

@@ -0,0 +1,51 @@
+{{ define "head" }}
+
+    <style type="text/css">
+        /* .feature-image {
+            background-image: url("{{ . | absURL | safeCSS}}");
+            background-image: url('{{ "../images/unix.jpg" | absURL }}');
+            height: 500px;
+        } */
+
+        p {
+            text-align: center;
+
+        }
+        img {
+            max-width: 95%
+        }
+
+        /* @media (max-width: 992px) {
+            .feature-image {
+                height: 350px;
+            }
+        }
+
+        @media (max-width: 768px) {
+            .feature-image {
+                height: 250px;
+            }
+        }
+
+        @media (max-width: 576px) {
+            .feature-image {
+                height: 200px;
+            }
+        } */
+    </style>
+
+{{ end }}
+{{ define "title" }}
+  {{ .Title }} | {{ .Site.Title }}
+{{ end }}
+
+{{ define "main" }}
+<div class="container mt-4 post">
+    <!-- <h1>{{ .Title }}</h1> -->
+    {{ partial "post-meta" . }}
+
+    <div class="mt-4 mb-4 main-content">
+        {{ .Content }}
+    </div>
+</div>
+{{ end }}

layouts/shortcodes/icons.html

@@ -0,0 +1,6 @@
+{{ $iconClass := .Get 0 }}
+{{ $sizeClass := .Get 1 }}
+
+<a target="_blank" rel="noopener noreferrer">
+  <i class="{{ $iconClass }} {{ $sizeClass }}"></i>
+</a>

nginx-proxy/nginx.conf

@@ -0,0 +1,29 @@
+# HTTP
+server {
+    listen 80;
+    listen [::]:80;
+
+    server_name localhost;
+
+    client_max_body_size 64M;
+
+    # Redirection HTTP -> HTTPS
+    #return 301 https://$host$request_uri;
+
+   location / {
+      root /var/www/html/;
+      index index.html;
+      # proxy_buffering off;
+      # proxy_redirect off;
+      # proxy_set_header Host $host;
+      # proxy_set_header X-Real-IP $remote_addr;
+      # proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
+      # proxy_set_header X-Forwarded-Host $server_name;
+      # proxy_set_header X-Forwarded-Proto $scheme;
+      # proxy_pass http://127.0.0.1:6060;
+   }
+   # Nécessaire pour les redirections internes à Hugo
+   location /feed {
+       return 302 https://example.com/index.xml;
+   }
+}

static/images/gitea.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+  <path d="M5.583 7.229c-2.464-0.005-5.755 1.557-5.573 5.479 0.281 6.125 6.557 6.693 9.068 6.745 0.271 1.146 3.224 5.109 5.411 5.318h9.573c5.74-0.38 10.036-17.365 6.854-17.427-5.271 0.25-8.396 0.375-11.073 0.396v5.297l-0.839-0.365-0.005-4.932c-3.073 0-5.781-0.141-10.917-0.396-0.646-0.005-1.542-0.115-2.5-0.115zM5.927 9.396h0.297c0.349 3.141 0.917 4.974 2.068 7.781-2.938-0.349-5.432-1.198-5.891-4.38-0.24-1.646 0.563-3.365 3.526-3.401zM17.339 12.479c0.198 0.005 0.406 0.042 0.594 0.13l1 0.432-0.714 1.302c-0.109 0-0.219 0.016-0.323 0.052-0.464 0.151-0.708 0.604-0.542 1.021 0.036 0.083 0.089 0.161 0.151 0.229l-1.234 2.25c-0.099 0-0.203 0.016-0.297 0.052-0.464 0.146-0.708 0.604-0.542 1.016 0.172 0.417 0.682 0.63 1.151 0.479 0.464-0.146 0.703-0.604 0.536-1.021-0.047-0.109-0.115-0.208-0.208-0.292l1.203-2.188c0.13 0.010 0.26 0 0.391-0.042 0.104-0.031 0.198-0.083 0.281-0.151 0.464 0.198 0.844 0.354 1.12 0.49 0.406 0.203 0.552 0.339 0.599 0.49 0.042 0.146-0.005 0.427-0.24 0.922-0.172 0.37-0.458 0.896-0.797 1.51-0.115 0-0.229 0.016-0.333 0.052-0.469 0.151-0.708 0.604-0.542 1.021 0.167 0.411 0.682 0.625 1.146 0.479 0.469-0.151 0.708-0.604 0.542-1.021-0.042-0.099-0.104-0.193-0.182-0.271 0.333-0.609 0.62-1.135 0.807-1.526 0.25-0.536 0.38-0.938 0.266-1.323s-0.469-0.635-0.932-0.865c-0.307-0.151-0.693-0.313-1.146-0.505 0.005-0.109-0.010-0.214-0.052-0.318s-0.109-0.198-0.193-0.281l0.703-1.281 3.901 1.682c0.703 0.307 0.995 1.057 0.651 1.682l-2.682 4.906c-0.339 0.625-1.182 0.885-1.885 0.578l-5.516-2.38c-0.703-0.307-0.995-1.057-0.656-1.682l2.682-4.906c0.234-0.432 0.708-0.688 1.208-0.708h0.083z"/>
+</svg>