Skip to content

Commit

Permalink
Update index.html
Browse files Browse the repository at this point in the history
  • Loading branch information
leonekmi committed May 6, 2024
1 parent 17592cd commit 83427b7
Showing 1 changed file with 7 additions and 9 deletions.
16 changes: 7 additions & 9 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -94,7 +94,7 @@ <h3>Interface publique</h3>
<h3><a href="https://kara.moe/base" target="_blank">KMExplorer</a> : Explorer la base</h3>
<p class="justified">Au-delà de l'application, il est possible de naviguer dans la base à travers le <a href="https://kara.moe/base">site Internet de la base</a>. L'interface a été entièrement refaite durant l'été 2020 pour remplacer l'ancienne qui manquait de fonctionnalités. J'ai créé l'architecture de l'application qui est une <a href="https://lab.shelter.moe/karaokemugen/karaokemugen-server/-/tree/master/kmexplorer" target="_blank">application Nuxt.js</a> universelle, en utilisant donc le framework Vue.js. En collaboration avec d'autres développeurs, j'ai également créé l'interface avec <a href="https://bulma.io/" target="_blank">Bulma</a>, elle est pensée pour afficher un maximum de détails tout en affichant un grand nombre de chansons.</p>
<img tabindex="0" src="img/screen-mugen2.png" srcset="img/screen-mugen2.webp, img/screen-mugen2.png" alt="Explorateur de base">
<p><em>Crédit de l'image d'illustration : &copy; Sedeto 2021-2022</em></p>
<p><em>Crédit de l'image d'illustration : &copy; Sedeto 2021-2024</em></p>
</div>
<div class="card">
<div class="header">
Expand All @@ -114,7 +114,7 @@ <h3><a href="https://files.anjara.eu/" target="_blank">AnjaraFiles</a>&nbsp;: Pa
<h3><a href="https://l.anjara.eu/" target="_blank">AnjaraLink</a>&nbsp;: Raccourcisseur de lien</h3>
<p class="justified">Anjara propose un service de raccourcissement de liens simple à utiliser, là encore ne nécessitant aucun compte ni inscription. Toujours réalisé avec Laravel, j'ai décidé pour le coup de créer ma propre feuille de style CSS. L'interface qui en résulte est sobre et épurée.</p>
<img tabindex="0" src="img/screen-anjaralink.png" srcset="img/screen-anjaralink.webp, img/screen-anjaralink.png" alt="Capture d'écran de Link">
<p><em>Crédit de l'image d'illustration : &copy; Volnix 2019-2022</em></p>
<p><em>Crédit de l'image d'illustration : &copy; Volnix 2019-2024</em></p>
</div>
<div class="card">
<div class="header">
Expand All @@ -136,19 +136,18 @@ <h3><a href="https://l.anjara.eu/" target="_blank">AnjaraLink</a>&nbsp;: Raccour
</div>
</div>
</div>
<h2 class="passions" id="passions">Passions</h2>
<h2 class="passions" id="passions">Ce qui m'anime</h2>
<div class="passions grid">
<div class="card">
<div class="header">
<img src="img/banner-anime.png" srcset="img/banner-anime.webp, img/banner-anime.png" alt="Bannière de Brand New Animal">
<div class="title">
<a href="https://anilist.co/user/leonekmi" target="_blank">Animation japonaise</a>
<p class="sub-header">
L'ultime échappatoire
Pour occuper son week-end quand on découvre pas le nouvel outil JS à la mode...
</p>
</div>
</div>
<p class="justified">2014&nbsp;: Netflix se lance en France, je n'avais alors que 11 ans et je venais à peine de commencer ma première année de collège. Muni de l'abonnement de mon père je me suis donc lancé sur la plateforme pour y trouver mon bonheur. À ce moment la plateforme n'avait qu'une liste restreinte de contenu disponible en France, cela ne m'a pas empêché de tomber sur <em>Death Note</em>, un thriller animé, adapté du manga de Tsugumi Ōba et Takeshi Obata. C'est donc ainsi le début d'une <a href="https://anilist.co/user/leonekmi/animelist" target="_blank">longue traversée</a> dans ce qu'a pu produire le Japon depuis plus de 20 ans.</p>
<p><em>Crédit de l'image d'illustration&nbsp;: Brand New Animal &copy; Netflix Worldwide Entertainment, TRIGGER 2020-2022</em></p>
</div>
<div class="card">
Expand All @@ -157,16 +156,15 @@ <h2 class="passions" id="passions">Passions</h2>
<div class="title">
<a href="https://steamcommunity.com/id/leonekmi" target="_blank">Jeux vidéos</a>
<p class="sub-header">
Créer, construire, jouer !
Un peu de tout mais surtout puzzle et gestion...
</p>
</div>
</div>
<p class="justified">Évidemment qu'un jeune de mon genre a au moins mis la main une fois sur une manette, je ne surprendrais personne en le disant. Ma préférence est tournée vers les jeux de simulation et de puzzle. Là encore, retournons en arrière. 2013 : Minecraft prend son envol, YouTube s'enflamme et avec lui emporte nombre de vidéastes. Aypierre qui concluait la première saison de son Let's play mécanique, lançait <a href="https://www.youtube.com/playlist?list=PLbSdidkZzKrjeSG3gO4tCphE-G1pyN9qu" target="_blank">la saison 2</a>. À cette époque je n'avais qu'un simple PC portable pas très capable pour jouer. J'ai téléchargé et joué à Minecraft pour tenter de reproduire certains systèmes exposés par Aypierre. Au-delà, je me suis doté d'un <a href="https://steamcommunity.com/id/leonekmi" target="_blank">compte Steam</a> et j'ai acheté Portal 2, mon tout premier jeu, avec lui s'en suit une grande collection de jeux qui tendent à me divertir, bien que je n'ai plus le temps avec tout ce que je trouve à faire.</p>
<p><em>Crédit de l'image d'illustration&nbsp;: <span title="Le 19 avril ça fera 10 ans !">Portal 2 &copy; Valve 2011-2022</span></em></p>
<p><em>Crédit de l'image d'illustration&nbsp;: <span title="Le 19 avril ça fera 10 ans !">Portal 2 &copy; Valve 2011-2024</span></em></p>
</div>
</div>
<section class="footer">
<em>Le code source de ce site est <a href="https://github.com/leonekmi/leonekmi.fr" target="_blank">disponible sur GitHub</a>, il est déployé automatiquement à chaque modification. Crédit des drapeaux&nbsp;: Twemoji &copy; Twitter 2014-2021</em>
<em>Le code source de ce site est <a href="https://github.com/leonekmi/leonekmi.fr" target="_blank">disponible sur GitHub</a>, il est déployé automatiquement à chaque modification. Crédit des drapeaux&nbsp;: Twemoji &copy; Twitter 2014-2024</em>
</section>
</body>
</html>

0 comments on commit 83427b7

Please sign in to comment.