-
Notifications
You must be signed in to change notification settings - Fork 0
/
comingsoon.html
156 lines (133 loc) · 7.04 KB
/
comingsoon.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
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>