finished the about me site

src/app/components/about-me/about-me.component.scss

@@ -19,7 +19,7 @@
     flex-direction: column;
     justify-content: center;
     width: 50%;
-    height: 50%;
+    height: 55%;
     background-color: rgba(0, 0, 0, 0.43);
     border-radius: 12px;
     color: rgb(255, 255, 255);

src/app/components/contact/contact.component.html

@@ -7,11 +7,11 @@
       <form (ngSubmit)="sendEmail($event)" #contactForm="ngForm">
         <div class="form-control-div">
           <mat-form-field>
-            <mat-label>Enter your Name</mat-label>
+            <mat-label>{{ 'form.name_label' | translate }}</mat-label>
             <input
               matInput
               [formControl]="nameOfCustomer"
-              placeholder="Example Name"
+              placeholder="{{ 'form.name_placeholder' | translate }}"
               type="text"
               required
             />
@@ -20,13 +20,13 @@
 
         <div class="form-control-div">
           <mat-form-field>
-            <mat-label>Enter your email</mat-label>
+            <mat-label>{{ 'form.email_label' | translate }}</mat-label>
             <input
               matInput
               [formControl]="emailOfCustomer"
               type="email"
               pattern="^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$"
-              placeholder="example@example.com"
+              placeholder="{{ 'form.email_placeholder' | translate }}"
               required
             />
           </mat-form-field>
@@ -34,19 +34,25 @@
 
         <div class="textAreaDiv">
           <mat-form-field>
-            <mat-label>Your Text</mat-label>
-            <textarea matInput placeholder="{{ 'placeHolder' | translate }}" required type="email"
-                      [formControl]="textOfCustomer" class="textarea"></textarea>
+            <mat-label>{{ 'form.message_label' | translate }}</mat-label>
+            <textarea
+              matInput
+              placeholder="{{ 'form.message_placeholder' | translate }}"
+              required
+              type="text"
+              [formControl]="textOfCustomer"
+              class="textarea"
+            ></textarea>
           </mat-form-field>
         </div>
         <div class="buttonDiv">
-          <button mat-flat-button type="submit" class="button">Send</button>
+          <button mat-flat-button type="submit" class="button">{{ 'form.send_button' | translate }}</button>
         </div>
       </form>
     </div>
 
     <div class="imageDiv">
-      <img id="talking" src="../../../assets/contactPicture.webp" alt="Picture of people wanting to talk">
+      <img id="talking" src="../../../assets/contactPicture.webp" alt="{{ 'form.image_alt' | translate }}">
     </div>
   </div>
 </div>

src/app/components/global/background/background.component.scss

@@ -21,7 +21,7 @@
 .circle-div {
   width: 150px;
   height: 150px;
-  background-color: #ffffff;
+  background-image: linear-gradient(30deg, #e0e0e0 20%, #ffffff 50%, #d9d9d9 80%);
   filter: blur(25px);
   position: absolute;
   border-radius: 50%;

src/app/components/projects/projects.component.html

@@ -20,7 +20,7 @@
               />
               <div class="project-info">
                 <h2>{{ project.title }}</h2>
-                <p>{{ project.description }}</p>
+                <p>{{ project.description | translate }}</p>
               </div>
             }
           }
@@ -46,7 +46,7 @@
               />
               <div class="project-info">
                 <h2>{{ project.title }}</h2>
-                <p>{{ project.description }}</p>
+                <p>{{ project.description | translate }}</p>
               </div>
             }
           }

src/app/components/projects/projects.component.scss

@@ -57,7 +57,7 @@
 }
 
 /* Mobile Mode */
