Added French version
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>
|
||||
Loading…
Reference in New Issue