PacifistaMC · FunixG · Feb 4, 2024 · Feb 4, 2024
diff --git a/src/app/components/footer/footer.component.html b/src/app/components/footer/footer.component.html
@@ -1,85 +1,98 @@
 <footer>
-  <div class="pacifista-footer">
-    <div class="container">
-      <div class="row">
+    <div class="pacifista-footer">
+        <div class="container">
+            <div class="row">
 
-        <div class="col col-lg-2 align-self-center">
-          <img ngSrc="assets/img/pacifista-logo.webp" [loading]="'lazy'" alt="Pacifista Logo" height="150" width="150">
-        </div>
+                <div class="col col-lg-2 align-self-center">
+                    <img ngSrc="assets/img/pacifista-logo.webp" [loading]="'lazy'" alt="Pacifista Logo" height="150" width="150">
+                </div>
 
-        <div class="col-lg">
-          <h3>A propos</h3>
-          <p>
-            Depuis 2018 Pacifista est un serveur Minecraft Français survie avec un développement fait maison pour ses plugins.
-            Nous sommes très à l’écoute de la communauté et notre staff est très réactif.
-            Venez partager vos meilleurs moments de survie avec vos amis !
-            Guildes, économie, events et bien plus encore vous attendent sur Pacifista !
-          </p>
-          <p>
-            NON APPROUVÉ PAR OU ASSOCIÉ À MOJANG OU MICROSOFT.<br/>
-            Pacifista n'est pas affilié à Mojang AB (les créateurs du jeu Minecraft).
-          </p>
-        </div>
+                <div class="col-lg">
+                    <h3>A propos</h3>
+                    <p>
+                        Depuis 2018 Pacifista est un serveur Minecraft Français survie avec un développement fait maison pour ses plugins.
+                        Nous sommes très à l’écoute de la communauté et notre staff est très réactif.
+                        Venez partager vos meilleurs moments de survie avec vos amis !
+                        Guildes, économie, events et bien plus encore vous attendent sur Pacifista !
+                    </p>
+                    <p>
+                        NON APPROUVÉ PAR OU ASSOCIÉ À MOJANG OU MICROSOFT.<br/>
+                        Pacifista n'est pas affilié à Mojang AB (les créateurs du jeu Minecraft).
+                    </p>
+                </div>
 
-        <div class="col-lg">
-          <h3>Nous contacter</h3>
+                <div class="col-lg">
+                    <h3>Nous contacter</h3>
 
-          <a href="https://discord.gg/3smswFCBky" rel="nofollow external" target="_blank">
-            <div class="row">
-              <div class="col-sm-1">
-                <img ngSrc="assets/img/socials/discord.svg" alt="Logo Discord" height="30" width="30">
-              </div>
-              <div class="col-sm">
-                <p>Discord</p>
-              </div>
-            </div>
-          </a>
+                    <a href="https://discord.gg/3smswFCBky" rel="external" target="_blank">
+                        <div class="row">
+                            <div class="col-sm-1">
+                                <img ngSrc="assets/img/socials/discord.svg" alt="Logo Discord" height="30" width="30">
+                            </div>
+                            <div class="col-sm">
+                                <p>Discord</p>
+                            </div>
+                        </div>
+                    </a>
 
-          <a href="https://twitter.com/pacifista_mc" rel="nofollow external" target="_blank">
-            <div class="row">
-              <div class="row">
-                <div class="col-sm-1">
-                  <img ngSrc="assets/img/socials/twitter.svg" alt="Logo Twitter" height="30" width="30">
-                </div>
-                <div class="col-sm">
-                  <p>Twitter</p>
-                </div>
-              </div>
-            </div>
-          </a>
+                    <a href="https://twitter.com/pacifista_mc" rel="external" target="_blank">
+                        <div class="row">
+                            <div class="row">
+                                <div class="col-sm-1">
+                                    <img ngSrc="assets/img/socials/twitter.svg" alt="Logo Twitter" height="30" width="30">
+                                </div>
+                                <div class="col-sm">
+                                    <p>Twitter</p>
+                                </div>
+                            </div>
+                        </div>
+                    </a>
+
+                    <a href="https://instagram.com/pacifistamc" rel="external" target="_blank">
+                        <div class="row">
+                            <div class="row">
+                                <div class="col-sm-1">
+                                    <img ngSrc="assets/img/socials/instagram.svg" alt="Logo Twitter" height="30" width="30">
+                                </div>
+                                <div class="col-sm">
+                                    <p>Instagram</p>
+                                </div>
+                            </div>
+                        </div>
+                    </a>
+
+                    <a href="mailto:[email protected]" rel="nofollow external">
+                        <div class="row">
+                            <div class="row">
+                                <div class="col-sm-1">
+                                    <img ngSrc="assets/img/socials/gmail.svg" alt="Logo Email" height="30" width="30">
+                                </div>
+                                <div class="col-sm">
+                                    <p>contact&#64;pacifista.fr</p>
+                                </div>
+                            </div>
+                        </div>
+                    </a>
 
