Version Works, safety push

FabriceMru · Dec 20, 2024 · b6682cc · b6682cc
1 parent f215174
commit b6682cc
Show file tree

Hide file tree

Showing 8 changed files with 67 additions and 59 deletions.
diff --git a/README.md b/README.md
@@ -1,8 +1,24 @@
-# React + Vite
+# Portfolio - Fabrice Nadal
 
-This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
+Dies ist das persönliche Portfolio von Fabrizzle, das darauf abzielt, meine Fähigkeiten und Projekte vorzustellen. Es dient als digitale Visitenkarte und zeigt meine Arbeiten und Expertise als (angehender) Fullstack-Webentwickler.
 
-Currently, two official plugins are available:
+## Technologien
+Das Portfolio wurde mit modernen Web-Technologien erstellt, um eine schnelle, flexible und ansprechende Benutzeroberfläche bereitzustellen. Die folgenden Technologien kommen zum Einsatz:
 
-- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
-- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
+- **React**: Für den Aufbau einer dynamischen und komponentenbasierten Benutzeroberfläche.
+- **Vite**: Als Entwicklungsumgebung und Build-Tool für eine schnelle und effiziente Entwicklung.
+- **Tailwind CSS**: Für das Styling der Website. Es ermöglicht ein klares und intuitives Design durch eine Utility-First-Methodik.
+
+## Features
+- Eine ansprechende und reaktionsschnelle Benutzeroberfläche
+- Optimierte Ladezeiten dank moderner Technologien
+- Strukturierte und modulare Codebasis
+
+## Zielsetzung
+Das Ziel dieses Portfolios ist es, meine Projekte und Fähigkeiten zu präsentieren, potenzielle Arbeitgeber oder Kunden zu beeindrucken und mich als Entwickler sichtbar zu machen. Es spiegelt meinen Fokus auf moderne Webentwicklung und Design wider.
+
+---
+
+Falls du Interesse an meinen Projekten oder einer Zusammenarbeit hast, lass es mich wissen! :)
+
+---
diff --git a/dist/assets/index-3xX9WQZX.js b/dist/assets/index-3xX9WQZX.js
diff --git a/dist/index.html b/dist/index.html
@@ -2,13 +2,13 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/maske.ico" />
+    <link rel="icon" type="image/svg+xml" sizes="64x64" href="/Portfolio-Fabrice-Nadal/maske.ico"  />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Portfolio Landing Page</title>
-    <script type="module" crossorigin src="/assets/index-3xX9WQZX.js"></script>
-    <link rel="stylesheet" crossorigin href="/assets/index-CUJcArai.css">
+    <title>Portfolio - Fabrice Nadal</title>
+    <script type="module" crossorigin src="/Portfolio-Fabrice-Nadal/assets/index-Cqy7Wyvg.js"></script>
+    <link rel="stylesheet" crossorigin href="/Portfolio-Fabrice-Nadal/assets/index-CUJcArai.css">
   </head>
   <body>
     <div id="root"></div>
   </body>
-</html>
+</html>
diff --git a/index.html b/index.html
@@ -2,12 +2,12 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/maske.ico" />
+    <link rel="icon" type="image/svg+xml" sizes="64x64" href="/maske.ico"  />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Portfolio Landing Page</title>
+    <title>Portfolio - Fabrice Nadal</title>
   </head>
   <body>
     <div id="root"></div>
     <script type="module" src="/src/main.jsx"></script>
   </body>
-</html>
+</html>
diff --git a/src/constants/index.jsx b/src/constants/index.jsx
@@ -59,6 +59,16 @@ export const details = [
     icon: "/images/logo-mongodb.svg",
     title: "MONGO DB",
   },
+  {
+    id: "7",
+    icon: "/images/logo-tailwindcss.svg",
+    title: "TAILWIND CSS",
+  },
+  {
+    id: "8",
+    icon: "/images/logo-bootstrap.svg",
+    title: "BOOTSTRAP",
+  },
 ];
 
 export const faq = [

diff --git a/src/sections/Download.jsx b/src/sections/Download.jsx
@@ -14,11 +14,35 @@ const Download = () => {
             <div className="relative mr-6 flex-540 max-xl:flex-280 max-lg:flex256 max-md:flex-100">
               <div className="mb-10">
                 <img
-                  src="/images/Maske.png"
+                  src="/images/logo-kitsune.png"
                   width={340}
                   height={340}
                   alt="maske"
                 />
+
+                <span>
+                  <i>
+                    Kōbō Kitsune (工房狐), die "Werkstatt des Fuchses" steht an
+                    der Schwelle zwischen zwei Welten - verwurzelt in der
+                    mystischen Tradition Japans und zugleich vorausschauend in
+                    die digitale Zukunft. In dieser Werkstatt verschmelzen
+                    jahrtausendealte Handwerkskunst und modernste Technologie zu
+                    einer harmonischen Einheit. <br />
+                    <br />
+                    Die Zeichen 工 (kō) und 房 (bō) formen zusammen "Kōbō"
+                    (工房) - die Werkstatt. Während 工 die schöpferische Kraft
+                    des Handwerks verkörpert, öffnet 房 die Tür zu einem
+                    Refugium der Kreativität, wo Inspiration auf Können trifft.{" "}
+                    <br />
+                    <br />
+                    Der Fuchs, "Kitsune" (狐), ist Meister der Verwandlung und
+                    Hüter uralter Weisheiten. Seine Präsenz vereint tiefgründige
+                    Weisheit und schelmische Spielerei - wie Yin und Yang in
+                    perfekter Balance. So entsteht ein magischer Ort, wo das
+                    Alltägliche auf das Außergewöhnliche trifft und neue Wunder
+                    entstehen.
+                  </i>
+                </span>
               </div>
 
               <p className="body-1 mb-10 max-w-md">

diff --git a/src/sections/Footer.jsx b/src/sections/Footer.jsx
@@ -6,7 +6,7 @@ const Footer = () => {
       <div className="container py-10">
         <div className="flex w-full max-md:flex-col">
           <div className="small-compact flex flex-1 flex-wrap items-center justify-center gap-5">
-            <p className="opacity-70">Copyright, Fabrice Nadal</p>
+            <p className="opacity-70">Copyright, Kōbō Kitsune</p>
           </div>
           <div className="flex items-center justify-center sm:ml-auto">
             <p className="legal-after relative mr-9 text-p5 transition-all duration-500 hover:text-p1">

diff --git a/src/sections/Hero.jsx b/src/sections/Hero.jsx
@@ -9,10 +9,10 @@ const Hero = () => {
           <div className="relative z-2 max-w-512 max-lg:max-w-388">
             <div className="caption small-2 uppercase text-p3">About me</div>
             <h1 className="mb-6 h1 text-p4 uppercase max-lg:mb-7 max-lg:h2 max-md:mb-4 max-md:text-5xl max-md:leading-12">
-              "LEIDENSCHAFTLICH, INNOVATIV
+              "LEIDENSCHAFTLICH, INNOVATIV"
             </h1>
             <p className="max-w-440 mb-14 body-1 max-md:mb-10">
-              "Als Full-Stack Entwickler verbinde ich technische Expertise mit
+              "Als Full Stack Entwickler verbinde ich technische Expertise mit
               strategischem Verständnis, um digitale Lösungen zu schaffen, die
               Menschen begeistern."
             </p>