Skip to content

Commit

Permalink
28/12/2023 22:58
Browse files Browse the repository at this point in the history
  • Loading branch information
@FiestaTheNewbieDev
FiestaTheNewbieDev committed Dec 28, 2023
1 parent 820cb95 commit 255fa71
Show file tree
Hide file tree
Showing 7 changed files with 109 additions and 59 deletions.
0 images/profile_pic.jpg → assets/images/profile_pic.jpg
View file
File renamed without changes
0 images/profile_pic_smiley.jpg → assets/images/profile_pic_smiley.jpg
View file
File renamed without changes
1 change: 1 addition & 0 deletions assets/svg/java-original-wordmark.svg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
147 changes: 94 additions & 53 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -132,69 +132,82 @@ <h2 localization-key="about_box.informations.title"></h2>
<div class="skills-box" id="skills">
<h1 localization-key="skills_box.title"></h1>
<hr />
<h2 localization-key="skills_box.programming_language.title"></h2>
<h2 localization-key="skills_box.technologies.title"></h2>
<br />
<div class="skills-list">
<div class="d-flex justify-content-between skill-item">
<p>Java</p>
<p>☆★★★★</p>
</div>
<div class="d-flex justify-content-between skill-item">
<p>HTML</p>
<p>☆★★★★</p>
</div>
<div class="d-flex justify-content-between skill-item">
<p>CSS</p>
<p>☆☆★★★</p>
</div>
<div class="d-flex justify-content-between skill-item">
<p>Bootstrap Framework</p>
<p>☆☆★★★</p>
</div>
<div class="d-flex justify-content-between skill-item">
<p>Laravel Framework</p>
<p>☆☆★★★</p>
</div>
<div class="d-flex justify-content-between skill-item">
<p>MySQL</p>
<p>☆☆☆★★</p>
</div>
<div class="d-flex justify-content-between skill-item">
<p>PHP</p>
<p>☆☆☆★★</p>
</div>
<div class="d-flex justify-content-between skill-item">
<p>Python</p>
<p>☆☆☆★★</p>
</div>
<div class="d-flex justify-content-between skill-item">
<p>JavaScript</p>
<p>☆☆☆★★</p>
</div>
<div class="d-flex justify-content-between skill-item">
<p>C</p>
<p>☆☆☆☆★</p>
</div>
<div class="d-flex justify-content-between skill-item">
<p>C#</p>
<p>☆☆☆☆★</p>
<div class="d-flex justify-content-between skill-item p-2">
<span>Java</span>
</div>
<div class="d-flex justify-content-between skill-item p-2">
<span>HTML</span>
</div>
<div class="d-flex justify-content-between skill-item p-2">
<span>CSS</span>
</div>
<div class="d-flex justify-content-between skill-item p-2">
<span>Bootstrap Framework</span>
</div>
<div class="d-flex justify-content-between skill-item p-2">
<span>Tailwind CSS</span>
</div>
<div class="d-flex justify-content-between skill-item p-2">
<span>JavaScript</span>
</div>
<div class="d-flex justify-content-between skill-item p-2">
<span>TypeScript</span>
</div>
<div class="d-flex justify-content-between skill-item p-2">
<span>React</span>
</div>
<div class="d-flex justify-content-between skill-item p-2">
<span>Next.js</span>
</div>
<div class="d-flex justify-content-between skill-item p-2">
<span>PHP</span>
</div>
<div class="d-flex justify-content-between skill-item p-2">
<span>Laravel Framework</span>
</div>
<div class="d-flex justify-content-between skill-item p-2">
<span>MySQL</span>
</div>
<div class="d-flex justify-content-between skill-item p-2">
<span>MariaDB</span>
</div>
<div class="d-flex justify-content-between skill-item p-2">
<span>Python</span>
</div>
<div class="d-flex justify-content-between skill-item p-2">
<span>C</span>
</div>
<div class="d-flex justify-content-between skill-item p-2">
<span>C#</span>
</div>
<div class="d-flex justify-content-between skill-item p-2">
<span>Git</span>
</div>
<div class="d-flex justify-content-between skill-item p-2">
<span>Github</span>
</div>
<div class="d-flex justify-content-between skill-item p-2">
<span>Docker</span>
</div>
</div>
<br />
<h2 localization-key="skills_box.language.title"></h2>
<br />
<div class="skills-list">
<div class="d-flex justify-content-between skill-item">
<p>Français</p>
<p>★★★★★</p>
<div class="d-flex justify-content-between skill-item p-2">
<span>Français</span>
<span>★★★★★</span>
</div>
<div class="d-flex justify-content-between skill-item">
<p>English</p>
<p>☆☆★★★</p>
<div class="d-flex justify-content-between skill-item p-2">
<span>English</span>
<span>☆☆★★★</span>
</div>
<div class="d-flex justify-content-between skill-item">
<p>Deutsch</p>
<p>☆☆☆☆★</p>
<div class="d-flex justify-content-between skill-item p-2">
<span>Deutsch</span>
<span>☆☆☆☆★</span>
</div>
</div>
</div>
Expand All @@ -203,6 +216,23 @@ <h2 localization-key="skills_box.language.title"></h2>
<h1 localization-key="training_box.title"></h1>
<hr class="d-none d-md-block">
<div class="d-none d-md-block">
<div class="row">
<div class="col-md-4">
<p class="font-weight-bold">2023 - 2025</p>
</div>
<div class="col-md-8">
<p>
<b><text localization-key="training_box.training3.title"></text></b>
<br />
<a href="https://maps.app.goo.gl/74UqtokgauZwt4eQ6" target="_blank">
<i class="bi bi-geo-alt-fill"></i>
<text localization-key="training_box.training3.location"></text>
</a>
<br />
<text localization-key="training_box.training3.desc"></text>
</p>
</div>
</div>
<div class="row">
<div class="col-md-4">
<p class="font-weight-bold">2021 - 2023</p>
Expand Down Expand Up @@ -239,6 +269,17 @@ <h1 localization-key="training_box.title"></h1>
</div>
</div>
<div class="d-md-none d-sm-block">
<p class="mobile-date">2025</p>
<p>
<b><text localization-key="training_box.training3.title"></text></b>
<br />
<a href="https://maps.app.goo.gl/74UqtokgauZwt4eQ6" target="_blank">
<i class="bi bi-geo-alt-fill"></i>
<text localization-key="training_box.training3.location"></text>
</a>
<br />
<text localization-key="training_box.training3.desc"></text>
</p>
<!--<p class="mobile-date"><text localization-key="word.now.with_uppercase"></text></p>-->
<p class="mobile-date">2023</p>
<p>
Expand Down
8 changes: 6 additions & 2 deletions lang/en.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -14,7 +14,7 @@
"about_box.profile.title": "Profile",
"about_box.profile.text": "Young computer science student and beginner developer.",
"about_box.about_me.title": "About me",
"about_box.about_me.text": "My name is Clément Fossorier, and I am a student in computer science, as well as an apprentice developer.\nAfter stopping my second year of computer science studies at the University Paris-Est Créteil (UPEC), I am preparing to enter ETNA: a work-study school in computer science.\nBeing passionate about computer science, especially development, I have learned to master the basics of several programming languages, including Java, PHP, HTML/CSS, Python, etc.",
"about_box.about_me.text": "My name is Clément Fossorier, and I am a student in computer science as well as an apprentice developer! I am currently studying in a preparatory year at the École des Technologies Numériques Avancées (ETNA) to obtain a degree in IT project management. Passionate about computer science and particularly development, I have mastered the basics of several programming languages, including Java, PHP, HTML/CSS, Python, and many others! I also invite you to visit this page to learn more about me and discover all my skills.",
"about_box.informations.title": "Informations",
"about_box.informations.name.title": "Name:",
"about_box.informations.name.text": "Clément Fossorier",
Expand All @@ -24,11 +24,15 @@
"about_box.informations.location.text": "Parisian region, France",

