From 436825210aacbbc27ba3b702a2ce629ac1867b39 Mon Sep 17 00:00:00 2001 From: "sasha.lorenc" Date: Wed, 12 Feb 2025 15:59:50 +0100 Subject: [PATCH] Ajout des traduction en anglais et en espagnol + modification barre de navigation et ajout bouton des choix des langues --- css/global.css | 54 +++++++- documents/{Cv.pdf => Cv_fr.pdf} | Bin html/about.html | 148 +++++++++++++++++---- html/accueil.html | 196 +++++++++++++++++++++++---- html/contact.html | 1 + html/contacts.html | 202 +++++++++++++++++++++------- html/projects.html | 1 + html/projet.html | 189 +++++++++++++++++++++----- html/skills.html | 226 ++++++++++++++++++++++++++------ 9 files changed, 842 insertions(+), 175 deletions(-) rename documents/{Cv.pdf => Cv_fr.pdf} (100%) create mode 100644 html/contact.html create mode 100644 html/projects.html diff --git a/css/global.css b/css/global.css index 3359721..9875955 100644 --- a/css/global.css +++ b/css/global.css @@ -66,7 +66,7 @@ header.scroll-down { nav { display: flex; - justify-content: flex-end; + justify-content: space-between; align-items: center; width: 95%; max-width: 1200px; @@ -76,7 +76,6 @@ nav { nav h1 { font-size: 24px; color: #e9ecef; - margin-right: auto; transition: transform 0.3s ease; } @@ -87,10 +86,12 @@ nav h1:hover { nav ul { display: flex; list-style: none; + margin: 0 auto; + gap: 2rem; } nav ul li { - margin-left: 15px; + margin-left: 0; position: relative; } @@ -123,7 +124,7 @@ nav ul li a:hover::after { } #settings-icon { - margin-left: 15px; + margin-left: 0; transition: transform 0.3s ease; } @@ -388,4 +389,49 @@ h3 { .project-card, .skill-item { border-color: #2d2d2d; transition: all 0.3s ease; +} + +.nav-controls { + display: flex; + align-items: center; + gap: 0.5rem; +} + +.language-selector-container { + position: relative; +} + +#language-selector { + background-color: #2d2d2d; + color: #e9ecef; + border: none; + padding: 8px 25px 8px 12px; + border-radius: 5px; + font-size: 14px; + cursor: pointer; + transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); + appearance: none; + -webkit-appearance: none; + -moz-appearance: none; +} + +#language-selector:hover { + background-color: #3d3d3d; + transform: scale(1.05); +} + +.language-selector-container::after { + content: '▼'; + font-size: 10px; + color: #e9ecef; + position: absolute; + right: 8px; + top: 50%; + transform: translateY(-50%); + pointer-events: none; + transition: transform 0.3s ease; +} + +.language-selector-container:hover::after { + transform: translateY(-50%) rotate(180deg); } \ No newline at end of file diff --git a/documents/Cv.pdf b/documents/Cv_fr.pdf similarity index 100% rename from documents/Cv.pdf rename to documents/Cv_fr.pdf diff --git a/html/about.html b/html/about.html index 996a302..6545342 100644 --- a/html/about.html +++ b/html/about.html @@ -20,16 +20,25 @@
  • Compétences
  • Contact
    • - +
    +
    + +
    + +
    @@ -39,9 +48,9 @@
    Photo
    -

    À propos de moi

    +

    À propos de moi

    -

    +

    Je m'appelle Sasha Lorenc, développeur passionné par l'informatique et le design. Je cherche constamment à apprendre et à m'améliorer. En tant qu'étudiant en Première année de @@ -63,8 +72,8 @@ du développement web ou autre.

    -

    Mon parcours

    -

    Je suis actuellement étudiant en BUT Informatique à l'IUT de Clermont-Ferrand. +

    Mon parcours

    +

    Je suis actuellement étudiant en BUT Informatique à l'IUT de Clermont-Ferrand. Avant cela, j'ai obtenu mon baccalauréat avec les spécialités NSI (Numérique et Sciences Informatiques) et Mathématiques au lycée Albert Londres à Cusset. Durant mon parcours lycéen, j'ai eu l'opportunité exceptionnelle de participer à un projet innovant en partenariat avec Samsung dans le cadre du programme "Solve for Tomorrow". Notre équipe a fait partie des 5 groupes sélectionnés parmi plus d'un millier de groupes en France pour présenter notre projet devant un jury à Paris, une expérience enrichissante qui a renforcé mes compétences en gestion de projet ainsi qu'en expression orale. @@ -72,29 +81,27 @@

    -

    Ce qui me motive

    -

    +

    Ce qui me motive

    +

    J'aime créer des interfaces intuitives et esthétiques, et je cherche à rendre chaque projet innovant et unique pour permettre aux sites que je crée d'être facilement identifiables par leurs utilisateurs.

    - Me contacter + Me contacter - - + diff --git a/html/accueil.html b/html/accueil.html index 7440eb4..5cce0c9 100644 --- a/html/accueil.html +++ b/html/accueil.html @@ -20,15 +20,24 @@
  • Compétences
  • Contact
    • - +
    +
    + +
    + +
    @@ -36,10 +45,10 @@

    Sasha Lorenc

    -

    Développeur Web & Étudiant en BUT Informatique

    +

    Développeur Web & Étudiant en BUT Informatique

    - Voir mes projets - Me contacter + Voir mes projets + Me contacter
    @@ -48,51 +57,51 @@
    -

    Ce que je peux faire pour vous

    +

    Ce que je peux faire pour vous

    -

    Développement Web

    -

    Création de sites web responsifs et modernes utilisant les dernières technologies.

    +

    Développement Web

    +

    Création de sites web responsifs et modernes utilisant les dernières technologies.

    -

    Applications

    -

    Développement d'applications performantes en C, C++ et autres langages.

    +

    Applications

    +

    Développement d'applications performantes en C, C++ et autres langages.

    -

    UI/UX Design

    -

    Conception d'interfaces utilisateur intuitives et esthétiques.

    +

    UI/UX Design

    +

    Conception d'interfaces utilisateur intuitives et esthétiques.

    -

    Expertise Technique

    +

    Expertise Technique

    1 -

    Année d'expérience en programmation

    +

    Année d'expérience en programmation

    3+ -

    Projets réalisés

    +

    Projets réalisés

    5+ -

    Technologies maîtrisées

    +

    Technologies maîtrisées

    - Voir toutes mes compétences + Voir toutes mes compétences
    -

    Travaillons ensemble

    -

    Vous avez un projet en tête ? Je serais ravi d'en discuter !

    +

    Travaillons ensemble

    +

    Vous avez un projet en tête ? Je serais ravi d'en discuter !

    - Me contacter - Télécharger mon CV + Me contacter + Télécharger mon CV
    @@ -105,7 +114,7 @@ - + diff --git a/html/contact.html b/html/contact.html new file mode 100644 index 0000000..0519ecb --- /dev/null +++ b/html/contact.html @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/html/contacts.html b/html/contacts.html index 6c9ccea..7f2be51 100644 --- a/html/contacts.html +++ b/html/contacts.html @@ -1,9 +1,9 @@ - + - Contact - Portfolio de Sasha Lorenc + Contact - Sasha Lorenc's Portfolio @@ -13,78 +13,84 @@ - +
    -

    Contactez-moi

    -

    N'hésitez pas à me contacter pour toute question ou collaboration. Je serai ravi d'échanger avec vous !

    +

    Contact Me

    +

    Don't hesitate to contact me for any questions or collaboration. I would be happy to discuss with you!

    - + + data-translate="name-placeholder" placeholder="Your full name" + pattern="[A-Za-zÀ-ÿ\s]+" title="Please enter a valid name">
    -
    - +
    - + + data-translate="message-placeholder" placeholder="Your message here (10-1000 characters)">
    0/1000
    -
    -

    Email : sasha03.lorenc@gmail.com

    -

    Suivez-moi : +

    Email: sasha.LORENC@etu.uca.fr

    +

    Follow me: LinkedIn | GitHub | Twitter @@ -92,11 +98,11 @@

    - + - + diff --git a/html/projects.html b/html/projects.html new file mode 100644 index 0000000..0519ecb --- /dev/null +++ b/html/projects.html @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/html/projet.html b/html/projet.html index 556f04f..2ae10aa 100644 --- a/html/projet.html +++ b/html/projet.html @@ -3,78 +3,84 @@ - Projets - Portfolio de Sasha Lorenc + Projets - Portfolio de Sasha Lorenc -
    -

    Mes Projets

    +

    Mes Projets

    -

    Projet 1 : Jeux vidéo

    -

    Un jeux vidéo médieval en tour par tour basé sur le pierre feuille cisceau.

    -

    Technologies : C

    - Voir le projet +

    Projet 1 : Jeux vidéo

    +

    Un jeux vidéo médieval en tour par tour basé sur le pierre feuille cisceau.

    +

    Technologies : C

    + Voir le projet
    -

    Projet 2 : Application de Gestion

    -

    Une application pour gérer stages au sein du département informatique de l'IUT de Clermont-Ferrand.

    -

    Technologies : C

    - Voir le projet +

    Projet 2 : Application de Gestion

    +

    Une application pour gérer stages au sein du département informatique de l'IUT de Clermont-Ferrand.

    +

    Technologies : C

    + Voir le projet
    -

    Projet 3 : Portfolio Interactif

    -

    Un portfolio interactif pour présenter mes compétences et projets de manière visuelle.

    -

    Technologies : HTML, CSS, JavaScript

    - Voir le projet +

    Projet 3 : Portfolio Interactif

    +

    Un portfolio interactif pour présenter mes compétences et projets de manière visuelle.

    +

    Technologies : HTML, CSS, JavaScript

    + Voir le projet
    -

    Projet 4 : TaskShade

    -

    Une To Do List en ligne permettant d'organiser vos tâches par importance et date d'échéance, tout en suivant vos performances via des statistiques détaillées.

    -

    Technologies : HTML, CSS, JavaScript

    - Voir le projet +

    Projet 4 : TaskShade

    +

    Une To Do List en ligne permettant d'organiser vos tâches par importance et date d'échéance, tout en suivant vos performances via des statistiques détaillées.

    +

    Technologies : HTML, CSS, JavaScript

    + Voir le projet
    -