Version 1.0

mikepixeldev · Aug 3, 2024 · be2cbc1 · be2cbc1
1 parent 5743faa
commit be2cbc1
Show file tree

Hide file tree

Showing 44 changed files with 2,154 additions and 0 deletions.
diff --git a/LICENSE b/LICENSE
@@ -0,0 +1,17 @@
+# Licence Propriétaire
+
+## Propriétaire du Projet
+
+Ce projet, ainsi que tout le code source et les fichiers associés, est la propriété de Mikaël Posty.
+
+## Restrictions d'Utilisation
+
+Vous n'êtes pas autorisé à utiliser, copier, modifier, fusionner, publier, distribuer, sous-licencier, et/ou vendre des copies de ce logiciel ou de toute partie de ce logiciel sans une permission écrite préalable de l'auteur.
+
+## Demandes d'Utilisation
+
+Pour toute demande d'utilisation, de modification ou de distribution, veuillez contacter Mikaël Posty à l'adresse suivante : [email protected].
+
+## Avertissement
+
+CE LOGICIEL EST FOURNI "TEL QUEL", SANS GARANTIE D'AUCUNE SORTE, EXPRESSE OU IMPLICITE, Y COMPRIS MAIS SANS S'Y LIMITER AUX GARANTIES DE QUALITÉ MARCHANDE, D'ADÉQUATION À UN USAGE PARTICULIER ET DE NON-VIOLATION. EN AUCUN CAS LES AUTEURS OU LES TITULAIRES DU COPYRIGHT NE SERONT RESPONSABLES DE TOUTE RÉCLAMATION, DOMMAGE OU AUTRE RESPONSABILITÉ, QUE CE SOIT DANS UNE ACTION DE CONTRAT, DÉLIT OU AUTRE, DÉCOULANT DE, HORS OU EN RELATION AVEC LE LOGICIEL OU L'UTILISATION OU D'AUTRES ACTIONS DANS LE LOGICIEL.
diff --git a/assets/fonts/LilGrotesk-Bold.otf b/assets/fonts/LilGrotesk-Bold.otf
diff --git a/assets/fonts/LilGrotesk-Regular.otf b/assets/fonts/LilGrotesk-Regular.otf
diff --git a/assets/fonts/lilgrotesk-bold-webfont.woff b/assets/fonts/lilgrotesk-bold-webfont.woff
diff --git a/assets/fonts/lilgrotesk-bold-webfont.woff2 b/assets/fonts/lilgrotesk-bold-webfont.woff2
diff --git a/assets/fonts/lilgrotesk-regular-webfont.woff b/assets/fonts/lilgrotesk-regular-webfont.woff
diff --git a/assets/fonts/lilgrotesk-regular-webfont.woff2 b/assets/fonts/lilgrotesk-regular-webfont.woff2
diff --git a/assets/img/cinematch-logo.png b/assets/img/cinematch-logo.png
diff --git a/assets/img/favicons/apple-touch-icon.png b/assets/img/favicons/apple-touch-icon.png
diff --git a/assets/img/favicons/favicon-16.png b/assets/img/favicons/favicon-16.png
diff --git a/assets/img/favicons/favicon-32.png b/assets/img/favicons/favicon-32.png
diff --git a/assets/img/favicons/favicon-96.png b/assets/img/favicons/favicon-96.png
diff --git a/assets/img/favicons/favicon.ico b/assets/img/favicons/favicon.ico
diff --git a/assets/img/logo-mike-pixel.webp b/assets/img/logo-mike-pixel.webp
diff --git a/assets/img/logo-portfolio.png b/assets/img/logo-portfolio.png
diff --git a/assets/img/memoji/call-mike.webp b/assets/img/memoji/call-mike.webp
diff --git a/assets/img/memoji/dev-mike.webp b/assets/img/memoji/dev-mike.webp
diff --git a/assets/img/memoji/hello-mike.webp b/assets/img/memoji/hello-mike.webp
diff --git a/assets/img/memoji/idea-mike.webp b/assets/img/memoji/idea-mike.webp
diff --git a/assets/img/memoji/thanks-mike.webp b/assets/img/memoji/thanks-mike.webp
diff --git a/assets/img/memoji/v-mike.webp b/assets/img/memoji/v-mike.webp
diff --git a/assets/img/memoji/zen-mike.webp b/assets/img/memoji/zen-mike.webp
diff --git a/assets/img/ohmyfood-logo.png b/assets/img/ohmyfood-logo.png
diff --git a/assets/img/parcours/epitech-logo.webp b/assets/img/parcours/epitech-logo.webp
diff --git a/assets/img/parcours/icone-openclassrooms.webp b/assets/img/parcours/icone-openclassrooms.webp
diff --git a/assets/img/parcours/logo-gares-&-connexions-sncf.webp b/assets/img/parcours/logo-gares-&-connexions-sncf.webp
diff --git a/assets/img/parcours/logo-openclassrooms.webp b/assets/img/parcours/logo-openclassrooms.webp
diff --git a/assets/img/parcours/logo-orange.webp b/assets/img/parcours/logo-orange.webp
diff --git a/assets/img/parcours/logo-sncf.webp b/assets/img/parcours/logo-sncf.webp
diff --git a/assets/img/parcours/simplon-logo.webp b/assets/img/parcours/simplon-logo.webp
diff --git a/assets/img/sophiebluel-logo.png b/assets/img/sophiebluel-logo.png
diff --git a/comingsoon.html b/comingsoon.html
@@ -0,0 +1,156 @@
+<!DOCTYPE html>
+<html lang="fr">
+
+<head>
+    <!-- Titre de la page -->
+    <title>Développeur front-end • Mikaël Posty</title>
+
+    <!-- Meta tags -->
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="description"
+        content="Portfolio de Mikaël Posty, développeur web front-end spécialisé en React. Découvrez mes compétences, projets et contributions en développement intégrateur web">
+    <meta name="author" content="Mikaël Posty">
+    <meta name="robots" content="index, follow">
+
+    <!-- Lien vers la feuille de style CSS -->
+    <link rel="stylesheet" href="./css/coming.css">
+
+    <!-- Favicons -->
+    <link rel="icon" type="image/x-icon" href="./assets/img/favicons/favicon.ico">
+    <link rel="icon" type="image/png" sizes="16x16" href="./assets/img/favicons/favicon-16.png">
+    <link rel="icon" type="image/png" sizes="32x32" href="./assets/img/favicons/favicon-32.png">
+    <link rel="icon" type="image/png" sizes="96x96" href="./assets/img/favicons/favicon-96.png">
+    <link rel="apple-touch-icon" sizes="180x180" href="./assets/img/favicons/apple-touch-icon.png">
+
+    <!-- Balise URL canonique -->
+    <link rel="canonical" href="https://portfolio.mikepixel.dev">
+
+    <!-- Google Analytics -->
+    <script async src="https://www.googletagmanager.com/gtag/js?id=G-C0DCNBD5VG"></script>
+
+    <script>
+        window.dataLayer = window.dataLayer || [];
+        function gtag() { dataLayer.push(arguments); }
+        gtag('js', new Date());
+
+        gtag('config', 'G-C0DCNBD5VG');
+    </script>
+
+    <!-- Open Graph Meta Tags pour les réseaux sociaux -->
+    <meta property="og:title" content="Développeur front-end • Mikaël Posty">
+    <meta property="og:description"
+        content="Portfolio de Mikaël Posty, développeur web front-end spécialisé en React. Découvrez mes compétences, projets et contributions en développement intégrateur web">
+    <meta property="og:image" content="./assets/img/logo-mike-pixel.webp">
+    <meta property="og:url" content="https://portfolio.mikepixel.dev">
+    <meta property="og:type" content="website">
+
+    <!-- Twitter Card Data -->
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:title" content="Développeur front-end • Mikaël Posty">
+    <meta name="twitter:description"
+        content="Portfolio de Mikaël Posty, développeur web front-end spécialisé en React. Découvrez mes compétences, projets et contributions en développement intégrateur web">
+    <meta name="twitter:image" content="./assets/img/logo-mike-pixel.webp">
+
+    <!-- Début Cookies -->
+    <script>
+        // Définissez dataLayer et la fonction gtag.
+        window.dataLayer = window.dataLayer || [];
+        function gtag() { dataLayer.push(arguments); }
+
+        gtag('consent', 'default', {
+            'ad_storage': 'denied',
+            'ad_user_data': 'denied',
+            'ad_personalization': 'denied',
+            'analytics_storage': 'denied',
+            'regions': ['AT', 'BE', 'BG', 'HR', 'CY', 'CZ', 'DK', 'EE', 'FI', 'FR', 'DE', 'GR', 'HU', 'IE', 'IT', 'LV', 'LT', 'LU', 'MT', 'NL', 'PL', 'PT', 'RO', 'SK', 'SI', 'ES', 'SE', 'IS', 'LI', 'NO']
+        });
+
+        // Définissez le consentement par défaut pour toutes les autres régions selon vos besoins
+        gtag('consent', 'default', {
+            'ad_storage': 'denied',
+            'ad_user_data': 'denied',
+            'ad_personalization': 'denied',
+            'analytics_storage': 'denied'
+        });
+
+    </script>
+
+    <!-- Start cookieyes banner -->
+    <script id="cookieyes" type="text/javascript"
+        src="https://cdn-cookieyes.com/client_data/5912cd638d1d275dab0a285e/script.js"></script>
+    <!-- Fin Cookies -->
+
+    <!-- Autres liens et scripts -->
+    <script src="https://kit.fontawesome.com/3c74274841.js" crossorigin="anonymous"></script>
+    <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=ABeeZee:ital@0;1&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap"
+        rel="stylesheet">
+</head>
+
+<body>
+    <main>
+        <div class="content">
+            <img class="memoji" src="./assets/img/memoji/hello-mike.webp" alt="Hello de Mike">
+            <div class="welcome">
+                <h1>MON PORTFOLIO DE DÉVELOPPEUR WEB ARRIVE BIENTÔT !</h1>
+                <p>Je peaufine chaque détail pour que tout soit parfait.
+                    <br>Vous découvrirez bientôt mon
+                    travail dédié au <strong>développement web</strong>, mettant en avant mes
+                    compétences en front-end.
+                    <br>N’hésitez pas à revenir pour
+                    explorer mon
+                    univers créatif et technique.
+                    <br>À bientôt !
+                </p>
+            </div>
+
+
+            <div id="waiting">
+                <div class="point"></div>
+                <div class="point"></div>
+                <div class="point"></div>
+            </div>
+            <div class="social-media-links" aria-label="Liens vers mes réseaux sociaux">
+                <a href="https://www.threads.net/@mikepixel.dev" target="_blank" rel="noopener noreferrer"
+                    title="Visitez mon profil Threads" aria-label="Profil Threads">
+                    <i class="fa-brands fa-threads"></i>
+                </a>
+                <a href="https://www.instagram.com/mikepixel.dev" target="_blank" rel="noopener noreferrer"
+                    title="Visitez mon Instagram" aria-label="Profil Instagram">
+                    <i class="fa-brands fa-instagram"></i>
+                </a>
+                <a href="https://github.com/mikepixeldev" target="_blank" rel="noopener noreferrer"
+                    title="Visitez mon GitHub" aria-label="Profil GitHub">
+                    <i class="fa-brands fa-github"></i>
+                </a>
+                <a href="https://www.linkedin.com/in/mikaelposty" target="_blank" rel="noopener noreferrer"
+                    title="Visitez mon LinkedIn" aria-label="Profil LinkedIn">
+                    <i class="fa-brands fa-linkedin-in"></i>
+                </a>
+            </div>
+
+            <div class="blog-invite" aria-label="Invitation à visiter mon blog">
+                <p>En attendant, découvrez en plus sur mon blog de développeur web :</p>
+                <a href="https://mikepixel.dev/" target="_blank" rel="noopener noreferrer" title="Visitez mon blog"
+                    aria-label="Visitez mon blog, MikePixel.dev">
+                    <img src="./assets/img/logo-mike-pixel.webp" alt="Logo MikePixel.dev">
+                </a>
+            </div>
+        </div>
+    </main>
+
+    <footer>
+        <div>
+            <p>© 2024 – Code with love ♥️ by <a href="https://mikaelposty.fr/" target="_blank" rel="noopener noreferrer"
+                    title="Visitez mon site personnel" aria-label="Visitez mon site personnel, Mikaël Posty">
+                    Mike
+                </a></p>
+        </div>
+    </footer>
+</body>
+
+
+</html>
diff --git a/css/cards-min.css b/css/cards-min.css
diff --git a/css/cards.css b/css/cards.css
@@ -0,0 +1,41 @@
+@charset "UTF-8";
+/* Keyframes pour l'animation de fade-in */
+@keyframes fadeIn {
+  from {
+    opacity: 0;
+    transform: translateY(20px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+/* Application de l'animation aux sections avec un délai progressif */
+#about,
+#competences,
+#projets,
+#parcours,
+#contact {
+  animation: fadeIn 1s ease-out forwards;
+  opacity: 0;
+}
+
+#about {
+  animation-delay: 0.5s;
+}
+
+#competences {
+  animation-delay: 1s;
+}
+
+#projets {
+  animation-delay: 1.5s;
+}
+
+#parcours {
+  animation-delay: 2s;
+}
+
+#contact {
+  animation-delay: 2.5s;
+}/*# sourceMappingURL=cards.css.map */
diff --git a/css/cards.css.map b/css/cards.css.map