-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathdocumentations.html
More file actions
221 lines (199 loc) · 8.55 KB
/
Copy pathdocumentations.html
File metadata and controls
221 lines (199 loc) · 8.55 KB
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
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
<!DOCTYPE html>
<!--
============================================================================
PAGE DOCUMENTATIONS - SITE VITRINE TECHCRAFT SOLUTIONS
============================================================================
Description : Page de présentation des ressources et documentations techniques
Fonctionnalités :
- Accès aux guides de développement
- Documentations techniques et tutoriels
- Base de connaissances développeur
- Navigation responsive
Auteur : Y-Picot
Licence : MIT
Dernière modification : Juin 2025
============================================================================
-->
<html lang="fr">
<head>
<!-- Configuration de base du document -->
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!-- Métadonnées SEO optimisées pour les documentations -->
<meta
name="description"
content="Accédez aux documentations techniques, tutoriels et guides de développement de TechCraft Solutions. Ressources pour développeurs en JavaScript, Python, PHP et technologies web."
/> <meta name="author" content="TechCraft Solutions" />
<meta name="robots" content="index, follow" />
<!-- Titre optimisé pour le référencement -->
<title>
Documentations & Guides - TechCraft Solutions | Ressources Développeur
</title>
<!-- Favicon avec les nouveaux assets anonymisés -->
<link rel="shortcut icon" href="./favicon.ico" />
<link rel="icon" type="image/svg+xml" href="./assets/logos/favicon.svg" />
<!-- Import des polices et bibliothèques CSS externes -->
<!-- Google Fonts : Montserrat pour une typographie moderne -->
<link
rel="stylesheet"
href="https://fonts.googleapis.com/css2?family=Montserrat:wght@500&display=swap"
/>
<!-- Font Awesome : Icônes vectorielles pour l'interface -->
<link
href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css"
rel="stylesheet"
/>
<!-- ======================================================================
FEUILLES DE STYLE LOCALES
Architecture CSS modulaire pour une maintenance optimisée
====================================================================== -->
<!-- Styles de base et normalisation -->
<link rel="stylesheet" href="/1_general_css/reset.css" />
<link rel="stylesheet" href="/1_general_css/typography.css" />
<!-- Composants de navigation et interface -->
<link rel="stylesheet" href="/1_general_css/navigation.css" />
<link rel="stylesheet" href="/1_general_css/sections.css" />
<!-- Styles spécifiques à la page documentations -->
<link rel="stylesheet" href="/22_documentations/documentations.css" />
<!-- Composants communs -->
<link rel="stylesheet" href="/0_footer/footer.css" />
<link rel="stylesheet" href="/1_general_css/scrolltotop.css" />
</head>
<body>
<!-- ======================================================================
NAVIGATION MOBILE
Menu hamburger responsive pour les écrans tactiles
====================================================================== -->
<nav class="mobilescreen">
<div title="Menu de navigation mobile" id="menu-toggle">
<!-- Case à cocher invisible pour contrôler l'état du menu -->
<input type="checkbox" />
<!-- Barres du menu hamburger (3 lignes) -->
<span></span>
<span></span>
<span></span>
<!-- Menu déroulant mobile -->
<ul id="mobile-menu">
<li class="logo-li">
<a class="logo" href="/index.html" title="Retour à l'accueil">
<img
src="./assets/logos/favicon.svg"
alt="Logo TechCraft Solutions"
/>
</a>
</li>
<li><a href="/index.html">Accueil</a></li>
<li><a href="/projects.html">Projets</a></li>
<li><a href="/documentations.html">Documentations</a></li>
<li><a href="/contact.html">Contact</a></li>
</ul>
</div>
</nav>
<!-- ======================================================================
EN-TÊTE ET NAVIGATION DESKTOP
Navigation horizontale pour les écrans larges
====================================================================== -->
<header>
<nav class="desktopscreen">
<ul>
<li class="logo-li">
<a
class="logo"
href="/index.html"
title="TechCraft Solutions - Retour à l'accueil"
>
<img
src="./assets/logos/logo-techcraft.svg"
alt="Logo TechCraft Solutions"
/>
</a>
</li>
<li><a href="/index.html">Accueil</a></li>
<li><a href="/projects.html">Projets</a></li>
<li><a href="/documentations.html">Documentations</a></li>
<li><a href="/contact.html">Contact</a></li>
</ul>
</nav>
</header>
<!-- ======================================================================
CONTENU PRINCIPAL - SECTION DOCUMENTATIONS
Zone d'affichage des ressources et guides techniques
====================================================================== -->
<main>
<section id="documentations">
<!-- Bannière visuelle d'introduction -->
<img
src="assets/docsprojs/bandeau.png"
style="object-fit: contain"
alt="Bannière de présentation des documentations"
class="responsive-image"
/>
<!-- Conteneur principal du contenu -->
<div class="container">
<!-- Titre principal avec mise en valeur -->
<h1 style="font-size: clamp(2rem, 2rem + 1.3svw, 4rem)">
Documentation <span style="color: #344982">en préparation</span>
</h1>
<!-- Description et présentation de la section -->
<p style="font-size: clamp(0.6rem, 0.6rem + 1.3svw, 1.2rem)">
Cette section sera bientôt enrichie avec une collection complète de
<span style="color: #309ed7; font-weight: bold"
>ressources techniques</span
>
et de guides pratiques. Vous y trouverez des tutoriels détaillés,
des exemples de code, et des bonnes pratiques pour le développement
web moderne.
</p>
<!-- Image illustrative de la page en construction -->
<img
src="assets/docsprojs/construction.webp"
alt="Documentation en cours de développement - TechCraft Solutions"
loading="lazy"
/>
<!-- Appel à l'action vers la page contact -->
<p>
Une question technique spécifique ?
<a
href="/contact.html"
style="
text-decoration: underline;
color: #309ed7;
font-weight: 600;
"
title="Contactez TechCraft Solutions pour vos questions techniques"
>
N'hésitez pas à me contacter !
</a>
</p>
</div>
</section>
<!-- ======================================================================
BOUTON DE RETOUR EN HAUT
Amélioration de l'expérience utilisateur pour la navigation
====================================================================== -->
<button
class="back-to-top"
type="button"
title="Retour en haut de la page"
aria-label="Retour en haut de la page"
></button>
</main>
<!-- ======================================================================
PIED DE PAGE
Chargé dynamiquement via JavaScript pour la cohérence
====================================================================== -->
<footer></footer>
<!-- ======================================================================
SCRIPTS JAVASCRIPT
Bibliothèques et fonctionnalités interactives
====================================================================== -->
<!-- jQuery : Bibliothèque JavaScript pour les interactions DOM -->
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<!-- Scripts personnalisés -->
<script src="/0_footer/footer.js"></script>
<!-- Chargement dynamique du footer -->
<script src="/1_general_js/scrolltotop.js"></script>
<!-- Fonctionnalité retour en haut -->
</body>
</html>