Merge branch 'dev'

ludon89 · Apr 18, 2024 · 416766a · 416766a
2 parents d8c95ea + 9b5b7e0
commit 416766a
Show file tree

Hide file tree

Showing 20 changed files with 375 additions and 124 deletions.
diff --git a/.gitignore b/.gitignore
@@ -1,3 +1,34 @@
+## macOS
+
+# General
+.DS_Store
+.AppleDouble
+.LSOverride
+
+# Icon must end with two \r
+Icon
+
+# Thumbnails
+._*
+
+# Files that might appear in the root of a volume
+.DocumentRevisions-V100
+.fseventsd
+.Spotlight-V100
+.TemporaryItems
+.Trashes
+.VolumeIcon.icns
+.com.apple.timemachine.donotpresent
+
+# Directories potentially created on remote AFP share
+.AppleDB
+.AppleDesktop
+Network Trash Folder
+Temporary Items
+.apdisk
+
+## VS Code
+
 .vscode/*
 !.vscode/settings.json
 !.vscode/tasks.json
@@ -10,41 +41,3 @@
 
 # Built Visual Studio Code Extensions
 *.vsix
-
-# Compiled source #
-###################
-*.com
-*.class
-*.dll
-*.exe
-*.o
-*.so
-
-# Packages #
-############
-# it's better to unpack these files and commit the raw source
-# git has its own built in compression methods
-*.7z
-*.dmg
-*.gz
-*.iso
-*.jar
-*.rar
-*.tar
-*.zip
-
-# Logs and databases #
-######################
-*.log
-*.sql
-*.sqlite
-
-# OS generated files #
-######################
-.DS_Store
-.DS_Store?
-._*
-.Spotlight-V100
-.Trashes
-ehthumbs.db
-Thumbs.db
diff --git a/.prettierignore b/.prettierignore
@@ -0,0 +1,6 @@
+# Ignore specific files
+modern-normalize.css
+
+# Ignore all minified files
+*.min.js
+*.min.css
diff --git a/.prettierrc b/.prettierrc
@@ -0,0 +1,3 @@
+{
+  "bracketSameLine": true
+}
diff --git a/assets/css/all.min.css b/assets/css/all.min.css
diff --git a/assets/css/bootstrap-reboot.min.css b/assets/css/bootstrap-reboot.min.css
diff --git a/assets/css/bootstrap.min.css b/assets/css/bootstrap.min.css
diff --git a/assets/img/projet-react.png b/assets/img/projet-react.png
diff --git a/assets/js/bootstrap.bundle.min.js b/assets/js/bootstrap.bundle.min.js
diff --git a/assets/webfonts/fa-brands-400.ttf b/assets/webfonts/fa-brands-400.ttf
diff --git a/assets/webfonts/fa-brands-400.woff2 b/assets/webfonts/fa-brands-400.woff2
diff --git a/assets/webfonts/fa-regular-400.ttf b/assets/webfonts/fa-regular-400.ttf
diff --git a/assets/webfonts/fa-regular-400.woff2 b/assets/webfonts/fa-regular-400.woff2
diff --git a/assets/webfonts/fa-solid-900.ttf b/assets/webfonts/fa-solid-900.ttf
diff --git a/assets/webfonts/fa-solid-900.woff2 b/assets/webfonts/fa-solid-900.woff2
diff --git a/assets/webfonts/fa-v4compatibility.ttf b/assets/webfonts/fa-v4compatibility.ttf
diff --git a/assets/webfonts/fa-v4compatibility.woff2 b/assets/webfonts/fa-v4compatibility.woff2
diff --git a/index.html b/index.html
@@ -5,18 +5,15 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Lucas Daudon | Développeur web</title>
-    <!--Bootstrap-->
-    <link rel="stylesheet" href="assets/css/bootstrap-reboot.min.css" />
-    <!-- FontAwesome -->
-    <link rel="stylesheet" href="assets/css/all.min.css" />
     <!-- Google Fonts -->
     <link rel="preconnect" href="https://fonts.googleapis.com" />
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
     <link
       href="https://fonts.googleapis.com/css2?family=Fira+Sans:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,500;1,600;1,700;1,800&display=swap"
       rel="stylesheet" />
     <!-- CSS -->
-    <link rel="stylesheet" href="assets/css/index.css" />
+    <link rel="stylesheet" href="styles/modern-normalize.css" />
+    <link rel="stylesheet" href="styles/index.css" />
   </head>
 
   <body>
@@ -72,9 +69,9 @@ <h3 class="about_profession">Développeur web junior</h3>
           technique, j'ai intégré en 2022 une formation dispensée par
           <a href="https://simplon.co/">Simplon</a> pour me reconvertir dans le
           développement web. J'ai validé ma formation par l'obtention du
-          <a href="https://www.francecompetences.fr/recherche/rncp/31114/"
-            >titre professionnel de développeur web et web mobile</a
-          >
+          <a href="https://www.francecompetences.fr/recherche/rncp/31114/">
+            titre professionnel de développeur web et web mobile
+          </a>
           en septembre 2023.
         </p>
       </section>
@@ -103,11 +100,6 @@ <h2 class="skills_h2">Mes Compétences</h2>
           <div title="Wordpress" class="skills_icons">
             <i class="fa-brands fa-wordpress fa-fw"></i>
           </div>
-          <div title="React" class="skills_icons">
-            <a href="https://react.dev/" target="_blank">
-              <i class="fa-brands fa-react fa-fw"></i>
-            </a>
-          </div>
           <div title="Laravel" class="skills_icons">
             <a href="https://laravel.com/" target="_blank">
               <i class="fa-brands fa-laravel fa-fw"></i>
@@ -150,21 +142,21 @@ <h3>Projet de fin d'étude : Météœil</h3>
             <!-- illu projet 2 -->
             <a
               href="https://ludon89.github.io/restos-crous-api/"
-              target="_blank"
-              ><img
+              target="_blank">
+              <img
                 src="assets/img/project-cartecrous.png"
                 alt="Projet carte CROUS Lille"
-                class="img_responsive"
-            /></a>
+                class="img_responsive" />
+            </a>
           </div>
           <div class="proj_col">
             <!-- desc projet 2 -->
             <h3>
               <a
                 href="https://ludon89.github.io/restos-crous-api/"
-                target="_blank"
-                >Carte des restaurants CROUS de Lille</a
-              >
+                target="_blank">
+                Carte des restaurants CROUS de Lille
+              </a>
             </h3>
             <p>
               Utilisation de diverses API pour réaliser une carte des
@@ -176,26 +168,26 @@ <h3>
           <!-- projet 3 -->
           <div class="proj_col">
             <!-- illu projet 3 -->
-            <a
-              href="https://ludon89.github.io/generateur-de-citations/"
-              target="_blank"
-              ><img
-                src="assets/img/project-citations.png"
-                alt="Projet citations"
-                class="img_responsive"
-            /></a>
+            <a href="https://github.com/ludon89/react-atable_" target="_blank">
+              <img
+                src="assets/img/projet-react.png"
+                alt="Projet React"
+                class="img_responsive" />
+            </a>
           </div>
           <div class="proj_col">
             <!-- desc projet 3 -->
             <h3>
               <a
-                href="https://ludon89.github.io/generateur-de-citations/"
-                target="_blank"
-                >Générateur de citations aléatoires</a
-              >
+                href="https://github.com/ludon89/react-atable_"
+                target="_blank">
+                Site single-page et recherche dynamique avec React
+              </a>
             </h3>
             <p>
-              Réalisation d'un générateur de citations aléatoires en JavaScript.
+              Création d'un site de recettes single-page. Recherche dynamique
+              parmi un fichier JSON de recettes avec affichage évolutif des
+              résultats en fonction de l'entrée utilisateur.
             </p>
           </div>
         </div>
@@ -240,30 +232,34 @@ <h2 class="contact_h2">Me contacter</h2>
             <!-- réseaux -->
             <div class="contact_ul">
               <div>
-                <span
-                  ><a
+                <span>
+                  <a
                     href="https://www.linkedin.com/in/ludon89/"
-                    target="_blank"
-                    ><i
-                      class="fa-brands fa-linkedin fa-fw fontawesome_verticalalign"></i></a
-                ></span>
+                    target="_blank">
+                    <i
+                      class="fa-brands fa-linkedin fa-fw fontawesome_verticalalign"></i>
+                  </a>
+                </span>
                 <span>
-                  <a href="https://www.linkedin.com/in/ludon89/" target="_blank"
-                    >LinkedIn</a
-                  ></span
-                >
+                  <a
+                    href="https://www.linkedin.com/in/ludon89/"
+                    target="_blank">
+                    LinkedIn
+                  </a>
+                </span>
               </div>
               <div>
-                <span
-                  ><a href="https://github.com/ludon89" target="_blank"
-                    ><i
-                      class="fa-brands fa-github fa-fw fontawesome_verticalalign"></i></a
-                ></span>
                 <span>
-                  <a href="https://github.com/ludon89" target="_blank"
-                    >GitHub</a
-                  ></span
-                >
+                  <a href="https://github.com/ludon89" target="_blank">
+                    <i
+                      class="fa-brands fa-github fa-fw fontawesome_verticalalign"></i>
+                  </a>
+                </span>
+                <span>
+                  <a href="https://github.com/ludon89" target="_blank">
+                    GitHub
+                  </a>
+                </span>
               </div>
             </div>
           </div>
@@ -278,14 +274,16 @@ <h2 class="contact_h2">Me contacter</h2>
           “Sunrise on Mount Shasta” by Michael Zanger is licensed under
           <a
             href="https://creativecommons.org/licenses/by-sa/2.0/deed.en"
-            target="_blank"
-            >CC BY-ND 2.0</a
-          >
+            target="_blank">
+            CC BY-ND 2.0
+          </a>
         </p>
       </div>
     </footer>
-
-    <!--script Bootstrap-->
-    <script src="assets/js/bootstrap.bundle.min.js"></script>
   </body>
+
+  <script
+    src="https://kit.fontawesome.com/12d2b86f39.js"
+    crossorigin="anonymous"></script>
+  <script src="scripts/index.js"></script>
 </html>
diff --git a/scripts/index.js b/scripts/index.js
@@ -0,0 +1 @@
+// console.log("hello world!");
diff --git a/assets/css/index.css → styles/index.css b/assets/css/index.css → styles/index.css
@@ -41,6 +41,10 @@ a:visited {
   color: inherit;
 }
 
+a[id] {
+  text-decoration: none;
+}
+
 .container {
   display: flex;
 }