Added French version

main
Mr-KayJayDee 4 years ago
parent d8c3ae68e4
commit 144aba77b6

Binary file not shown.

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 713 B

@ -0,0 +1,45 @@
<svg id="Layer_1" enable-background="new 0 0 512 512" height="512" viewBox="0 0 512 512" width="512"
xmlns="http://www.w3.org/2000/svg">
<g>
<path d="m504.5 151h-497v-42c0-16.569 13.431-30 30-30h437c16.569 0 30 13.431 30 30z" fill="#43809f" />
<path d="m474.5 79v72h30v-42c0-16.569-13.431-30-30-30z" fill="#3a7190" />
<path d="m474.5 433h-437c-16.569 0-30-13.431-30-30v-252h497v252c0 16.569-13.431 30-30 30z" fill="#a9dbf5" />
<path d="m474.5 151v282c16.569 0 30-13.431 30-30v-252z" fill="#88c3e0" />
<circle cx="55.507" cy="115.371" fill="#29cef6" r="15" />
<circle cx="113.666" cy="115.371" fill="#f3f3f3" r="15" />
<circle cx="171.825" cy="115.371" fill="#f78e36" r="15" />
<path
d="m382.5 234.868h-47c-8.284 0-15-6.716-15-15 0-8.284 6.716-15 15-15h47c8.284 0 15 6.716 15 15 0 8.284-6.716 15-15 15z"
fill="#29cef6" />
<path
d="m459.5 294.868h-124c-8.284 0-15-6.716-15-15 0-8.284 6.716-15 15-15h124c8.284 0 15 6.716 15 15 0 8.284-6.716 15-15 15z"
fill="#ffc328" />
<path
d="m422.665 354.868h-87.165c-8.284 0-15-6.716-15-15 0-8.284 6.716-15 15-15h87.165c8.284 0 15 6.716 15 15 0 8.284-6.716 15-15 15z"
fill="#f78e36" />
<g>
<path
d="m474.5 71.5h-26.261c-4.143 0-7.5 3.357-7.5 7.5s3.357 7.5 7.5 7.5h26.261c12.406 0 22.5 10.094 22.5 22.5v34.5h-482v-34.5c0-12.406 10.093-22.5 22.5-22.5h377.809c4.143 0 7.5-3.357 7.5-7.5s-3.357-7.5-7.5-7.5h-377.809c-20.678 0-37.5 16.822-37.5 37.5v82.681c0 4.143 3.358 7.5 7.5 7.5s7.5-3.357 7.5-7.5v-33.181h482v193.366c0 4.143 3.357 7.5 7.5 7.5s7.5-3.357 7.5-7.5v-242.866c0-20.678-16.822-37.5-37.5-37.5z" />
<path
d="m504.5 375.994c-4.143 0-7.5 3.357-7.5 7.5v19.506c0 12.406-10.094 22.5-22.5 22.5h-437c-12.407 0-22.5-10.094-22.5-22.5v-179.133c0-4.143-3.358-7.5-7.5-7.5s-7.5 3.357-7.5 7.5v179.133c0 20.678 16.822 37.5 37.5 37.5h437c20.678 0 37.5-16.822 37.5-37.5v-19.506c0-4.142-3.357-7.5-7.5-7.5z" />
<path
d="m108.482 234.457c-2.929-2.928-7.678-2.928-10.606 0l-45.07 45.07c-1.407 1.407-2.197 3.314-2.197 5.304s.79 3.896 2.197 5.304l44.474 44.474c1.464 1.464 3.384 2.196 5.303 2.196s3.839-.732 5.303-2.196c2.929-2.93 2.929-7.678 0-10.607l-39.171-39.17 39.767-39.767c2.93-2.93 2.93-7.678 0-10.608z" />
<path
d="m209.344 334.608c1.464 1.464 3.384 2.196 5.303 2.196s3.839-.732 5.303-2.196l44.475-44.474c1.406-1.407 2.196-3.314 2.196-5.304s-.79-3.896-2.196-5.304l-45.071-45.07c-2.929-2.928-7.678-2.928-10.606 0-2.929 2.93-2.929 7.678 0 10.607l39.768 39.767-39.171 39.17c-2.93 2.931-2.93 7.679-.001 10.608z" />
<path
d="m131.99 362.234c3.025 0 5.876-1.844 7.013-4.841l53.294-140.398c1.47-3.873-.478-8.204-4.35-9.674-3.872-1.471-8.204.478-9.673 4.35l-53.294 140.4c-1.47 3.872.478 8.203 4.35 9.673.876.333 1.775.49 2.66.49z" />
<path
d="m33.006 115.371c0 12.406 10.093 22.5 22.5 22.5s22.5-10.094 22.5-22.5-10.093-22.5-22.5-22.5-22.5 10.094-22.5 22.5zm30 0c0 4.136-3.364 7.5-7.5 7.5s-7.5-3.364-7.5-7.5 3.364-7.5 7.5-7.5 7.5 3.364 7.5 7.5z" />
<path
d="m91.166 115.371c0 12.406 10.093 22.5 22.5 22.5s22.5-10.094 22.5-22.5-10.093-22.5-22.5-22.5-22.5 10.094-22.5 22.5zm30 0c0 4.136-3.364 7.5-7.5 7.5s-7.5-3.364-7.5-7.5 3.364-7.5 7.5-7.5 7.5 3.364 7.5 7.5z" />
<path
d="m149.325 115.371c0 12.406 10.093 22.5 22.5 22.5s22.5-10.094 22.5-22.5-10.093-22.5-22.5-22.5-22.5 10.094-22.5 22.5zm30 0c0 4.136-3.364 7.5-7.5 7.5s-7.5-3.364-7.5-7.5 3.364-7.5 7.5-7.5 7.5 3.364 7.5 7.5z" />
<path
d="m335.5 242.368h47c12.406 0 22.5-10.094 22.5-22.5s-10.094-22.5-22.5-22.5h-47c-12.406 0-22.5 10.094-22.5 22.5s10.094 22.5 22.5 22.5zm0-30h47c4.136 0 7.5 3.364 7.5 7.5s-3.364 7.5-7.5 7.5h-47c-4.136 0-7.5-3.364-7.5-7.5s3.364-7.5 7.5-7.5z" />
<path
d="m335.5 302.368h124c12.406 0 22.5-10.094 22.5-22.5s-10.094-22.5-22.5-22.5h-124c-12.406 0-22.5 10.094-22.5 22.5s10.094 22.5 22.5 22.5zm0-30h124c4.136 0 7.5 3.364 7.5 7.5s-3.364 7.5-7.5 7.5h-124c-4.136 0-7.5-3.364-7.5-7.5s3.364-7.5 7.5-7.5z" />
<path
d="m335.5 362.368h87.165c12.406 0 22.5-10.094 22.5-22.5s-10.094-22.5-22.5-22.5h-87.165c-12.406 0-22.5 10.094-22.5 22.5s10.094 22.5 22.5 22.5zm0-30h87.165c4.136 0 7.5 3.364 7.5 7.5s-3.364 7.5-7.5 7.5h-87.165c-4.136 0-7.5-3.364-7.5-7.5s3.364-7.5 7.5-7.5z" />
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 4.5 KiB