-          <a href="mailto:[email protected]" rel="nofollow external">
-            <div class="row">
-              <div class="row">
-                <div class="col-sm-1">
-                  <img ngSrc="assets/img/socials/gmail.svg" alt="Logo Email" height="30" width="30">
-                </div>
-                <div class="col-sm">
-                  <p>contact&#64;pacifista.fr</p>
                 </div>
-              </div>
             </div>
-          </a>
-
         </div>
-      </div>
-    </div>
 
-    <div class="pacifista-underfooter">
-      <div class="container">
-        <div class="row align-content-center">
-          <div class="col-md-10">
-            <h4>
-              Pacifista - FunixProductions - Design par <a href="https://twitter.com/funixgaming" rel="nofollow external" target="_blank">Funix</a>
-            </h4>
-          </div>
-          <div class="col-md">
-            <h4>
-              <a href="/cgv" rel="nofollow">CGV</a> | <a href="/cgu" rel="nofollow">CGU</a>
-            </h4>
-          </div>
+        <div class="pacifista-underfooter">
+            <div class="container">
+                <div class="row align-content-center">
+                    <div class="col-md-10">
+                        <h4>
+                            Pacifista - FunixProductions - Design par <a href="https://twitter.com/funixgaming" rel="nofollow external" target="_blank">Funix</a>
+                        </h4>
+                    </div>
+                    <div class="col-md">
+                        <h4>
+                            <a href="/cgv" rel="nofollow">CGV</a> | <a href="/cgu" rel="nofollow">CGU</a>
+                        </h4>
+                    </div>
+                </div>
+            </div>
         </div>
-      </div>
     </div>
-  </div>
 </footer>
diff --git a/src/app/pages/accueil/components/socials/socials-accueil-section.component.html b/src/app/pages/accueil/components/socials/socials-accueil-section.component.html
@@ -1,48 +1,62 @@
 <section class="socials-section p-4">
-  <div class="container">
-    <h2 class="section-title">
-      <span class="underline-magical">Réseaux</span>
-    </h2>
-    <h3>Suivez nos réseaux pour ne rien rater.</h3>
+    <div class="container">
+        <h2 class="section-title">
+            <span class="underline-magical">Réseaux</span>
+        </h2>
+        <h3>Suivez nos réseaux pour ne rien rater.</h3>
 
-    <div class="row text-center align-content-center justify-content-md-center">
-      <div class="col col-lg-3">
-        <a href="https://twitter.com/pacifista_mc" rel="nofollow external" target="_blank">
-          <div class="social-logo-container">
-            <img ngSrc="assets/img/socials/twitter.svg" [loading]="'lazy'" alt="Twitter logo" height="100" width="100">
-          </div>
-        </a>
-        <a class="social-link" href="https://twitter.com/pacifista_mc" rel="nofollow external" target="_blank">Lien <fa-icon [size]="size" [icon]="logoExternalLink"></fa-icon></a>
-        <p>Partagez vos aventures sur Twitter avec le #PacifistaMC !</p>
-      </div>
-      <div class="col col-lg-3">
-        <a href="https://twitch.tv/funixgaming" rel="nofollow external" target="_blank">
-          <div class="social-logo-container">
-            <img ngSrc="assets/img/socials/twitch.svg" [loading]="'lazy'" alt="Twitch logo" height="100" width="100">
-          </div>
-        </a>
-        <a class="social-link" href="https://twitch.tv/funixgaming" rel="nofollow external" target="_blank">Lien <fa-icon [size]="size" [icon]="logoExternalLink"></fa-icon></a>
-        <p>Vivez les events et lives chill sur Twitch sur la chaine en direct du Fondateur !</p>
-      </div>
-      <div class="col col-lg-3">
-        <a href="https://discord.gg/3smswFCBky" rel="nofollow external" target="_blank">
-          <div class="social-logo-container">
-            <img ngSrc="assets/img/socials/discord.svg" [loading]="'lazy'" alt="Discord logo" height="100" width="100">
-          </div>
-        </a>
-        <a class="social-link" href="https://discord.gg/3smswFCBky" rel="nofollow external" target="_blank">Lien <fa-icon [size]="size" [icon]="logoExternalLink"></fa-icon></a>
-        <p>Rencontrez l’ensemble de la communauté et le staff sur Discord !</p>
-      </div>
-      <div class="col col-lg-3">
-        <a href="https://youtube.com/c/funixgaming" rel="nofollow external" target="_blank">
-          <div class="social-logo-container">
-            <img ngSrc="assets/img/socials/youtube.svg" [loading]="'lazy'" alt="YouTube logo" height="100" width="100">
-          </div>
-        </a>
-        <a class="social-link" href="https://youtube.com/c/funixgaming" rel="nofollow external" target="_blank">Lien <fa-icon [size]="size" [icon]="logoExternalLink"></fa-icon></a>
-        <p>Suivez le contenu créé sur YouTube pour le serveur et bien plus encore !</p>
-      </div>
+        <div class="row text-center align-content-center justify-content-md-center">
 
