diff --git a/.drone.yml b/.drone.yml index ec20022..927af45 100644 --- a/.drone.yml +++ b/.drone.yml @@ -7,14 +7,6 @@ trigger: - push steps: - - name: code-analysis - image: aosapps/drone-sonar-plugin - settings: - sonar_host: - from_secret: sonar_host - sonar_token: - from_secret: sonar_token - - name: docker-build-and-push image: plugins/docker settings: diff --git a/README.md b/README.md index 89db8ca..5781301 100644 --- a/README.md +++ b/README.md @@ -1,5 +1,2 @@ -[![Build Status](https://codefirst.iut.uca.fr/api/badges/nicolas.blondeau/PortFolio_BUT2/status.svg)](https://codefirst.iut.uca.fr/nicolas.blondeau/PortFolio_BUT2) - -# PortFolio_BUT2 - -A simple template for a web site. \ No newline at end of file +# ImNicolasTheDev.github.io +This is my PortFolio, feel free to visit and send a feedback :) diff --git a/background.css b/background.css new file mode 100644 index 0000000..30e85ab --- /dev/null +++ b/background.css @@ -0,0 +1,18 @@ +body { + background: linear-gradient(-45deg, #580101, #55133c, #0c2852, #021479); + background-size: 400% 400%; + animation: gradient 25s ease infinite; + height: 100%; +} + +@keyframes gradient { + 0% { + background-position: 0% 50%; + } + 50% { + background-position: 100% 50%; + } + 100% { + background-position: 0% 50%; + } +} \ No newline at end of file diff --git a/common.css b/common.css new file mode 100644 index 0000000..9d8ff72 --- /dev/null +++ b/common.css @@ -0,0 +1,104 @@ +@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@400&display=swap'); +@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@200&display=swap'); +@import url('https://fonts.googleapis.com/css?family=Lato'); + + +html { + scroll-behavior: smooth; +} + +body { + margin: 0; +} + +h1, h2, h3, h4, h5, h6, p, a, li { + font-family: 'Barlow', sans-serif; + font-weight: 200; + text-decoration: none; + color: #ccc; +} + +section a:hover { + font-weight: 400 ; +} + +.title { + width: fit-content; + margin-top: 0; + padding-left: 20px; + padding-right: 20px; + padding-bottom: 10px; + border-bottom: 3px solid rgba(128, 128, 128, 0.5); + border-right: 3px solid rgba(128, 128, 128, 0.5); + border-bottom-right-radius: 30px; +} + +section { + padding: 2.5vw; + background-color: rgba(0, 0, 0, 0.3); + border-top: 0px solid gray; + border-bottom: 1px solid gray; + border-left: 0px solid gray; + border-right: 1px solid gray; + width: fit-content; + height: fit-content; + border-radius: 30px; + transition-property: border-left, border-right, border-top, border-bottom, background-color; + transition: all 0.2s; +} + +section:hover { + border-top: 0px solid lightgray; + border-bottom: 1px solid lightgray; + border-left: 0px solid lightgray; + border-right: 1px solid lightgray; + background-color: rgba(0, 0, 0, 0.4); +} + +/*Barre de navigation*/ + +.navMenu { + position: sticky; + top: 0; + width: 100%; + display: flex; + flex-direction: row; + align-items: center; + list-style-type: none; + justify-content: space-evenly; + height: 70px; + background-color: #000000; +} + +.navMenu a { + display: block; + padding: 15px; + font-weight: 800; + text-transform: uppercase; + margin: 0 10px; + color: #ccc; + font-family: 'Lato', sans-serif; + position: relative; +} + +.navMenu a:before { + content: ""; + position: absolute; + width: 100%; + height: 2px; + bottom: 0; + left: 0; + background-color: #FFF; + visibility: hidden; + transform: scaleX(0); + transition: all 0.28s ease-in-out; +} + +.navMenu a:hover:before { + visibility: visible; + transform: scaleX(1); +} + +.layout p, .layout a, .layout li { + font-size: large; +} \ No newline at end of file diff --git a/contact.css b/contact.css new file mode 100644 index 0000000..edfb6f2 --- /dev/null +++ b/contact.css @@ -0,0 +1,23 @@ +.layout { + display: flex; + align-items: center; + justify-content: space-around; + height: 85vh; +} + +img { + background-color: #FAFFFF; + border-radius: 8px; + padding: 4px; + margin: 6px; +} + +.layout a { + font-size: x-large; +} + +.links { + display: flex; + align-items: center; + justify-content: left; +} \ No newline at end of file diff --git a/contact.html b/contact.html new file mode 100644 index 0000000..07e04f5 --- /dev/null +++ b/contact.html @@ -0,0 +1,74 @@ + + + + + + + + + + Portfolio de Nicolas BLONDEAU + + + +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + + +
+
+

Contactez moi ici :

+
+
+
+ LinkedIn Icon + Mon profil LinkedIn. +
+
+
+ Mail Icon + Nicolas.BLONDEAU@etu.uca.fr +
+
+
+ GitHub Icon + Mon profil GitHub. +
+
+
+ + + + + \ No newline at end of file diff --git a/credits.css b/credits.css new file mode 100644 index 0000000..91e4914 --- /dev/null +++ b/credits.css @@ -0,0 +1,6 @@ +.layout { + display: flex; + align-items: center; + justify-content: space-around; + height: 85vh; +} \ No newline at end of file diff --git a/credits.html b/credits.html new file mode 100644 index 0000000..267853e --- /dev/null +++ b/credits.html @@ -0,0 +1,68 @@ + + + + + + + + + + Portfolio de Nicolas BLONDEAU + + + +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + + +
+
+

Remerciements à :

+

+

Manuel Pinto pour l'idée du fondu gradient à l'arrière plan.

+

Retrouvez le ici : CodePen

+
+

Andreas Storm pour l'idée de l'animation lors du chargement.

+

Retrouvez le ici : CodePen

+
+

Freepik pour la collection d'images fournie.

+

Retrouvez les ici : Freepik

+ +
+
+ + + + + \ No newline at end of file diff --git a/divers.css b/divers.css new file mode 100644 index 0000000..a9f6b85 --- /dev/null +++ b/divers.css @@ -0,0 +1,13 @@ +.layout { + display: flex; + align-items: center; + justify-content: space-around; + margin: 8% +} + +.layoutImg { + display: flex; + align-items: center; + justify-content: space-around; + margin: 2% +} \ No newline at end of file diff --git a/divers.html b/divers.html new file mode 100644 index 0000000..7594a1c --- /dev/null +++ b/divers.html @@ -0,0 +1,78 @@ + + + + + + + + + + Portfolio de Nicolas BLONDEAU + + + +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + + +
+
+

Voici quelques exemples de projets que j'ai réalisé :

+
+
+

Un site web responsive sur la thématique du skate : Lien GitHub.

+
+
+ SkateUnity +
+
+
+ SkateUnity + SkateUnity +
+
+

Une multitude de compositions, notamment de la MAO (Musique Assistée par Ordinateur) sur le logiciel Open-Source LMMS :

+
+ SkateUnity +
+
+
Shysudo · Harmony - Part 2
+
+
+
+ + + + + \ No newline at end of file diff --git a/favicon.ico b/favicon.ico new file mode 100644 index 0000000..a2f0b06 Binary files /dev/null and b/favicon.ico differ diff --git a/images/flower1.png b/images/flower1.png new file mode 100644 index 0000000..dd368b9 Binary files /dev/null and b/images/flower1.png differ diff --git a/images/flower2.png b/images/flower2.png new file mode 100644 index 0000000..0a3b5c9 Binary files /dev/null and b/images/flower2.png differ diff --git a/images/flower3.png b/images/flower3.png new file mode 100644 index 0000000..ca502b0 Binary files /dev/null and b/images/flower3.png differ diff --git a/images/githubIcon.png b/images/githubIcon.png new file mode 100644 index 0000000..ebde2b8 Binary files /dev/null and b/images/githubIcon.png differ diff --git a/images/icons/github.png b/images/icons/github.png new file mode 100644 index 0000000..95cdc93 Binary files /dev/null and b/images/icons/github.png differ diff --git a/images/icons/linkedin.png b/images/icons/linkedin.png new file mode 100644 index 0000000..8ba73ca Binary files /dev/null and b/images/icons/linkedin.png differ diff --git a/images/icons/mail.png b/images/icons/mail.png new file mode 100644 index 0000000..9fd58c9 Binary files /dev/null and b/images/icons/mail.png differ diff --git a/images/linkedInIcon.png b/images/linkedInIcon.png new file mode 100644 index 0000000..61141e5 Binary files /dev/null and b/images/linkedInIcon.png differ diff --git a/images/lmmsExample.png b/images/lmmsExample.png new file mode 100644 index 0000000..f1b05ab Binary files /dev/null and b/images/lmmsExample.png differ diff --git a/images/skateUnity1.png b/images/skateUnity1.png new file mode 100644 index 0000000..6e5d067 Binary files /dev/null and b/images/skateUnity1.png differ diff --git a/images/skateUnity2.png b/images/skateUnity2.png new file mode 100644 index 0000000..b5763b4 Binary files /dev/null and b/images/skateUnity2.png differ diff --git a/images/skateUnity3.png b/images/skateUnity3.png new file mode 100644 index 0000000..5e1abaa Binary files /dev/null and b/images/skateUnity3.png differ diff --git a/index.css b/index.css new file mode 100644 index 0000000..3a35915 --- /dev/null +++ b/index.css @@ -0,0 +1,74 @@ +.layout { + display: flex; + align-items: center; + flex-direction: column; + justify-content: space-around; + padding-left: 5vw; + padding-right: 5vw; + padding-top: 50px; +} + +.sectionImage { + display: flex; + flex-direction: row; + justify-content: center; + align-items: center; + margin-top: 100px; + margin-bottom: 50px; + margin-left: 4%; + margin-right: 4%; +} + +.sectionImage img { + width: 250px; + height: 250px; +} + +/*DEBUT Espace travaux -> Exceptionnel*/ +#travaux { + z-index: -5; + position: absolute; + top: 100px; + right: 70px; + align-items: center; +} +#travaux section { + background-color: rgba(211, 211, 211, 0.225); +} +/*FIN Espace travaux*/ + +.headTitle { + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + height: 80vh; + margin-bottom: 10vh; +} + +#title { + font-family: monospace; + text-align: end; + width: max-content; + border-bottom: none; + font-size: 300%; +} + +#titleName { + font-size: 120px; + text-transform: uppercase; + font-family: 'Gambetta', serif; + letter-spacing: -3px; + font-weight: 500; + margin-bottom: 0.8rem; + color: PaleGoldenRod; + outline: none; + text-align: center; + animation: anim 8s ease infinite; +} + +@keyframes anim { + 50% { + letter-spacing: 1px; + } +} \ No newline at end of file diff --git a/index.html b/index.html index fc61ea2..f5ed54c 100644 --- a/index.html +++ b/index.html @@ -1,34 +1,143 @@ - + - - PortFolio_BUT2 - One incredible styled html page - - + + + + + + + + + Portfolio de Nicolas BLONDEAU + + + +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + + +
+
+

Je suis

+
Nicolas Blondeau,
+

Étudiant en deuxième année de Bachelor Universitaire Technologique Informatique à Clermont-Ferrand (63)

+
+
+
+
+
+

A propos

+

Passionné par l'informatique depuis le collège, j'ai décidé de me lancer dans un BUT Informatique.
+ J'ai l'envie de réaliser des projets, et de satisfaire les clients et ainsi être fier du résultat. + Aussi, mon objectif est de devenir développeur full-stack.
+ Je souhaite acquérir les compétences nécessaires grâce à ma formation, mais également par le biais d'une alternance.
+
+ Je recherche donc une alternance à compter du mois de septembre 2024, et un stage de fin d'année d'avril 2024 à juin 2024.
+ Pour plus d'informations à propos de l'alternance ou du stage, me contacter ici. +

+
+ flower :> +
+
+
+
+
+ flower :> +
+

Cursus - Formation

+

Institut Universitaire Technologique - Informatique
+ Clermont-Ferrand (63)

+ Depuis septembre 2022, j'ai intégré la formation proposée à Aubière en Informatique.
+
Points forts : Nous apprenons une multitude de languages, dès le début d'année, ce qui rend cette formation très intéressante. Les professeurs sont toujours là si nous avons des questions, et nous menons beaucoup de projets (6 gros projets par semestre). +

+
+

Lycée Polyvalent Paul-Constans - Sciences et Technologies de l'Industrie et du Développement Durable (STI2D)
+ Montluçon (03)

+ De septembre 2019 à Juin 2020, j'ai fait une seconde Générale et Technologique. Puis, par envie de me spécialiser, j'ai décidé de m'orienter vers + une première en STI2D. Ensuite, lors du passage en terminale, j'ai finalement choisi la spécialité Systèmes d'Information et Numérique (SIN). +
+ Enfin, j'ai obtenu le Baccalauréat avec mention assez bien. +
+
Points forts : En STI2D, nous étudions une multitude d'aspects de l'industrie, et tous ces sujets m'ont apportés une grande culture et de nombreuses connaissances de l'industrie et du développement durable. + +

+
+
+
+
+
+
+
+
+

Compétences

+

Techniques :

+
    +
  • Développer des applications informatiques simples
    • +

    J'ai par exemple développé une application en C pour la gestion complète d'un centre sportif.
    + Cela m'a apporté beaucoup de compétences, et cela m'a permis de manipuler le language C de manière avancée et concrète.

    +
  • Appréhender et construire des algorithmes
    • +
  • Installer et configurer un poste de travail
    • +

    Je sais installer différents systèmes (Debian, Arch, Mint...), et administrer ces systèmes.
    + J'ai pu développer mes compétences, même si j'avais déjà quelques bases grâce à la manipulation de machines pour le plaisir avant d'entrer dans la formation.

    +
  • Concevoir et mettre en place une base de données à partir d’un cahier des charges client
    • +
  • Identifier les besoins métiers des clients et des utilisateurs
    • +
  • Identifier ses aptitudes pour travailler dans une équipe
    • +
+
+

Qualités
+

    +
  • La créativité
    • +

    Je suis quelqu'un de très créatif. En effet, je pratique de la trompette depuis 10 ans, compose et joue de la musique (voir ici mes différents projets)
    + J'exprime aussi ma créativité dans les projets informatiques que je réalise.

    +
  • La curiosité
    • +

    Très curieux depuis mon plus jeune âge, j'ai toujours voulu savoir comment les choses fonctionnent, et j'ai toujours cette envie de découvrir + de nouvelles passions. Par exemple, je suis numismate, je fais du skate, toujours à m'intéresser à de nouvelles choses.

    +
  • L'esprit d'équipe
    • +
  • La communication
    • +
  • La patience
    • +
+

+
+ flower :> +
+
- - - - - - -

PortFolio_BUT2 is my first page, and it has got style!

- -

Welcome on this template html/css project - -

Very simple, some links, some menu... make it your own -… - -

I have nothing more to say - - -

Template made in 2022
- with Code#0 Code#0 -
- - - \ No newline at end of file + + + + diff --git a/loading.css b/loading.css new file mode 100644 index 0000000..94d83f3 --- /dev/null +++ b/loading.css @@ -0,0 +1,121 @@ +.loadingbody { + background: #000; +} + +.loader{ + width: 100vw; + height: 100vh; + position: fixed; + top: 0; + left: 0; + display: none; + align-items: center; + justify-content: center; + background-color: black; +} + +.loader-active{ + display: flex; +} +.loader::after{ + content: ""; + width: 60px; + height: 60px; +} + +.loading { + width: 60px; + height: 60px; + position: absolute; + top: 50%; + left: 50%; + margin: -30px 0 0 -30px; + transform: rotate(45deg); +} +.loading div { + width: 6px; + height: 6px; + background: #fff; + border-radius: 100%; + float: left; + margin-bottom: 12px; + animation: scaleDot 2s ease infinite; +} +.loading div:not(:nth-child(4n+4)) { + margin-right: 12px; +} +.loading div:nth-child(1) { + animation-delay: 0; +} +.loading div:nth-child(2), +.loading div:nth-child(5) { + animation-delay: 0.1s; +} +.loading div:nth-child(3), +.loading div:nth-child(6), +.loading div:nth-child(9) { + animation-delay: 0.2s; +} +.loading div:nth-child(4), +.loading div:nth-child(7), +.loading div:nth-child(10), +.loading div:nth-child(13) { + animation-delay: 0.3s; +} +.loading div:nth-child(8), +.loading div:nth-child(11), +.loading div:nth-child(14) { + animation-delay: 0.4s; +} +.loading div:nth-child(12), +.loading div:nth-child(15) { + animation-delay: 0.5s; +} +.loading div:nth-child(16) { + animation-delay: 0.6s; +} + +@-moz-keyframes scaleDot { + 40% { + transform: scale(1.5) translate(-2px, -2px); + } + 80% { + transform: scale(1); + } + 100% { + transform: scale(1); + } +} +@-webkit-keyframes scaleDot { + 40% { + transform: scale(1.5) translate(-2px, -2px); + } + 80% { + transform: scale(1); + } + 100% { + transform: scale(1); + } +} +@-o-keyframes scaleDot { + 40% { + transform: scale(1.5) translate(-2px, -2px); + } + 80% { + transform: scale(1); + } + 100% { + transform: scale(1); + } +} +@keyframes scaleDot { + 40% { + transform: scale(1.5) translate(-2px, -2px); + } + 80% { + transform: scale(1); + } + 100% { + transform: scale(1); + } +} \ No newline at end of file diff --git a/work.png b/work.png new file mode 100644 index 0000000..6804cad Binary files /dev/null and b/work.png differ