new project - my network

2026-06-16 00:02:48 +02:00 · 2023-11-05 03:41:43 +01:00
parent 795946bc8d
commit a8b3b68ded
24 changed files with 248 additions and 96 deletions
@@ -77,5 +77,6 @@
 	      	</div>
 	    </div>
 	</div>
+   @include('components/foother')
 </body>
 </html>
@@ -0,0 +1,52 @@
+<footer id="footer" class="footer">
+   <span class="copyrights">&copy; <div id="year"></div> - Arthur Puechberty</span>
+   <a href="{{ route('terms') }}" class="conditions_generale" target="_blank">Terms and Conditions</a>
+</footer>
+<script>
+   var year = new Date().getFullYear();
+   document.getElementById("year").innerHTML = year;
+   
+   document.getElementById('myForm').addEventListener('submit', function(event) {
+       var input = document.getElementById('myInput');
+       if (input.value.trim() === '') {
+           event.preventDefault(); // Empêche la soumission du formulaire
+       } else {
+           this.action = "https://www.google.fr/search";
+       }
+   });
+</script>
+<style>
+   @import url('https://fonts.googleapis.com/css?family=Roboto:400,900');
+
+   .footer{
+      font-family: 'Roboto', sans-serif;
+      font-weight: 600;
+      min-height: 100px;
+      display: flex;
+      align-items: center;
+      margin-top: 50px;
+      justify-content: space-between;
+      padding: 0 100px;
+      flex-wrap: wrap;
+      background-color: rgb(50, 50, 50);
+   }
+
+   .copyrights{
+      padding-right: 20px;
+      color: white;
+   }
+
+   .copyrights,
+   #year {
+      padding-right: 20px;
+      color: #9aa0a6;
+      display: inline;
+      padding: 0;
+   } 
+
+   .conditions_generale {
+      text-decoration: none;
+      font-weight: 600;
+      color: #9aa0a6;
+   }
+</style>
@@ -107,6 +107,9 @@
      <div class="nups-project">
        <a href="{{ route('nups') }}" target="_blank"><img src="/project-nups.png" alt=""></a>
      </div>
+      <div class="my-networks-project">
+        <a href="{{ route('myNetwork') }}" target="_blank"><img src="/my-networks.jpg" alt=""></a>
+      </div>
    </div>
  </section>
  <section id="contact">
@@ -128,22 +131,6 @@
      <input type="submit" value="Envoyer">
    </form>
  </section>
-  <footer id="footer" class="footer">
-    <span class="copyrights">&copy; <div id="year"></div> - Arthur Puechberty</span>
-    <a href="{{ route('terms') }}" class="conditions_generale" target="_blank">Terms and Conditions</a>
-  </footer>
-  <script>
-    var year = new Date().getFullYear();
-    document.getElementById("year").innerHTML = year;
-    
-    document.getElementById('myForm').addEventListener('submit', function(event) {
-        var input = document.getElementById('myInput');
-        if (input.value.trim() === '') {
-            event.preventDefault(); // Empêche la soumission du formulaire
-        } else {
-            this.action = "https://www.google.fr/search";
-        }
-    });
-  </script>
+  @include('components/foother')
 </body>
 </html>
@@ -0,0 +1,71 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+   <meta charset="UTF-8">
+   <meta name="viewport" content="width=device-width, initial-scale=1.0">
+   <meta http-equiv="X-UA-Compatible" content="ie=edge">
+   <title>Arthur Puechberty</title>
+   <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;500;600;700&amp;display=swap" rel="stylesheet">
+   @entryPointStyles('my-network-project')
+</head>
+<body>
+   <section id="accueil" class="accueil">
+      <img class="profil_img" src="/projects/myNetwork/arthur.png" alt="Photo de profil Arthur">
+      <h1>Arthur</h1>
+      <h2>Une grande passion : la voile ⛵️</h2>
+   </section>
+   <section class="liste_btn">
+      <div classe="btn_1">
+         <a href="https://www.instagram.com/arthur.pbty/" class="btn" target="_blank"><img class="lien_img"
+               src="/projects/myNetwork/logo insta.png" alt="Logo Instagram">
+            <p class="txt_lien">Instagram</p>
+         </a>
+      </div>
+      <div classe="btn_2">
+         <a href="https://discord.gg/HxgaA44CPh" class="btn" target="_blank"><img class="lien_img"
+               src="/projects/myNetwork/Logo Discord.png" alt="Logo Discord">
+            <p class="txt_lien">Discord</p>
+         </a>
+      </div>
+      <div classe="btn_3">
+         <a href="https://twitter.com/arthur_pbty" class="btn" target="_blank"><img class="lien_img"
+               src="/projects/myNetwork/logo twitter.png" alt="Logo Twitter">
+            <p class="txt_lien">Twitter</p>
+         </a>
+      </div>
+      <div classe="btn_4">
+         <a href="https://www.youtube.com/channel/UCILN2CPA-wPbBUFkgqVCb9A" class="btn" target="_blank"><img
+               class="lien_img" src="/projects/myNetwork/Logo YouTube.png" alt="Logo YouTube">
+            <p class="txt_lien">YouTube</p>
+         </a>
+      </div>
+      <div classe="btn_5">
+         <a href="https://www.facebook.com/profile.php?id=100081982581492" class="btn" target="_blank"><img
+               class="lien_img" src="/projects/myNetwork/Logo Facebook.png" alt="Logo Facebook">
+            <p class="txt_lien">Facebook</p>
+         </a>
+      </div>
+      <div classe="btn_6">
+         <a href="https://www.twitch.tv/tuturp33" class="btn" target="_blank"><img class="lien_img"
+               src="/projects/myNetwork/Twitch logo.png" alt="Logo Twitch">
+            <p class="txt_lien">Twitch</p>
+         </a>
+      </div>
+      <div classe="btn_7">
+         <a href="https://github.com/TuturP33" class="btn" target="_blank"><img class="lien_img"
+               src="/projects/myNetwork/logo github.png" alt="Logo Github">
+            <p class="txt_lien">Github</p>
+         </a>
+      </div>
+      <div classe="btn_8">
+         <a href="https://fr.namemc.com/profile/TuturP33.1" class="btn" target="_blank"><img class="lien_img"
+               src="/projects/myNetwork/Logo Minecraft.png" alt="Logo Minecraft">
+            <p class="txt_lien">Minecraft</p>
+         </a>
+      </div>
+   </section>
+   @include('components/foother')
+</body>
+
+</html>
@@ -98,24 +98,7 @@
      <h1 class="titre_section">Autre</h1>
      <p>Nous avons aussi un serveur discord !</p>
  </section>
-
-  <footer class="footer">
-      <span class="copyrights">&copy; <div id="year"></div> - Arthur Puechberty</span>
-      <a href="{{ route('terms') }}" class="conditions_generale" target="_blank">Condition générales</a>
-  </footer>
-  <script>
-   var year = new Date().getFullYear();
-   document.getElementById("year").innerHTML = year;
-   
-   document.getElementById('myForm').addEventListener('submit', function(event) {
-       var input = document.getElementById('myInput');
-       if (input.value.trim() === '') {
-           event.preventDefault(); // Empêche la soumission du formulaire
-       } else {
-           this.action = "https://www.google.fr/search";
-       }
-   });
-   </script>
+  @include('components/foother')
   <script>
      const body = document.querySelector("body");
      let darkmode = localStorage.getItem("dark-mode");
@@ -85,5 +85,6 @@
         body.classList.remove("dark-mode-theme");
      }
   </script>
+   @include('components/foother')
 </body>
 </html>