"skills_box.title": "Skills",
"skills_box.programming_language.title": "Programming languages",
"skills_box.technologies.title": "Technologies",
"skills_box.language.title": "Languages",

"training_box.title": "Training",

"training_box.training3.title": "Année Préparatoire accélérée - Chargé de projets informatiques",
"training_box.training3.location": "École des Technologies Numériques Avancées (ETNA), 94200 Ivry-sur-Seine, France",
"training_box.training3.desc": "",

"training_box.training2.title": "Bachelor of Computer Science",
"training_box.training2.location": "Paris-East Créteil University, 94000 Créteil, France",
"training_box.training2.desc": "First year validated ✔\nStopped during second year ❌",
Expand Down
8 changes: 6 additions & 2 deletions lang/fr.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -14,7 +14,7 @@
"about_box.profile.title": "Profil",
"about_box.profile.text": "Jeune étudiant en informatique et apprenti développeur.",
"about_box.about_me.title": "À mon propos",
"about_box.about_me.text": "Je me nomme Clément Fossorier et je suis Étudiant en informatique ainsi qu'apprenti développeur.\nSuite à l'arrêt de ma seconde année de licence d'informatique à l'université Paris-Est Créteil (UPEC), je prépare mon entrée à l'ETNA: école d'alternance en informatique.\nÉtant passionné par l'informatique et plus particulièrement le développement, j'ai appris à maîtriser les bases de plusieurs langages informatiques, parmis ceux-ci Java, PHP, HTML/CSS, Python etc.",
"about_box.about_me.text": "Je me nomme Clément Fossorier et je suis Étudiant en informatique ainsi qu'apprenti développeur! Je suis actuellement étudiant en année préparatoire à l’École des Technologies Numériques Avancées (ETNA) afin d’obtenir un diplôme de chargé de projets informatiques. Étant passionné par l'informatique et plus particulièrement le développement, j'ai appris à maîtriser les bases de plusieurs langages informatiques, parmis ceux-ci Java, PHP, HTML/CSS, Python et bien d'autres! Je vous invite d'ailleurs à visiter cette page pour en apprendre plus sur moi et connâitre l'ensemble de mes compétences.",
"about_box.informations.title": "Informations",
"about_box.informations.name.title": "Nom:",
"about_box.informations.name.text": "Clément Fossorier",
Expand All @@ -24,11 +24,15 @@
"about_box.informations.location.text": "Région parisienne, France",