+            <div class="col col-lg-3">
+                <a href="https://instagram.com/pacifistamc" rel="external" target="_blank">
+                    <div class="social-logo-container">
+                        <img ngSrc="assets/img/socials/instagram.svg" [loading]="'lazy'" alt="Instagram logo" height="100" width="100">
+                    </div>
+                </a>
+                <a class="social-link" href="https://instagram.com/pacifistamc" rel="external" target="_blank">Lien <fa-icon [size]="size" [icon]="logoExternalLink"></fa-icon></a>
+                <p>Suivez-nous sur Instagram pour voir le contenu en story et les reels !</p>
+            </div>
+
+            <div class="col col-lg-3">
+                <a href="https://twitter.com/pacifista_mc" rel="external" target="_blank">
+                    <div class="social-logo-container">
+                        <img ngSrc="assets/img/socials/twitter.svg" [loading]="'lazy'" alt="Twitter logo" height="100" width="100">
+                    </div>
+                </a>
+                <a class="social-link" href="https://twitter.com/pacifista_mc" rel="nofollow external" target="_blank">Lien <fa-icon [size]="size" [icon]="logoExternalLink"></fa-icon></a>
+                <p>Partagez vos aventures sur Twitter avec le #PacifistaMC !</p>
+            </div>
+
+            <div class="col col-lg-3">
+                <a href="https://twitch.tv/funixgaming" rel="external" target="_blank">
+                    <div class="social-logo-container">
+                        <img ngSrc="assets/img/socials/twitch.svg" [loading]="'lazy'" alt="Twitch logo" height="100" width="100">
+                    </div>
+                </a>
+                <a class="social-link" href="https://twitch.tv/funixgaming" rel="nofollow external" target="_blank">Lien <fa-icon [size]="size" [icon]="logoExternalLink"></fa-icon></a>
+                <p>Vivez les events et lives chill sur Twitch sur la chaine en direct du Fondateur !</p>
+            </div>
+
+            <div class="col col-lg-3">
+                <a href="https://discord.gg/3smswFCBky" rel="external" target="_blank">
+                    <div class="social-logo-container">
+                        <img ngSrc="assets/img/socials/discord.svg" [loading]="'lazy'" alt="Discord logo" height="100" width="100">
+                    </div>
+                </a>
+                <a class="social-link" href="https://discord.gg/3smswFCBky" rel="nofollow external" target="_blank">Lien <fa-icon [size]="size" [icon]="logoExternalLink"></fa-icon></a>
+                <p>Rencontrez l’ensemble de la communauté et le staff sur Discord !</p>
+            </div>
+
+            <div class="col col-lg-3">
+                <a href="https://youtube.com/c/funixgaming" rel="external" target="_blank">
+                    <div class="social-logo-container">
+                        <img ngSrc="assets/img/socials/youtube.svg" [loading]="'lazy'" alt="YouTube logo" height="100" width="100">
+                    </div>
+                </a>
+                <a class="social-link" href="https://youtube.com/c/funixgaming" rel="external" target="_blank">Lien <fa-icon [size]="size" [icon]="logoExternalLink"></fa-icon></a>
+                <p>Suivez le contenu créé sur YouTube pour le serveur et bien plus encore !</p>
+            </div>
+
+        </div>
     </div>
-  </div>
 </section>
diff --git a/src/assets/img/socials/instagram.svg b/src/assets/img/socials/instagram.svg