@ -0,0 +1,399 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>Portfolio Killian' DAL-CIN</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Le portfolio de Killian' DAL-CIN">
<meta name="author" content="Killian' DAL-CIN">
<link rel="shortcut icon" href="code.svg">
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900" rel="stylesheet">
<script defer src="assets/fontawesome/js/all.min.js"></script>
<link id="theme-style" rel="stylesheet" href="assets/css/styles.css">
</head>
<body>
<a class="langButton" style="float: right; margin-right: 20px;" href="/"><img src="/assets/images/english.png"
width="50" height="50"></a>
<div class="main-wrapper">
<div class="container px-3 px-lg-5">
<article class="resume-wrapper mx-auto theme-bg-light p-5 mb-5 my-5 shadow-lg">
<div class="resume-header">
<div class="row align-items-center">
<div class="resume-title col-12 col-md-6 col-lg-8 col-xl-9">
<h2 class="resume-name mb-0 text-uppercase">Killian' DAL-CIN</h2>
<div class="resume-tagline mb-3 mb-md-0">Développeur Fullstack débutant</div>
</div>
<div class="resume-contact col-12 col-md-6 col-lg-4 col-xl-3">
<ul class="list-unstyled mb-0">
<li class="mb-2"><i class="fas fa-phone-square fa-fw fa-lg mr-2 "></i><a
class="resume-link" href="tel:#">+33 6 49 19 38 16</a></li>
<li class="mb-2"><i class="fas fa-envelope-square fa-fw fa-lg mr-2"></i><a
class="resume-link" href="mailto:#">killian.dal-cin@orange.fr</a></li>
<li class="mb-2"><i class="fas fa-globe fa-fw fa-lg mr-2"></i><a class="resume-link"
href="#">https://mrkayjaydee.xyz</a></li>
<li class="mb-0"><i class="fas fa-map-marker-alt fa-fw fa-lg mr-2"></i>France</li>
</ul>
</div>
</div>
</div>
<hr>
<div class="resume-intro py-3">
<div class="media flex-column flex-md-row align-items-center">
<img class="resume-profile-image mb-3 mb-md-0 mr-md-5 ml-md-0 rounded mx-auto"
src="assets/images/resume-profile.png" alt="image">
<div class="media-body text-left">
<p class="mb-0">Je m'appelle Killian 'DAL-CIN, j'ai 18 ans, je suis passionné par la
programmation, la photographie, la musique et le sport. Parlons un peu de mon histoire,
j'avais 15 ans et
un ami m'a parlé de Discord qui est un réseau social principalement pour les joueurs.
Comme il l'a dit, je
essayé, j'ai eu du mal à comprendre mais j'ai réussi à créer mon premier serveur et
inviter/configurer mes premiers robots. J'ai vite remarqué que je devais inviter de 5 à
10
robots sur un serveur pour faire tout ce que je voulais. C'est de là que m'est venue
l'idée de créer
mon propre robot discord. Avec un objectif que j'ai toujours en tête aujourd'hui: "Créer
un bot qui va
couvrir toutes les fonctionnalités de tout les autres existants". Ensuite, j'ai cherché
comment en créer un et j'ai découvert que j'avais besoin
d'apprendre un langage de programmation qu'est le JavaScript.
</p>
</div>
</div>
</div>
<hr>
<div class="resume-body">
<div class="row">
<div class="resume-main col-12 col-lg-8 col-xl-9 pr-0 pr-lg-5">
<section class="work-section py-3">
<h3 class="text-uppercase resume-section-heading mb-4">Expériences de travail</h3>
<div class="item mb-3">
<div class="item-heading row align-items-center mb-2">
<h4 class="item-title col-12 col-md-6 col-lg-8 mb-2 mb-md-0">Explorer tous les
capacités d'un Raspberry
</h4>
<div
class="item-meta col-12 col-md-6 col-lg-4 text-muted text-left text-md-right">
Février 2021
</div>
</div>
<div class="item-content">
<p>Mon professeur de lycée m'a prété un Raspberry PI 3b+ pendant 2 semaines,
c'était pour moi
une occasion d'explorer ce qu'on pouvait faire avec et la puissance de ce
petit
ordinateur, je peux dire que j'ai aimé jouer avec. Voici une liste de ce que
j'ai fait:
</p>
<ul class="resume-list">
<li>Créer un NAS avec le système d'exploitation Synology</li>
<li>Installer l'environnement de bureau (+ installer l'interface graphique
du gestionnaire de WiFi)</li>
<li>Utiliser le Raspberry comme haut-parleur Bluetooth (recevoir le
Bluetooth pour transmettre
le son vers un haut-parleur filaire) + connection à un haut-parleur
Bluetooth avec <a href="http://www.bluez.org/">Bluez</a>
</li>
<li>Installer des logiciels de bureau comme Chromium, Minecraft PI ou Visual
Studio
Code
</li>
<li>Miner du Bitcoins, Moneros et Ethereum</li>
<li>Installer Retropie et jouer à des jeux anciens comme le premier Mario
Kart
</li>
</ul>
</div>
</div>
<div class="item mb-3">
<div class="item-heading row align-items-center mb-2">
<h4 class="item-title col-12 col-md-6 col-lg-8 mb-2 mb-md-0">Création et
organisation d'une Visite virtuel
</h4>
<div
class="item-meta col-12 col-md-6 col-lg-4 text-muted text-left text-md-right">
Février 2020
</div>
</div>
<div class="item-content">
<p>Mon professeur de lycée et moi avons eu l'idée de créer une visite virtuelle
à 360°
pour permettre à chacun de visiter le lycée depuis le web. J'étais le seul
qui a organisé et créé le projet.
</p>
<ul class="resume-list">
<li>Nous devions d'abord créer un menu pour permettre à l'utilisateur de
naviguer et
sélectionne la partie du lycée ou de la section qu'il souhaite voir
(comme
Coiffure, Systèmes Numériques ou Esthétiques).
</li>
<li>Deuxièmement, nous avons acheté une GoPro Max 360 pour prendre les
photos partout dans le
lycée, puis nous devions les importer dans le logiciel que nous
utilisions <a href="https://www.3dvista.com/">3DVista Virtual Tour</a>
et créer
les listes des zones que les utilisateurs peuvent visiter.
</li>
<li>Pour finir, nous avons installé le projet sur le site Web de notre école
secondaire afin
tout le monde peut le voir.
</li>
</ul>
</div>
</div>
<div class="item mb-3">
<div class="item-heading row align-items-center mb-2">
<h4 class="item-title col-12 col-md-6 col-lg-8 mb-2 mb-md-0">Service de
fourniture d'image et de générations d'images
</h4>
<div
class="item-meta col-12 col-md-6 col-lg-4 text-muted text-left text-md-right">
2018 - 2019 / 2020 - 2021
</div>
</div>
<div class="item-content">
<p>Une API est une interface de programmation d'application, plus simplement un
serveur Web
permettant aux utilisateurs de demander une image d'une certaine catégorie
et une image aléatoire
est retourné, ainsi que la possibilité d'en demander un généré avec
l'image envoyée dans les paramètres de la requête.
<br><br>Au fil du temps, de plus en plus d'utilisateurs ont commencé à
l'utiliser ainsi notre hébergement
a rapidement manqué de ressources et des ralentissements ont été remarqués,
nous avons donc décidé
pour fermer l'API au public et la garder en privé, mais en 2020, nous avons
eu l'idée de créer un package npmjs <a
href="https://www.npmjs.com/package/discord-image-generation">discord-image-generation</a>
pour résoudre le problème de ressources, toutes les générations se font
désormais sur le client côté.
</p>
</div>
</div>
<div class="item mb-3">
<div class="item-heading row align-items-center mb-2">
<h4 class="item-title col-12 col-md-6 col-lg-8 mb-2 mb-md-0">Instagram Bot</h4>
<div
class="item-meta col-12 col-md-6 col-lg-4 text-muted text-left text-md-right">
Août 2020
</div>
</div>
<div class="item-content">
<p>Je cherchais une nouvelle idée sur Internet lorsque j'ai trouvé <a
href="https://insta.js.org/"> Insta.js </a> une librairie instagram
permettant d'utiliser
les principales fonctionnalités de chat d'Instagram. J'ai donc décidé de le
tester et de créer mon
premier projet github open source <a
href="https://github.com/Mr-KayJayDee/instagram-bot">instagram-bot.</a>
<br>
<br>
Les principales fonctionnalités de ce bots sont des générations d'images qui
utilisent <a
href="https://www.npmjs.com/package/discord-image-generation">discord-image-generation</a>
et prend l'avatar utilise pour créer les images. Il dispose d'une base de
données pour permettre
l'utilisateur de changer le préfixe des commandes de tous les groupes et
messages privés.
Il dispose également d'une commande de bingo pour le chat en groupe,
l'objectif de ce jeu est
de trouver un numéro généré au hasard en proposant un numéro dans le chat.
</p>
</div>
</div>
<div class="item mb-3">
<div class="item-heading row align-items-center mb-2">
<h4 class="item-title col-12 col-md-6 col-lg-8 mb-2 mb-md-0">
Discord Crowdin Status <a
href="https://github.com/Mr-KayJayDee/discord-crowdin-status">Lien</a>
</h4>
<div
class="item-meta col-12 col-md-6 col-lg-4 text-muted text-left text-md-right">
Décembre 2020
</div>
</div>
<div class="item-content">
<p>Pendant mon temps libre, j'ai visité des serveur Discord aléatoires sur lesquels j'étais et j'ai vu channel où
un utilisateur avait du mal à gérer et afficher le pourcentage de traduction qui était terminé,
en éditant son message chaque jour. Alors une idée m'est venue "puis-je
le rendre automatique?". J'ai cherché un peu dans la documentation de <a href="https://crowdin.com/">Crowdin</a> et
j'ai trouvé que nous pouvions faire des demandes à leur API et obtenir tous les
statistiques sur les traductions.</a>
<br><br>Toutes les informations de mises à jour depuis <a href="https://support.crowdin.com/">l'API de Crowdin</a>, et sont ensuite manipulées pour créer un embed <a href="https//discord.js.org/">Discord.js</a>
<br>Voici les informations importantes sur ce projet:
</p>
<ul class="resume-list">
<li>Il est facile pour tout le monde de l'installer et de le configurer et cela ne prend pas
plus de 30 Mo de RAM en utilisation.
</li>
<li>Tout peut être configuré, du canal de statut Discord au
délais entre chaque mise à jour ou la possibilité d'afficher le lien du projet dans
le message ou pas.
</li>
<li>La meilleure partie est qu'il ne m'a fallu que 30 minutes pour comprendre l'API et
coder le projet. Ainsi chacun a la capacité de se simplifier la vie
et d'optimiser leurs environnements de travail en
créant un projet comme celui-ci.
</li>
</ul>
</div>
</div>
<div class="item mb-3">
<div class="item-heading row align-items-center mb-2">
<h4 class="item-title col-12 col-md-6 col-lg-8 mb-2 mb-md-0">Amandine Bot Discord</h4>
<div
class="item-meta col-12 col-md-6 col-lg-4 text-muted text-left text-md-right">
Janvier 2019
</div>
</div>
<div class="item-content">
<p>Amandine est un bot polyvalent qui peut aider les gens à créer et gérer leur
serveurs discord.
<br>Ce bot discord est mon tout premier projet et il l'est toujours aujourd'hui
activement maintenu, je travaille dur tous les jours sur de nouvelles fonctionnalités et améliorations
pour en améliorer la facilité d'utilisation. Je veux juste que les gens apprécient
l'utiliser et comprennent rapidement comment il fonctionne, avec des fonctionnalités telles que:
</p>
<ul class="resume-list">
<li>Un système de modération complet avec logs de tout sur le serveur pour
permettre aux modérateurs de savoir qui fait quoi sur le serveur et d'avoir un
aperçu de la structure du serveur</li>
<li>De nombreuses générations d'images et d'images qui utilisent le package <a
href="https://www.npmjs.com/package/discord-image-generation">discord-image-generation</a>
et la base de données d'images que nous avons sur notre serveur.</li>
<li>Les outils sont là pour vous aider avec votre vie quotidienne et les jeux sont
aussi la pour rendre vos jours meilleurs.</li>
</ul>
</div>
</div>
</section>
<section class="project-section py-3">
<h3 class="text-uppercase resume-section-heading mb-4">Projects futurs</h3>
<div class="item mb-3">
<div class="item-heading row align-items-center mb-2">
<h4 class="item-title col-12 col-md-6 col-lg-8 mb-2 mb-md-0">Advert Zone
</h4>
<div
class="item-meta col-12 col-md-6 col-lg-4 text-muted text-left text-md-right">
Not Started
</div>
</div>
<div class="item-content">
<p>Advert Zone sera un site Web qui permettra à chacun de faire de la publicité pour ses
communautés. Il sera facile pour tout le monde de développer son serveur avec un système
cela mettra en valeur les petites communautés et les aidera.</p>
<br>Maintenant, qui pourra faire de la publicité?
<ul class="resume-list">
<li>Les propriétaires de bots et de serveurs Discord</li>
<li>Youtubeurs, créateurs de contenu, dessinateur, musiciens, chanteurs (artistes)</li>
<li>Les petites entreprises comme la boutique en ligne, etc.</li>
</ul>
</div>
</div>
</section>
</div>
<aside class="resume-aside col-12 col-lg-4 col-xl-3 px-lg-4 pb-lg-4">
<section class="skills-section py-3">
<h3 class="text-uppercase resume-section-heading mb-4">Compétences</h3>
<div class="item">
<h4 class="item-title">Programmation</h4>
<ul class="list-unstyled resume-skills-list">
<li class="mb-2">JavaScript</li>
<li class="mb-2">HTML/CSS</li>
<li class="mb-2">Node.js</li>
<li class="mb-2">Conception orientée objet</li>
<li class="mb-2">Concevoir et mettre en œuvre des structures de base de données</li>
</ul>
</div>
<div class="item">
<h4 class="item-title">Technique</h4>
<ul class="list-unstyled resume-skills-list">
<li class="mb-2">Maintenance informatique</li>
<li class="mb-2">Peut aider sur de nombreuses choses liées à l'informatique</li>
<li class="mb-2">Solide résolution de problèmes</li>
<li class="mb-2">Bonne gestion du temps</li>
</ul>
</div>
</section>
<section class="education-section py-3">
<h3 class="text-uppercase resume-section-heading mb-4">Éducation</h3>
<ul class="list-unstyled resume-education-list">
<li class="mb-3">
<div class="resume-degree font-weight-bold">Lycée LISA (Lycée De
l'Image et du Son d'Angoulême)</div>
<div class="resume-degree-org text-muted">Je voulait commencer à créer et à mixer
musique</div>
<div class="resume-degree-time text-muted">2018 - 2019</div>
</li>
<li>
<div class="resume-degree font-weight-bold">Lycée Pierre André Chabanne
</div>
<div class="resume-degree-org text-muted">BAC professionnel, systèmes numériques
</div>
<div class="resume-degree-time text-muted">2019 - 2021</div>
</li>
</ul>
</section>
<section class="education-section py-3">
<h3 class="text-uppercase resume-section-heading mb-4">Diplomes</h3>
<ul class="list-unstyled resume-awards-list">
<li class="mb-3">
<div class="font-weight-bold">Diplome National du Brevet</div>
<div class="text-muted">Obtenu en 2018</div>
</li>
<li>
<div class="font-weight-bold">Baccalauréat</div>
<div class="text-muted">Obtenu prochainement (2021)</div>
</li>
</ul>
</section>
<section class="skills-section py-3">
<h3 class="text-uppercase resume-section-heading mb-4">Langages</h3>
<ul class="list-unstyled resume-lang-list">
<li class="mb-2">Français <span class="text-muted">(Natif)</span></li>
<li class="mb-2">Anglais <span class="text-muted">(LV2)</span></li>
</ul>
</section>
<section class="skills-section py-3">
<h3 class="text-uppercase resume-section-heading mb-4">Centres d'intérêts</h3>
<ul class="list-unstyled resume-interests-list mb-0">
<li class="mb-2">Photographie</li>
<li class="mb-2">Kayak</li>
<li class="mb-2">Voyages</li>
</ul>
</section>
</aside>
</div>
</div>
<hr>
<div class="resume-footer text-center">
<ul class="resume-social-list list-inline mx-auto mb-0 d-inline-block text-muted">
<li class="list-inline-item mb-lg-0 mr-3"><a class="resume-link"
href="https://github.com/Mr-KayJayDee" target="_blank"><i
class="fab fa-github-square fa-2x mr-2" data-fa-transform="down-4"></i><span
class="d-none d-lg-inline-block text-muted">Mr-KayJayDee</span></a></li>
<li class="list-inline-item mb-lg-0 mr-3"><a class="resume-link"
href="https://www.linkedin.com/in/killian-dal-cin/" target="_blank"><i
class="fab fa-linkedin fa-2x mr-2" data-fa-transform="down-4"></i><span
class="d-none d-lg-inline-block text-muted">linkedin.com/in/username</span></a></li>
<li class="list-inline-item mb-lg-0 mr-lg-3"><a class="resume-link"
href="https://twitter.com/killiandalcin" target="_blank"><i
class="fab fa-twitter-square fa-2x mr-2" data-fa-transform="down-4"></i><span
class="d-none d-lg-inline-block text-muted">@killiandalcin</span></a></li>
</ul>
</div>
</article>
</div>
<footer class="footer text-center py-4">
<small class="copyright text-muted">Créé avec <i class="fas fa-heart"></i> par <a class="theme-link"
href="https://github.com/Mr-KayJayDee" target="_blank">Mr¤KayJayDee</a> (Killian' DAL-CIN), <a
href="/CV Killian' Dal-Cin.pdf" download>Cliquez-ici</a> pour télécharger mon CV.</small>
</footer>
</div>
</body>
</html>

Binary file not shown.

Before

Width:  |  Height:  |  Size: 19 KiB

@ -8,13 +8,14 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="The potfolio of Killian' DAL-CIN"> <meta name="description" content="The potfolio of Killian' DAL-CIN">
<meta name="author" content="Killian' DAL-CIN"> <meta name="author" content="Killian' DAL-CIN">
<link rel="shortcut icon" href="icon.png"> <link rel="shortcut icon" href="code.svg">
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900" rel="stylesheet">
<script defer src="assets/fontawesome/js/all.min.js"></script> <script defer src="assets/fontawesome/js/all.min.js"></script>
<link id="theme-style" rel="stylesheet" href="assets/css/styles.css"> <link id="theme-style" rel="stylesheet" href="assets/css/styles.css">
</head> </head>
<body> <body>
<a class="langButton" style="float: right; margin-right: 20px;" href="french.html"><img src="/assets/images/french.png" width="50" height="50"></a>
<div class="main-wrapper"> <div class="main-wrapper">
<div class="container px-3 px-lg-5"> <div class="container px-3 px-lg-5">
<article class="resume-wrapper mx-auto theme-bg-light p-5 mb-5 my-5 shadow-lg"> <article class="resume-wrapper mx-auto theme-bg-light p-5 mb-5 my-5 shadow-lg">
@ -78,9 +79,9 @@
computer, I can say I enjoyed playing with it. Here is a list of what I did: computer, I can say I enjoyed playing with it. Here is a list of what I did:
</p> </p>
<ul class="resume-list"> <ul class="resume-list">
<li>Create a NAS with the synology OS</li> <li>Create a NAS with the Synology OS</li>
<li>Install the desktop environment (+instal Wifi Manager GUI)</li> <li>Install the desktop environment (+ install Wifi Manager GUI)</li>
<li>Use the Raspberry as a Blueatooth speaker (receive bluetooth to transmit <li>Use the Raspberry as a Bluetooth speaker (receive bluetooth to transmit
the sound to a wired speaker) + connect to a Bluetooth speaker with <a the sound to a wired speaker) + connect to a Bluetooth speaker with <a
href="http://www.bluez.org/">Bluez</a> href="http://www.bluez.org/">Bluez</a>
</li> </li>
@ -88,7 +89,7 @@
Code Code
</li> </li>
<li>Mine Bitcoins, Moneros and Ethereum</li> <li>Mine Bitcoins, Moneros and Ethereum</li>
<li>Install Retropie and play some old but old games like the first Mario <li>Install Retropie and play some old games like the first Mario
Kart Kart
</li> </li>
</ul> </ul>
@ -176,7 +177,8 @@
<div class="item mb-3"> <div class="item mb-3">
<div class="item-heading row align-items-center mb-2"> <div class="item-heading row align-items-center mb-2">
<h4 class="item-title col-12 col-md-6 col-lg-8 mb-2 mb-md-0"> <h4 class="item-title col-12 col-md-6 col-lg-8 mb-2 mb-md-0">
Discord Crowdin Status <a href="https://github.com/Mr-KayJayDee/discord-crowdin-status">Link</a> Discord Crowdin Status <a
href="https://github.com/Mr-KayJayDee/discord-crowdin-status">Link</a>
</h4> </h4>
<div <div
class="item-meta col-12 col-md-6 col-lg-4 text-muted text-left text-md-right"> class="item-meta col-12 col-md-6 col-lg-4 text-muted text-left text-md-right">
@ -188,7 +190,8 @@
a guy was struggling with the percentage of translation that was finished, a guy was struggling with the percentage of translation that was finished,
by editing his message every single day. So an idea came up to me "can i by editing his message every single day. So an idea came up to me "can i
make it automatic ?". I searched a bit on the crowdin documentation and make it automatic ?". I searched a bit on the crowdin documentation and
found out that we could make requests to their api and get all the statistics found out that we could make requests to their api and get all the
statistics
about the translations.</a> about the translations.</a>
<br><br>All the translations informations are fetched from the <br><br>All the translations informations are fetched from the
<a href="https://support.crowdin.com/">Crowdin API</a>, and then parsed by <a href="https://support.crowdin.com/">Crowdin API</a>, and then parsed by
@ -205,7 +208,8 @@
the message or not. the message or not.
</li> </li>
<li>The best part is that it took me only 30min to understand the api and <li>The best part is that it took me only 30min to understand the api and
code the project. So everyone has the capacity to simplify their life and optimize their working environments by code the project. So everyone has the capacity to simplify their life
and optimize their working environments by
creating project like this. creating project like this.
</li> </li>
</ul> </ul>
@ -213,21 +217,30 @@
</div> </div>
<div class="item mb-3"> <div class="item mb-3">
<div class="item-heading row align-items-center mb-2"> <div class="item-heading row align-items-center mb-2">
<h4 class="item-title col-12 col-md-6 col-lg-8 mb-2 mb-md-0">Amandine Discord Bot</h4> <h4 class="item-title col-12 col-md-6 col-lg-8 mb-2 mb-md-0">Amandine Discord
Bot</h4>
<div <div
class="item-meta col-12 col-md-6 col-lg-4 text-muted text-left text-md-right"> class="item-meta col-12 col-md-6 col-lg-4 text-muted text-left text-md-right">
January 2019 January 2019
</div> </div>
</div> </div>
<div class="item-content"> <div class="item-content">
<p>Amandine is a multipurpose bot that can help people create and manage their discord servers. <p>Amandine is a multipurpose bot that can help people create and manage their
<br>This discord bot is my very first project and it is today always actively maintained, i work hard every days on new features and improvements to make the use of it better and better. I just want the people to enjoy using it and understanding quickly how she works with features like: discord servers.
<br>This discord bot is my very first project and it is today always
actively maintained, i work hard every days on new features and improvements
to make the use of it better and better. I just want the people to enjoy
using it and understanding quickly how she works with features like:
</p> </p>
<ul class="resume-list"> <ul class="resume-list">
<li>A full moderation system with logging of everything on the server to allow moderators to know who is doing what on the server and have a preview of the server structure</li> <li>A full moderation system with logging of everything on the server to
allow moderators to know who is doing what on the server and have a
preview of the server structure</li>
<li>Many images and images generations that uses the <a <li>Many images and images generations that uses the <a
href="https://www.npmjs.com/package/discord-image-generation">discord-image-generation</a> package and the images database that we have on our server.</li> href="https://www.npmjs.com/package/discord-image-generation">discord-image-generation</a>
<li>Tools are here to help you with you discord everyday life and game are here to make your days better.</li> package and the images database that we have on our server.</li>
<li>Tools are here to help you with you discord everyday life and game are
here to make your days better.</li>
</ul> </ul>
</div> </div>
</div> </div>
@ -244,7 +257,9 @@
</div> </div>
</div> </div>
<div class="item-content"> <div class="item-content">
<p>Advert Zone will be a website that allow everyone to advertise their communities. It will be easy for everyone to grow their server wit a system that will highlight little communities and help them.</p> <p>Advert Zone will be a website that allow everyone to advertise their
communities. It will be easy for everyone to grow their server wit a system
that will highlight little communities and help them.</p>
<br>Now, who would be able to advertise ? <br>Now, who would be able to advertise ?
<ul class="resume-list"> <ul class="resume-list">
<li>Discord Bots and Servers Owners</li> <li>Discord Bots and Servers Owners</li>
@ -282,13 +297,17 @@
<h3 class="text-uppercase resume-section-heading mb-4">Education</h3> <h3 class="text-uppercase resume-section-heading mb-4">Education</h3>
<ul class="list-unstyled resume-education-list"> <ul class="list-unstyled resume-education-list">
<li class="mb-3"> <li class="mb-3">
<div class="resume-degree font-weight-bold">High School LISA (High School Of Image And Sound Of Angoulême)</div> <div class="resume-degree font-weight-bold">High School LISA (High School Of
<div class="resume-degree-org text-muted">Wanted to start creating and mixing music</div> Image And Sound Of Angoulême)</div>
<div class="resume-degree-org text-muted">Wanted to start creating and mixing
music</div>
<div class="resume-degree-time text-muted">2018 - 2019</div> <div class="resume-degree-time text-muted">2018 - 2019</div>
</li> </li>
<li> <li>
<div class="resume-degree font-weight-bold">High School Pierre André Chabanne</div> <div class="resume-degree font-weight-bold">High School Pierre André Chabanne
<div class="resume-degree-org text-muted">Professional BAC, Numeric Systems</div> </div>
<div class="resume-degree-org text-muted">Professional BAC, Numeric Systems
</div>
<div class="resume-degree-time text-muted">2019 - 2021</div> <div class="resume-degree-time text-muted">2019 - 2021</div>
</li> </li>
</ul> </ul>
@ -327,13 +346,16 @@
<hr> <hr>
<div class="resume-footer text-center"> <div class="resume-footer text-center">
<ul class="resume-social-list list-inline mx-auto mb-0 d-inline-block text-muted"> <ul class="resume-social-list list-inline mx-auto mb-0 d-inline-block text-muted">
<li class="list-inline-item mb-lg-0 mr-3"><a class="resume-link" href="https://github.com/Mr-KayJayDee" target="_blank"><i <li class="list-inline-item mb-lg-0 mr-3"><a class="resume-link"
href="https://github.com/Mr-KayJayDee" target="_blank"><i
class="fab fa-github-square fa-2x mr-2" data-fa-transform="down-4"></i><span class="fab fa-github-square fa-2x mr-2" data-fa-transform="down-4"></i><span
class="d-none d-lg-inline-block text-muted">Mr-KayJayDee</span></a></li> class="d-none d-lg-inline-block text-muted">Mr-KayJayDee</span></a></li>
<li class="list-inline-item mb-lg-0 mr-3"><a class="resume-link" href="https://www.linkedin.com/in/killian-dal-cin/" target="_blank"><i <li class="list-inline-item mb-lg-0 mr-3"><a class="resume-link"
href="https://www.linkedin.com/in/killian-dal-cin/" target="_blank"><i
class="fab fa-linkedin fa-2x mr-2" data-fa-transform="down-4"></i><span class="fab fa-linkedin fa-2x mr-2" data-fa-transform="down-4"></i><span
class="d-none d-lg-inline-block text-muted">linkedin.com/in/username</span></a></li> class="d-none d-lg-inline-block text-muted">linkedin.com/in/username</span></a></li>
<li class="list-inline-item mb-lg-0 mr-lg-3"><a class="resume-link" href="https://twitter.com/killiandalcin" target="_blank"><i <li class="list-inline-item mb-lg-0 mr-lg-3"><a class="resume-link"
href="https://twitter.com/killiandalcin" target="_blank"><i
class="fab fa-twitter-square fa-2x mr-2" data-fa-transform="down-4"></i><span class="fab fa-twitter-square fa-2x mr-2" data-fa-transform="down-4"></i><span
class="d-none d-lg-inline-block text-muted">@killiandalcin</span></a></li> class="d-none d-lg-inline-block text-muted">@killiandalcin</span></a></li>
</ul> </ul>
@ -342,7 +364,8 @@
</div> </div>
<footer class="footer text-center py-4"> <footer class="footer text-center py-4">
<small class="copyright text-muted">Made with <i class="fas fa-heart"></i> by <a class="theme-link" <small class="copyright text-muted">Made with <i class="fas fa-heart"></i> by <a class="theme-link"
href="github link" target="_blank">Mr¤KayJayDee</a> (Killian' DAL-CIN), <a href="#">Click Here</a> to download my CV.</small> href="https://github.com/Mr-KayJayDee" target="_blank">Mr¤KayJayDee</a> (Killian' DAL-CIN), <a
href="/CV Killian' Dal-Cin.pdf" download>Click Here</a> to download my CV.</small>
</footer> </footer>
</div> </div>
</body> </body>

Loading…
Cancel
Save