"skills_box.title": "Compétences",
"skills_box.programming_language.title": "Langages informatiques",
"skills_box.technologies.title": "Technologies",
"skills_box.language.title": "Langues",

"training_box.title": "Formation",

"training_box.training3.title": "Année Préparatoire accélérée - Chargé de projets informatiques",
"training_box.training3.location": "École des Technologies Numériques Avancées (ETNA), 94200 Ivry-sur-Seine, France",
"training_box.training3.desc": "",

"training_box.training2.title": "Licence informatique",
"training_box.training2.location": "Université Paris-Est Créteil, 94000 Créteil",
"training_box.training2.desc": "Première année validée ✔\nArrêt en cours de seconde année ❌",
Expand Down
4 changes: 2 additions & 2 deletions style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -33,13 +33,13 @@ img.picture {
display: block;
margin-inline: auto;
width: 75%;
content: url("/images/profile_pic.jpg");
content: url("/assets/images/profile_pic.jpg");
transform: scale(100%);
transition: all 0.5s ease;
}

img.picture:hover {
content: url("/images/profile_pic_smiley.jpg");
content: url("assets/images/profile_pic_smiley.jpg");
transform: scale(110%);
transition: all 0.1s ease;
}
Expand Down

0 comments on commit 255fa71

Please sign in to comment.