-@media (max-width: 768px) {
+@media (max-width: 791px) {
   .restOfScreen{
     justify-content: start;
     display: flex;

src/app/components/projects/projects.component.ts

@@ -4,6 +4,7 @@ import { FooterComponent } from "../global/footer/footer.component";
 import { HeaderComponent } from "../global/header/header.component";
 import { Project } from "../../models/projectModel";
 import { NgClass } from "@angular/common";
+import {TranslateModule} from "@ngx-translate/core";
 
 @Component({
   selector: 'app-projects',
@@ -12,22 +13,40 @@ import { NgClass } from "@angular/common";
     BackgroundComponent,
     FooterComponent,
     HeaderComponent,
-    NgClass
+    NgClass,
+    TranslateModule
   ],
   templateUrl: './projects.component.html',
   styleUrls: ['./projects.component.scss']
 })
 export class ProjectsComponent {
   projects: Project[] = [
-    { title: 'BonApp', description: 'The social Media of the future, where you can find your perfect meal', imageUrl: 'assets/BonAppLogo.webp' },
-    { title: 'About Me Site', description: 'A personal portfolio of myself, to show my skills', imageUrl: 'assets/portfolio.webp' },
-    { title: 'Taper Monkey', description: 'The best and easiest way to learn the typing system and make levels for other users to enjoy it to', imageUrl: 'assets/taperMonkeyMacPicture.webp' },
-    { title: 'Your Project', description: "I would be glad to work for your Project. Contact me now and let's discuss our first project", imageUrl: 'assets/project.webp' },
+    {
+      title: 'BonApp',
+      description: 'project.bonapp.description',
+      imageUrl: 'assets/BonAppLogo.webp'
+    },
+    {
+      title: 'About Me Site',
+      description: 'project.about_me_site.description',
+      imageUrl: 'assets/portfolio.webp'
+    },
+    {
+      title: 'Taper Monkey',
+      description: 'project.taper_monkey.description',
+      imageUrl: 'assets/taperMonkeyMacPicture.webp'
+    },
+    {
+      title: 'Your Project',
+      description: 'project.your_project.description',
+      imageUrl: 'assets/project.webp'
+    }
   ];
 
+
   currentIndex = 0;
   transitionClass = '';
-  isMobile = window.innerWidth <= 768; // initialer Wert basierend auf der aktuellen Fensterbreite
+  isMobile = window.innerWidth <= 790; // initialer Wert basierend auf der aktuellen Fensterbreite
 
   constructor() {
     this.checkMobileView(); // Initiale Überprüfung bei der Komponentenerstellung
@@ -39,7 +58,7 @@ export class ProjectsComponent {
   }
 
   private checkMobileView() {
-    this.isMobile = window.innerWidth <= 768;
+    this.isMobile = window.innerWidth <= 790;
   }
 
   changeProject(next: boolean) {
@@ -49,6 +68,6 @@ export class ProjectsComponent {
     setTimeout(() => {
       this.currentIndex = (this.currentIndex + (next ? 1 : -1) + this.projects.length) % this.projects.length;
       this.transitionClass = 'active';
-    }); // Wartezeit für die Swipe-Animation
+    });
   }
 }

src/app/components/skills/skills.component.html

@@ -3,14 +3,14 @@
 <div class="wholeScreen">
   <app-header></app-header>
   <div class="restOfScreen">
-    <h1>My Skills</h1>
+    <h1>{{ 'skills1.title' | translate }}</h1>
     <div class="skills-div">
-      <h2>Over the time in my apprenticeship I had the chance to get knowledge in the following points:</h2>
+      <h2>{{ 'skills1.subtitle' | translate }}</h2>
       <div class="allSkills">
         @for (currentSkill of skillsList; track $index){
           <a href="{{currentSkill.linkToSite}}" target="_blank">
             <div class="skill">
-              <h4>{{currentSkill.skill}}</h4>
+              <h4>{{ currentSkill.skill }}</h4>
             </div>
           </a>
         }

src/app/components/skills/skills.component.ts

@@ -3,6 +3,7 @@ import {BackgroundComponent} from "../global/background/background.component";
 import {FooterComponent} from "../global/footer/footer.component";
 import {HeaderComponent} from "../global/header/header.component";
 import {skillsModel} from "../../models/skillsModel";
+import {TranslateModule} from "@ngx-translate/core";
 
 @Component({
   selector: 'app-skills',
@@ -10,7 +11,8 @@ import {skillsModel} from "../../models/skillsModel";
   imports: [
     BackgroundComponent,
     FooterComponent,
-    HeaderComponent
+    HeaderComponent,
+    TranslateModule
   ],
   templateUrl: './skills.component.html',
   styleUrl: './skills.component.scss'

src/assets/i18n/de.json

@@ -6,8 +6,8 @@
   "contact1": "Kontakt",
   "job": "Informatiker",
   "firstOfAboutMe": "Hallo, mein Name ist Raphaël Schreiber und ich mache eine Lehre als Informatiker bei der SBB.",
-  "secondOfAboutMe": "Ich mag es an Frontend-Projekte zu arbeiten. Ich programmiere auch Fullstack-Projekte. Ich habe besonders UX- und UI-Design gerne.",
-  "thirdOfAboutMe": "Ich arbeite aktuell in einem mobile development team.",
+  "secondOfAboutMe": "Ich mag es, an Frontend-Projekten zu arbeiten, und entwickle auch Fullstack-Projekte. Besonders gerne beschäftige ich mich mit UX- und UI-Design.",
+  "thirdOfAboutMe": "Ich arbeite aktuell in einem Mobile-Development-Team.",
   "impressum": "Impressum",
   "contact": {
     "name": "Raphaël Schreiber",
@@ -27,8 +27,8 @@
       "content": "Beim Zugriff auf unsere Webseite werden automatisch allgemeine Informationen (sog. Server-Logfiles) erfasst. Diese beinhalten u.a. den von Ihnen verwendeten Webbrowser sowie Ihr Betriebssystem und Ihren Internet Service Provider. Diese Daten lassen keinerlei Rückschlüsse auf Ihre Person zu und werden von uns statistisch ausgewertet, um unseren Internetauftritt technisch und inhaltlich zu verbessern. Das Erfassen dieser Informationen ist notwendig, um den Inhalt der Webseite korrekt ausliefern zu können."
     },
     "privacy_2": "Die Nutzung der Webseite ist grundsätzlich ohne Angabe personenbezogener Daten möglich. Soweit personenbezogene Daten (beispielsweise Name, Anschrift oder E-Mail-Adressen) erhoben werden, erfolgt dies, soweit möglich, stets auf freiwilliger Basis. Diese Daten werden ohne Ihre ausdrückliche Zustimmung nicht an Dritte weitergegeben.",
-    "privacy_3": "Sofern ein Vertragsverhältnis begründet, inhaltlich ausgestaltet oder geändert werden soll oder Sie an uns eine Anfrage stellen, erheben und verwenden wir personenbezogene Daten von Ihnen, soweit dies zu diesem Zwecke erforderlich ist (Bestandsdaten). Wir erheben, verarbeiten und nutzen personenbezogene Daten soweit dies erforderlich ist, um Ihnen die Inanspruchnahme des Webangebots zu ermöglichen (Nutzungsdaten).",
-    "privacy_4": "Sämtliche personenbezogenen Daten werden nur solange gespeichert wie dies für den genannten Zweck (Bearbeitung Ihrer Anfrage oder Abwicklung eines Vertrags) erforderlich ist. Hierbei werden steuer- und handelsrechtliche Aufbewahrungsfristen von uns berücksichtigt.",
+    "privacy_3": "Sofern ein Vertragsverhältnis begründet, inhaltlich ausgestaltet oder geändert werden soll oder Sie an uns eine Anfrage stellen, erheben und verwenden wir personenbezogene Daten von Ihnen, soweit dies zu diesem Zwecke erforderlich ist (Bestandsdaten). Wir erheben, verarbeiten und nutzen personenbezogene Daten, soweit dies erforderlich ist, um Ihnen die Inanspruchnahme des Webangebots zu ermöglichen (Nutzungsdaten).",
+    "privacy_4": "Sämtliche personenbezogenen Daten werden nur solange gespeichert, wie dies für den genannten Zweck (Bearbeitung Ihrer Anfrage oder Abwicklung eines Vertrags) erforderlich ist. Hierbei werden steuer- und handelsrechtliche Aufbewahrungsfristen von uns berücksichtigt.",
     "privacy_5": "Auf Anordnung der zuständigen Stellen müssen wir im Einzelfall Auskunft über diese Daten (Bestandsdaten) erteilen, soweit dies für Zwecke der Strafverfolgung, zur Gefahrenabwehr, zur Erfüllung der gesetzlichen Aufgaben der Verfassungsschutzbehörden oder des Militärischen Abschirmdienstes oder zur Durchsetzung der Rechte am geistigen Eigentum erforderlich ist."
   },
   "liability": {
@@ -46,5 +46,33 @@
     "title": "3. Urheberrecht",
     "content": "Die durch die Diensteanbieter, deren Mitarbeiter und beauftragte Dritte erstellten Inhalte und Werke auf diesen Seiten unterliegen dem deutschen Urheberrecht. Die Vervielfältigung, Bearbeitung, Verbreitung und jede Art der Verwertung außerhalb der Grenzen des Urheberrechtes bedürfen der vorherigen schriftlichen Zustimmung des jeweiligen Autors bzw. Erstellers. Downloads und Kopien dieser Seite sind nur für den privaten, nicht kommerziellen Gebrauch gestattet. Soweit die Inhalte auf dieser Seite nicht vom Betreiber erstellt wurden, werden die Urheberrechte Dritter beachtet. Insbesondere werden Inhalte Dritter als solche gekennzeichnet. Sollten Sie trotzdem auf eine Urheberrechtsverletzung aufmerksam werden, bitten wir um einen entsprechenden Hinweis. Bei Bekanntwerden von Rechtsverletzungen werden derartige Inhalte umgehend entfernt."
   },
-  "generated": "Dieses Impressum wurde mit Hilfe des Impressum-Generators von HENSCHE Rechtsanwälte, Kanzlei für Arbeitsrecht erstellt."
+  "generated": "Dieses Impressum wurde mit Hilfe des Impressum-Generators von HENSCHE Rechtsanwälte, Kanzlei für Arbeitsrecht erstellt.",
+  "project": {
+    "bonapp": {
+      "description": "BonApp ist das soziale Netzwerk der Zukunft, speziell für Feinschmecker. Entdecken und teilen Sie kulinarische Erlebnisse, erkunden Sie neue Küchen und finden Sie das perfekte Gericht, das zu Ihrem Geschmack und Ihren Ernährungsbedürfnissen passt."
+    },
+    "about_me_site": {
+      "description": "Diese Portfolio-Website zeigt meine persönlichen Projekte, Fähigkeiten und berufliche Laufbahn. Erfahren Sie mehr über mein Fachwissen, meinen Hintergrund und die Dienstleistungen, die ich anbiete, um Ihre Ideen zu verwirklichen."
+    },
+    "taper_monkey": {
+      "description": "Taper Monkey ist eine unterhaltsame und interaktive Möglichkeit, das Tippen zu lernen. Üben Sie mit spannenden Levels oder erstellen Sie neue Herausforderungen, an denen andere teilnehmen und ihre Tippfähigkeiten verbessern können."
+    },
+    "your_project": {
+      "description": "Ich würde mich freuen, an Ihrem Projekt zu arbeiten. Kontaktieren Sie mich, um Ihre Ideen zu besprechen, und lassen Sie uns gemeinsam daran arbeiten!"
+    }
+  },
+  "skills1": {
+    "title": "Meine Fähigkeiten",
+    "subtitle": "Während meiner Ausbildung hatte ich die Möglichkeit, Wissen in den folgenden Bereichen zu erwerben:"
+  },
+  "form": {
+    "name_label": "Geben Sie Ihren Namen ein",
+    "name_placeholder": "Beispielname",
+    "email_label": "Geben Sie Ihre E-Mail ein",
+    "email_placeholder": "beispiel@beispiel.com",
+    "message_label": "Ihre Nachricht",
+    "message_placeholder": "Hallo Raphaël, können Sie mir helfen, eine Software zu entwickeln für ...",
+    "send_button": "Senden",
+    "image_alt": "Bild von Personen, die sprechen möchten"
+  }
 }

src/assets/i18n/en.json

@@ -5,8 +5,8 @@
   "skills": "Skills",
   "contact1": "Contact",
   "job": "Software Developer",
-  "firstOfAboutMe": "Hello my name is Raphaël Schreiber and I do a apprenticeship at SBB as an Software Developer.",
-  "secondOfAboutMe": "I love working on Frontend Projects but I can programm a Fullstack-Application. I especially like UX-Design, UI-Design, and the whole Frontend.",
+  "firstOfAboutMe": "Hello, my name is Raphaël Schreiber, and I am doing an apprenticeship at SBB as a Software Developer.",
+  "secondOfAboutMe": "I love working on frontend projects, but I can also program a full-stack application. I especially enjoy UX design, UI design, and all aspects of frontend development.",
   "thirdOfAboutMe": "I am currently working in a mobile development team.",
   "impressum": "Imprint",
   "contact": {
@@ -20,31 +20,59 @@
     "title": "Disclaimer - Legal Notice",
     "inquiry_right": {
       "title": "Right to Information and Withdrawal",
-      "content": "You have the right to request information about the data collected about you at any time free of charge and without delay. You may also withdraw your consent to the use of your personal data with effect for the future. To do so, please contact the service provider named in the imprint."
+      "content": "You have the right to request information about the data collected about you at any time, free of charge and without delay. You may also withdraw your consent to the use of your personal data with future effect. To do so, please contact the service provider named in the imprint."
     },
     "privacy": {
       "title": "Data Protection (General)",
-      "content": "When accessing our website, general information (so-called server log files) is automatically collected. This includes the web browser you are using, your operating system, and your Internet service provider. This data does not allow any conclusions to be drawn about your person and is statistically evaluated by us to improve the technical and content aspects of our website. The collection of this information is necessary to deliver the content of the website correctly."
+      "content": "When accessing our website, general information (so-called server log files) is automatically collected. This includes the web browser you are using, your operating system, and your Internet service provider. This data does not allow any conclusions to be drawn about your identity and is statistically evaluated by us to improve the technical and content aspects of our website. The collection of this information is necessary to deliver the website content correctly."
     },
-    "privacy_2": "The use of the website is generally possible without providing personal data. As far as personal data (e.g., name, address, or e-mail addresses) is collected, this is done voluntarily wherever possible. This data will not be passed on to third parties without your express consent.",
-    "privacy_3": "If a contractual relationship is to be established, structured, or changed, or if you send us an inquiry, we will collect and use personal data from you to the extent necessary for this purpose (inventory data). We collect, process, and use personal data insofar as it is necessary to enable you to use the web offering (usage data).",
-    "privacy_4": "All personal data will only be stored as long as it is necessary for the stated purpose (processing your inquiry or handling a contract). We take tax and commercial law retention periods into account during this process.",
-    "privacy_5": "Upon request from the competent authorities, we may be required to disclose this data (inventory data) on a case-by-case basis, as far as necessary for criminal prosecution, to prevent danger, to fulfill the legal tasks of the constitutional protection authorities, the military counterintelligence service, or to enforce intellectual property rights."
+    "privacy_2": "The use of the website is generally possible without providing personal data. Where personal data (e.g., name, address, or email addresses) is collected, this is done voluntarily wherever possible. This data will not be passed on to third parties without your express consent.",
+    "privacy_3": "If a contractual relationship is to be established, structured, or changed, or if you send us an inquiry, we will collect and use personal data to the extent necessary for this purpose (inventory data). We collect, process, and use personal data as necessary to enable you to use the web offering (usage data).",
+    "privacy_4": "All personal data will only be stored as long as necessary for the stated purpose (processing your inquiry or handling a contract). We take tax and commercial law retention periods into account during this process.",
+    "privacy_5": "Upon request from the competent authorities, we may be required to disclose this data (inventory data) on a case-by-case basis, as far as necessary for criminal prosecution, to prevent danger, to fulfill the legal tasks of constitutional protection authorities, the military counterintelligence service, or to enforce intellectual property rights."
   },
   "liability": {
     "title": "Disclaimer (Liability)",
     "liability_content1": {
       "title": "1. Liability for Content",
-      "content": "As a service provider, we are responsible for our content on these pages in accordance with general laws under § 7 Abs. 1 TMG. However, according to §§ 8 to 10 TMG, we are not obligated as a service provider to monitor transmitted or stored third-party information or to search for circumstances indicating illegal activity. Obligations to remove or block the use of information under general laws remain unaffected by this. Liability in this regard is only possible from the time of knowledge of a specific legal violation. If we become aware of any such legal violations, we will remove the content immediately."
+      "content": "As a service provider, we are responsible for our own content on these pages in accordance with general laws under § 7 Abs. 1 TMG. However, according to §§ 8 to 10 TMG, we are not obligated as a service provider to monitor transmitted or stored third-party information or to search for circumstances indicating illegal activity. Obligations to remove or block the use of information under general laws remain unaffected. Liability in this regard is only possible from the time of knowledge of a specific legal violation. If we become aware of any such legal violations, we will remove the content immediately."
     },
     "liability_content2": {
       "title": "2. Liability for Links",
-      "content": "This website contains links to external third-party websites, the contents of which we have no influence over. Therefore, we cannot assume any liability for these external contents. The respective provider or operator of the pages is always responsible for the contents of the linked pages. The linked pages were checked for possible legal violations at the time of linking. Illegal contents were not recognizable at the time of linking. However, permanent content control of the linked pages is not reasonable without concrete evidence of a legal violation. If we become aware of any legal violations, we will remove such links immediately."
+      "content": "This website contains links to external third-party websites, the contents of which we have no influence over. Therefore, we cannot assume any liability for these external contents. The respective provider or operator of the pages is always responsible for the contents of the linked pages. The linked pages were checked for possible legal violations at the time of linking. Illegal content was not recognizable at the time of linking. However, permanent content control of the linked pages is not reasonable without concrete evidence of a legal violation. If we become aware of any legal violations, we will remove such links immediately."
     }
   },
   "copyright": {
     "title": "3. Copyright",
-    "content": "The content and works created by the service providers, their employees, and third parties commissioned by them on these pages are subject to German copyright law. The reproduction, editing, distribution, and any kind of use outside the limits of copyright law require the prior written consent of the respective author or creator. Downloads and copies of these pages are only permitted for private, non-commercial use. Where content on this site has not been created by the operator, third-party copyrights are respected. In particular, third-party content is marked as such. If you become aware of a copyright infringement, please inform us. If we become aware of any legal violations, we will remove such content immediately."
+    "content": "The content and works created by the service providers, their employees, and commissioned third parties on these pages are subject to German copyright law. The reproduction, editing, distribution, and any kind of use outside the limits of copyright law require the prior written consent of the respective author or creator. Downloads and copies of these pages are only permitted for private, non-commercial use. Where content on this site has not been created by the operator, third-party copyrights are respected. In particular, third-party content is marked as such. If you become aware of a copyright infringement, please inform us. If we become aware of any legal violations, we will remove such content immediately."
   },
-  "generated": "This imprint was created with the help of the imprint generator by HENSCHE Rechtsanwälte, law firm for labor law."
+  "generated": "This imprint was created with the help of the imprint generator by HENSCHE Rechtsanwälte, a law firm for labor law.",
+  "project": {
+    "bonapp": {
+      "description": "BonApp is the social media of the future, designed specifically for food lovers. Discover and share culinary experiences, explore new cuisines, and find the perfect meal that suits your taste and dietary preferences."
+    },
+    "about_me_site": {
+      "description": "This portfolio site showcases my personal projects, skills, and professional journey. Learn more about my expertise, background, and the services I can provide to help bring your ideas to life."
+    },
+    "taper_monkey": {
+      "description": "Taper Monkey is a fun and interactive way to learn typing. Practice with engaging levels or create new challenges for others to enjoy while improving their typing skills."
+    },
+    "your_project": {
+      "description": "I would be thrilled to work on your project. Reach out to discuss your ideas, and let’s bring them to life together!"
+    }
+  },
+  "skills1": {
+    "title": "My Skills",
+    "subtitle": "During my apprenticeship, I had the opportunity to gain knowledge in the following areas:"
+  },
+  "form": {
+    "name_label": "Enter your Name",
+    "name_placeholder": "Example Name",
+    "email_label": "Enter your Email",
+    "email_placeholder": "example@example.com",
+    "message_label": "Your Message",
+    "message_placeholder": "Hello Raphaël, can you help me build a software for ...",
+    "send_button": "Send",
+    "image_alt": "Picture of people wanting to talk"
+  }
 }

src/assets/i18n/fr.json

 {
   "home": "Home",
-  "aboutMe": "Sur moi",
-  "projects": "Projet",
+  "aboutMe": "À propos de moi",
+  "projects": "Projets",
   "skills": "Compétences",
   "contact1": "Contact",
-  "job": "Developeur",
-  "firstOfAboutMe": "Bonjour, je m'appelle Raphaël Schreiber et je fais un apprentissage aux CFF en tant que développeur de software.",
-  "secondOfAboutMe": "J'aime travailler sur des projets Frontend mais je peux aussi programmer une application Fullstack. J'aime particulièrement l'UX-Design, l'UI-Design, et l'ensemble du Frontend.",
+  "job": "Développeur",
+  "firstOfAboutMe": "Bonjour, je m'appelle Raphaël Schreiber et je suis en apprentissage aux CFF en tant que développeur de logiciels.",
+  "secondOfAboutMe": "J'aime travailler sur des projets Frontend, mais je peux également développer des applications Fullstack. Je suis particulièrement passionné par le design UX, le design UI, et tout l'univers du Frontend.",
   "thirdOfAboutMe": "Je travaille actuellement dans une équipe de développement mobile.",
   "impressum": "Mentions légales",
   "contact": {
     "name": "Raphaël Schreiber",
     "address": "Lorrainestrasse 1",
-    "zip": "3014 Bern",
+    "zip": "3014 Berne",
     "phone": "Tél: +41 79 214 53 57",
     "email": "rsc146273@stud.gibb.ch"
   },
   "disclaimer": {
-    "title": "Avertissement - mentions légales",
+    "title": "Avertissement - Mentions légales",
     "inquiry_right": {
       "title": "Droit à l'information et retrait",
       "content": "Vous avez le droit de demander des informations sur les données collectées vous concernant à tout moment, gratuitement et sans délai. Vous pouvez également retirer votre consentement à l'utilisation de vos données personnelles avec effet pour l'avenir. Pour ce faire, veuillez contacter le prestataire de services mentionné dans les mentions légales."
     },
     "privacy": {
       "title": "Protection des données (général)",
-      "content": "Lors de l'accès à notre site web, des informations générales (appelées fichiers journaux du serveur) sont automatiquement collectées. Cela inclut le navigateur Web que vous utilisez, votre système d'exploitation et votre fournisseur de services Internet. Ces données ne permettent aucune conclusion sur votre personne et sont statistiquement évaluées par nos soins afin d'améliorer notre présence sur Internet d'un point de vue technique et de contenu. La collecte de ces informations est nécessaire pour délivrer correctement le contenu du site Web."
+      "content": "Lors de l'accès à notre site Web, des informations générales (appelées fichiers journaux du serveur) sont automatiquement collectées. Cela inclut le navigateur Web que vous utilisez, votre système d'exploitation et votre fournisseur de services Internet. Ces données ne permettent aucune conclusion sur votre personne et sont évaluées statistiquement par nos soins afin d'améliorer notre présence sur Internet d'un point de vue technique et de contenu. La collecte de ces informations est nécessaire pour délivrer correctement le contenu du site Web."
     },
     "privacy_2": "L'utilisation du site Web est généralement possible sans fournir de données personnelles. Dans la mesure où des données personnelles (par exemple, nom, adresse ou adresses e-mail) sont collectées, cela se fait, autant que possible, sur une base volontaire. Ces données ne seront pas transmises à des tiers sans votre consentement explicite.",
     "privacy_3": "Si une relation contractuelle doit être établie, structurée ou modifiée, ou si vous nous envoyez une demande, nous collecterons et utiliserons des données personnelles vous concernant dans la mesure nécessaire à cette fin (données d'inventaire). Nous collectons, traitons et utilisons des données personnelles dans la mesure où cela est nécessaire pour vous permettre d'utiliser l'offre Web (données d'utilisation).",
@@ -35,7 +35,7 @@
     "title": "Avertissement (Responsabilité)",
     "liability_content1": {
       "title": "1. Responsabilité pour les contenus",
-      "content": "En tant que prestataire de services, nous sommes responsables de nos propres contenus sur ces pages conformément aux lois générales en vertu de l'article 7, paragraphe 1 de la TMG. Cependant, selon les articles 8 à 10 de la TMG, nous ne sommes pas tenus en tant que prestataire de services de surveiller les informations transmises ou stockées par des tiers ou de rechercher des circonstances qui indiqueraient une activité illégale. Les obligations de suppression ou de blocage de l'utilisation des informations conformément aux lois générales restent inchangées par ceci. La responsabilité à cet égard n'est possible qu'à partir du moment de la connaissance d'une violation spécifique de la loi. Dès que nous prendrons connaissance de telles violations de la loi, nous retirerons immédiatement ces contenus."
+      "content": "En tant que prestataire de services, nous sommes responsables de nos propres contenus sur ces pages conformément aux lois générales, en vertu de l'article 7, paragraphe 1 de la TMG. Cependant, selon les articles 8 à 10 de la TMG, nous ne sommes pas tenus en tant que prestataire de services de surveiller les informations transmises ou stockées par des tiers ou de rechercher des circonstances qui indiqueraient une activité illégale. Les obligations de suppression ou de blocage de l'utilisation des informations conformément aux lois générales restent inchangées par ceci. La responsabilité à cet égard n'est possible qu'à partir du moment de la connaissance d'une violation spécifique de la loi. Dès que nous prendrons connaissance de telles violations de la loi, nous retirerons immédiatement ces contenus."
     },
     "liability_content2": {
       "title": "2. Responsabilité pour les liens",
@@ -46,6 +46,33 @@
     "title": "3. Droit d'auteur",
     "content": "Les contenus et œuvres créés par les prestataires de services, leurs employés et des tiers mandatés sur ces pages sont soumis à la législation allemande sur le droit d'auteur. La reproduction, la modification, la distribution et toute utilisation en dehors des limites du droit d'auteur nécessitent le consentement écrit préalable de l'auteur ou du créateur respectif. Les téléchargements et copies de ces pages ne sont autorisés que pour un usage privé et non commercial. Dans la mesure où les contenus de ce site n'ont pas été créés par l'opérateur, les droits d'auteur des tiers sont respectés. En particulier, les contenus de tiers sont marqués comme tels. Si vous avez connaissance d'une violation du droit d'auteur, veuillez nous en informer. Dès que nous prendrons connaissance de violations de la loi, nous retirerons immédiatement ces contenus."
   },
-  "generated": "Ces mentions légales ont été créées avec l'aide du générateur de mentions légales de HENSCHE Rechtsanwälte, cabinet d'avocats spécialisé en droit du travail."
+  "generated": "Ces mentions légales ont été créées avec l'aide du générateur de mentions légales de HENSCHE Rechtsanwälte, cabinet d'avocats spécialisé en droit du travail.",
+  "project": {
+    "bonapp": {
+      "description": "BonApp est le réseau social du futur, conçu spécialement pour les amateurs de bonne cuisine. Découvrez et partagez des expériences culinaires, explorez de nouvelles cuisines et trouvez le repas parfait qui correspond à vos goûts et préférences alimentaires."
+    },
+    "about_me_site": {
+      "description": "Ce site portfolio présente mes projets personnels, compétences et parcours professionnel. Apprenez-en davantage sur mon expertise, mon expérience et les services que je propose pour donner vie à vos idées."
+    },
+    "taper_monkey": {
+      "description": "Taper Monkey est une manière amusante et interactive d’apprendre la frappe au clavier. Entraînez-vous avec des niveaux captivants ou créez de nouveaux défis pour que les autres puissent s’améliorer en tapant."
+    },
+    "your_project": {
+      "description": "Je serais ravi de travailler sur votre projet. Contactez-moi pour discuter de vos idées et travaillons ensemble pour les réaliser!"
+    }
+  },
+  "skills1": {
+    "title": "Mes Compétences",
+    "subtitle": "Au cours de mon apprentissage, j'ai eu l'occasion d'acquérir des connaissances dans les domaines suivants :"
+  },
+  "form": {
+    "name_label": "Entrez votre nom",
+    "name_placeholder": "Nom Exemple",
+    "email_label": "Entrez votre email",
+    "email_placeholder": "exemple@exemple.com",
+    "message_label": "Votre Message",
+    "message_placeholder": "Bonjour Raphaël, pouvez-vous m'aider à créer un logiciel pour ...",
+    "send_button": "Envoyer",
+    "image_alt": "Image de personnes souhaitant discuter"
+  }
 }
-