Skip to content

Commit 9fd21f6

Browse files
Nde-CodeNde-Code
committed
feat: add target="_blank" and rel="noopener noreferrer" to external links.
1 parent eca9c8a commit 9fd21f6

7 files changed

Lines changed: 49 additions & 49 deletions

File tree

‎404.html‎

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -148,7 +148,7 @@
148148

149149
<a href="online/harmonic-waves">Simuler des ondes harmoniques</a>
150150

151-
<a href="https://github.com/Nde-Code/"><i class="fa-solid fa-plus"></i> En voir d'autres sur mon GitHub</a>
151+
<a href="https://github.com/Nde-Code/" target="_blank" rel="noopener noreferrer"><i class="fa-solid fa-plus"></i> En voir d'autres sur mon GitHub</a>
152152

153153
</div>
154154

@@ -194,23 +194,23 @@ <h1 class="website-main-panel-title">Oups, erreur 404:</h1>
194194

195195
<div class="social-media">
196196

197-
<a href="https://x.com/nde_code" title="Mon X" aria-label="Voir mon profil X (Twitter)."><i class="fa-brands fa-x-twitter x"></i></a>
197+
<a href="https://x.com/nde_code" target="_blank" rel="noopener noreferrer" title="Mon X" aria-label="Voir mon profil X (Twitter)."><i class="fa-brands fa-x-twitter x"></i></a>
198198

199-
<a href="https://www.facebook.com/nathan.debilloez" title="Mon Facebook" aria-label="Voir mon profil Facebook."><i class="fa-brands fa-facebook facebook"></i></a>
199+
<a href="https://www.facebook.com/nathan.debilloez" target="_blank" rel="noopener noreferrer" title="Mon Facebook" aria-label="Voir mon profil Facebook."><i class="fa-brands fa-facebook facebook"></i></a>
200200

201-
<a href="https://github.com/Nde-Code" title="Mon GitHub" aria-label="Voir mon profil GitHub."><i class="fa-brands fa-github github"></i></a>
201+
<a href="https://github.com/Nde-Code" target="_blank" rel="noopener noreferrer" title="Mon GitHub" aria-label="Voir mon profil GitHub."><i class="fa-brands fa-github github"></i></a>
202202

203203
</div>
204204

205205
<div class="copyright-container">
206206

207207
<p class="copyright-text"> © <span id="copyright"></span> Nathan Debilloëz </p>
208208

209-
<p class="copyright-text"> Mon Favicon est fait avec <a href="https://logomakr.com/" class="copyright-link">Logomakr</a>.</p>
209+
<p class="copyright-text"> Mon Favicon est fait avec <a href="https://logomakr.com/" target="_blank" rel="noopener noreferrer" class="copyright-link">Logomakr</a>.</p>
210210

211-
<p class="copyright-text"> Le code source est disponible sur <a href="https://github.com/Nde-Code/nde-code.github.io/blob/main/404.html" class="copyright-link">Github</a>.</p>
211+
<p class="copyright-text"> Le code source est disponible sur <a href="https://github.com/Nde-Code/nde-code.github.io/blob/main/404.html" target="_blank" rel="noopener noreferrer" class="copyright-link">Github</a>.</p>
212212

213-
<p class="copyright-text"> L'icône d'erreur est fait par Freepik sur <a href="https://www.flaticon.com/free-icon/error_4457164?term=error&page=1&position=12&origin=search&related_id=4457164#" class="copyright-link">Flaticon</a>.</p>
213+
<p class="copyright-text"> L'icône d'erreur est fait par Freepik sur <a href="https://www.flaticon.com/free-icon/error_4457164?term=error&page=1&position=12&origin=search&related_id=4457164#" target="_blank" rel="noopener noreferrer" class="copyright-link">Flaticon</a>.</p>
214214

215215
</div>
216216

‎index.html‎

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -142,7 +142,7 @@
142142

143143
<a href="online/harmonic-waves">Simuler des ondes harmoniques</a>
144144

145-
<a href="https://github.com/Nde-Code/"><i class="fa-solid fa-plus"></i> En voir d'autres sur mon GitHub</a>
145+
<a href="https://github.com/Nde-Code/" target="_blank" rel="noopener noreferrer"><i class="fa-solid fa-plus"></i> En voir d'autres sur mon GitHub</a>
146146

147147
</div>
148148

@@ -188,23 +188,23 @@ <h1 class="website-main-panel-title">Bienvenue sur mon site:</h1>
188188

189189
<div class="social-media">
190190

191-
<a href="https://x.com/nde_code" title="Mon X" aria-label="Voir mon profil X (Twitter)."><i class="fa-brands fa-x-twitter x"></i></a>
191+
<a href="https://x.com/nde_code" target="_blank" rel="noopener noreferrer" title="Mon X" aria-label="Voir mon profil X (Twitter)."><i class="fa-brands fa-x-twitter x"></i></a>
192192

193-
<a href="https://www.facebook.com/nathan.debilloez" title="Mon Facebook" aria-label="Voir mon profil Facebook."><i class="fa-brands fa-facebook facebook"></i></a>
193+
<a href="https://www.facebook.com/nathan.debilloez" target="_blank" rel="noopener noreferrer" title="Mon Facebook" aria-label="Voir mon profil Facebook."><i class="fa-brands fa-facebook facebook"></i></a>
194194

195-
<a href="https://github.com/Nde-Code" title="Mon GitHub" aria-label="Voir mon profil GitHub."><i class="fa-brands fa-github github"></i></a>
195+
<a href="https://github.com/Nde-Code" target="_blank" rel="noopener noreferrer" title="Mon GitHub" aria-label="Voir mon profil GitHub."><i class="fa-brands fa-github github"></i></a>
196196

197197
</div>
198198

199199
<div class="copyright-container">
200200

201201
<p class="copyright-text"> © <span id="copyright"></span> Nathan Debilloëz </p>
202202

203-
<p class="copyright-text"> Mon Favicon est fait avec <a href="https://logomakr.com/" class="copyright-link">Logomakr</a>.</p>
203+
<p class="copyright-text"> Mon Favicon est fait avec <a href="https://logomakr.com/" target="_blank" rel="noopener noreferrer" class="copyright-link">Logomakr</a>.</p>
204204

205-
<p class="copyright-text"> Mon avatar a été généré avec <a href="https://perchance.org/ai-icon-generator" class="copyright-link">perchance.org</a>.</p>
205+
<p class="copyright-text"> Mon avatar a été généré avec <a href="https://perchance.org/ai-icon-generator" target="_blank" rel="noopener noreferrer" class="copyright-link">perchance.org</a>.</p>
206206

207-
<p class="copyright-text"> Le code source complet est disponible sur <a href="https://github.com/Nde-Code/nde-code.github.io" class="copyright-link">mon Github</a>.</p>
207+
<p class="copyright-text"> Le code source complet est disponible sur <a href="https://github.com/Nde-Code/nde-code.github.io" target="_blank" rel="noopener noreferrer" class="copyright-link">mon Github</a>.</p>
208208

209209
</div>
210210

‎online/foucault.html‎

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -158,7 +158,7 @@
158158

159159
<a href="harmonic-waves">Simuler des ondes harmoniques</a>
160160

161-
<a href="https://github.com/Nde-Code/"><i class="fa-solid fa-plus"></i> En voir d'autres sur mon GitHub</a>
161+
<a href="https://github.com/Nde-Code/" target="_blank" rel="noopener noreferrer"><i class="fa-solid fa-plus"></i> En voir d'autres sur mon GitHub</a>
162162

163163
</div>
164164

@@ -202,23 +202,23 @@ <h1 class="website-main-panel-title"> Simulateur de pendule de Foucault: </h1>
202202

203203
<div class="social-media">
204204

205-
<a href="https://x.com/nde_code" title="Mon X" aria-label="Voir mon profil X (Twitter)."><i class="fa-brands fa-x-twitter x"></i></a>
205+
<a href="https://x.com/nde_code" target="_blank" rel="noopener noreferrer" title="Mon X" aria-label="Voir mon profil X (Twitter)."><i class="fa-brands fa-x-twitter x"></i></a>
206206

207-
<a href="https://www.facebook.com/nathan.debilloez" title="Mon Facebook" aria-label="Voir mon profil Facebook."><i class="fa-brands fa-facebook facebook"></i></a>
207+
<a href="https://www.facebook.com/nathan.debilloez" target="_blank" rel="noopener noreferrer" title="Mon Facebook" aria-label="Voir mon profil Facebook."><i class="fa-brands fa-facebook facebook"></i></a>
208208

209-
<a href="https://github.com/Nde-Code" title="Mon GitHub" aria-label="Voir mon profil GitHub."><i class="fa-brands fa-github github"></i></a>
209+
<a href="https://github.com/Nde-Code" target="_blank" rel="noopener noreferrer" title="Mon GitHub" aria-label="Voir mon profil GitHub."><i class="fa-brands fa-github github"></i></a>
210210

211211
</div>
212212

213213
<div class="copyright-container">
214214

215215
<p class="copyright-text"> © <span id="copyright"></span> Nathan Debilloëz </p>
216216

217-
<p class="copyright-text"> Mon Favicon est fait avec <a href="https://logomakr.com/" class="copyright-link">Logomakr</a>.</p>
217+
<p class="copyright-text"> Mon Favicon est fait avec <a href="https://logomakr.com/" target="_blank" rel="noopener noreferrer" class="copyright-link">Logomakr</a>.</p>
218218

219-
<p class="copyright-text"> Le code source est disponible sur <a href="https://github.com/Nde-Code/nde-code.github.io/blob/main/online/foucault.html" class="copyright-link">Github</a>.</p>
219+
<p class="copyright-text"> Le code source est disponible sur <a href="https://github.com/Nde-Code/nde-code.github.io/blob/main/online/foucault.html" target="_blank" rel="noopener noreferrer" class="copyright-link">Github</a>.</p>
220220

221-
<p class="copyright-text" id="remove-footer-notice"> L'icône de robot est fait par Flowicon sur <a href="https://www.flaticon.com/free-icon/chat_6819666?related_id=6819666#" class="copyright-link">Flaticon</a>.</p>
221+
<p class="copyright-text" id="remove-footer-notice"> L'icône de robot est fait par Flowicon sur <a href="https://www.flaticon.com/free-icon/chat_6819666?related_id=6819666#" target="_blank" rel="noopener noreferrer" class="copyright-link">Flaticon</a>.</p>
222222

223223
</div>
224224

‎online/harmonic-waves.html‎

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -142,7 +142,7 @@
142142

143143
<a href="harmonic-waves">Simuler des ondes harmoniques</a>
144144

145-
<a href="https://github.com/Nde-Code/"><i class="fa-solid fa-plus"></i> En voir d'autres sur mon GitHub</a>
145+
<a href="https://github.com/Nde-Code/" target="_blank" rel="noopener noreferrer"><i class="fa-solid fa-plus"></i> En voir d'autres sur mon GitHub</a>
146146

147147
</div>
148148

@@ -186,23 +186,23 @@ <h1 class="website-main-panel-title"> Logiciel de simulation d'ondes harmoniques
186186

187187
<div class="social-media">
188188

189-
<a href="https://x.com/nde_code" title="Mon X" aria-label="Voir mon profil X (Twitter)."><i class="fa-brands fa-x-twitter x"></i></a>
189+
<a href="https://x.com/nde_code" target="_blank" rel="noopener noreferrer" title="Mon X" aria-label="Voir mon profil X (Twitter)."><i class="fa-brands fa-x-twitter x"></i></a>
190190

191-
<a href="https://www.facebook.com/nathan.debilloez" title="Mon Facebook" aria-label="Voir mon profil Facebook."><i class="fa-brands fa-facebook facebook"></i></a>
191+
<a href="https://www.facebook.com/nathan.debilloez" target="_blank" rel="noopener noreferrer" title="Mon Facebook" aria-label="Voir mon profil Facebook."><i class="fa-brands fa-facebook facebook"></i></a>
192192

193-
<a href="https://github.com/Nde-Code" title="Mon GitHub" aria-label="Voir mon profil GitHub."><i class="fa-brands fa-github github"></i></a>
193+
<a href="https://github.com/Nde-Code" target="_blank" rel="noopener noreferrer" title="Mon GitHub" aria-label="Voir mon profil GitHub."><i class="fa-brands fa-github github"></i></a>
194194

195195
</div>
196196

197197
<div class="copyright-container">
198198

199199
<p class="copyright-text"> © <span id="copyright"></span> Nathan Debilloëz </p>
200200

201-
<p class="copyright-text"> Mon Favicon est fait avec <a href="https://logomakr.com/" class="copyright-link">Logomakr</a>.</p>
201+
<p class="copyright-text"> Mon Favicon est fait avec <a href="https://logomakr.com/" target="_blank" rel="noopener noreferrer" class="copyright-link">Logomakr</a>.</p>
202202

203-
<p class="copyright-text"> Le code source est disponible sur <a href="https://github.com/Nde-Code/nde-code.github.io/blob/main/online/harmonic-waves.html" class="copyright-link">Github</a>.</p>
203+
<p class="copyright-text"> Le code source est disponible sur <a href="https://github.com/Nde-Code/nde-code.github.io/blob/main/online/harmonic-waves.html" target="_blank" rel="noopener noreferrer" class="copyright-link">Github</a>.</p>
204204

205-
<p class="copyright-text" id="remove-footer-notice"> L'icône de robot est fait par Flowicon sur <a href="https://www.flaticon.com/free-icon/chat_6819666?related_id=6819666#" class="copyright-link">Flaticon</a>.</p>
205+
<p class="copyright-text" id="remove-footer-notice"> L'icône de robot est fait par Flowicon sur <a href="https://www.flaticon.com/free-icon/chat_6819666?related_id=6819666#" target="_blank" rel="noopener noreferrer" class="copyright-link">Flaticon</a>.</p>
206206

207207
</div>
208208

‎online/interpolation-playground.html‎

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -181,7 +181,7 @@
181181

182182
<a href="harmonic-waves">Simuler des ondes harmoniques</a>
183183

184-
<a href="https://github.com/Nde-Code/"><i class="fa-solid fa-plus"></i> En voir d'autres sur mon GitHub</a>
184+
<a href="https://github.com/Nde-Code/" target="_blank" rel="noopener noreferrer"><i class="fa-solid fa-plus"></i> En voir d'autres sur mon GitHub</a>
185185

186186
</div>
187187

@@ -225,23 +225,23 @@ <h1 class="website-main-panel-title">Logiciel de calcul d'interpolation:</h1>
225225

226226
<div class="social-media">
227227

228-
<a href="https://x.com/nde_code" title="Mon X" aria-label="Voir mon profil X (Twitter)."><i class="fa-brands fa-x-twitter x"></i></a>
228+
<a href="https://x.com/nde_code" target="_blank" rel="noopener noreferrer" title="Mon X" aria-label="Voir mon profil X (Twitter)."><i class="fa-brands fa-x-twitter x"></i></a>
229229

230-
<a href="https://www.facebook.com/nathan.debilloez" title="Mon Facebook" aria-label="Voir mon profil Facebook."><i class="fa-brands fa-facebook facebook"></i></a>
230+
<a href="https://www.facebook.com/nathan.debilloez" target="_blank" rel="noopener noreferrer" title="Mon Facebook" aria-label="Voir mon profil Facebook."><i class="fa-brands fa-facebook facebook"></i></a>
231231

232-
<a href="https://github.com/Nde-Code" title="Mon GitHub" aria-label="Voir mon profil GitHub."><i class="fa-brands fa-github github"></i></a>
232+
<a href="https://github.com/Nde-Code" target="_blank" rel="noopener noreferrer" title="Mon GitHub" aria-label="Voir mon profil GitHub."><i class="fa-brands fa-github github"></i></a>
233233

234234
</div>
235235

236236
<div class="copyright-container">
237237

238238
<p class="copyright-text"> © <span id="copyright"></span> Nathan Debilloëz </p>
239239

240-
<p class="copyright-text"> Mon Favicon est fait avec <a href="https://logomakr.com/" class="copyright-link">Logomakr</a>.</p>
240+
<p class="copyright-text"> Mon Favicon est fait avec <a href="https://logomakr.com/" target="_blank" rel="noopener noreferrer" class="copyright-link">Logomakr</a>.</p>
241241

242-
<p class="copyright-text"> Le code source est disponible sur <a href="https://github.com/Nde-Code/nde-code.github.io/blob/main/online/interpolation-playground.html" class="copyright-link">Github</a>.</p>
242+
<p class="copyright-text"> Le code source est disponible sur <a href="https://github.com/Nde-Code/nde-code.github.io/blob/main/online/interpolation-playground.html" target="_blank" rel="noopener noreferrer" class="copyright-link">Github</a>.</p>
243243

244-
<p class="copyright-text" id="remove-footer-notice"> L'icône de robot est fait par Flowicon sur <a href="https://www.flaticon.com/free-icon/chat_6819666?related_id=6819666#" class="copyright-link">Flaticon</a>.</p>
244+
<p class="copyright-text" id="remove-footer-notice"> L'icône de robot est fait par Flowicon sur <a href="https://www.flaticon.com/free-icon/chat_6819666?related_id=6819666#" target="_blank" rel="noopener noreferrer" class="copyright-link">Flaticon</a>.</p>
245245

246246
</div>
247247

‎online/meteorites-map.html‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -277,9 +277,9 @@
277277

278278
<div id="map"></div>
279279

280-
<a href="https://maptiler.com/" class="maptiler-logo">
280+
<a href="https://maptiler.com/" target="_blank" rel="noopener noreferrer" class="maptiler-logo">
281281

282-
<img src="https://api.maptiler.com/resources/logo.svg" alt="MapTiler">
282+
<img src="https://api.maptiler.com/resources/logo.svg" target="_blank" rel="noopener noreferrer" alt="MapTiler">
283283

284284
</a>
285285

@@ -319,13 +319,13 @@
319319

320320
<div class="modalbox-text-container">
321321

322-
<p class="modalbox-description"><i class="fa-solid fa-square" style="color: #4690F2; font-size: 14px;"></i> Les données sur les météorites tombées sur Terre proviennent de la <a href="https://data.nasa.gov/dataset/meteorite-landings" style="color: #4690F2;"> [NASA]</a>. </p>
322+
<p class="modalbox-description"><i class="fa-solid fa-square" style="color: #4690F2; font-size: 14px;"></i> Les données sur les météorites tombées sur Terre proviennent de la <a href="https://data.nasa.gov/dataset/meteorite-landings" target="_blank" rel="noopener noreferrer" style="color: #4690F2;"> [NASA]</a>. </p>
323323

324-
<p class="modalbox-description"><i class="fa-solid fa-square" style="color: #4690F2; font-size: 14px;"></i> Le projet utilise une API externe, qui est également l’un de mes autres projets. Vous pouvez cliquer <a href="https://github.com/Nde-Code/MeteoritesAPI" style="color: #4690F2;">[ici]</a> pour le découvrir.</p>
324+
<p class="modalbox-description"><i class="fa-solid fa-square" style="color: #4690F2; font-size: 14px;"></i> Le projet utilise une API externe, qui est également l’un de mes autres projets. Vous pouvez cliquer <a href="https://github.com/Nde-Code/MeteoritesAPI" target="_blank" rel="noopener noreferrer" style="color: #4690F2;">[ici]</a> pour le découvrir.</p>
325325

326326
<p class="modalbox-description"><i class="fa-solid fa-square" style="color: #4690F2; font-size: 14px;"></i> Le quota est fixé à une requête par seconde. </p>
327327

328-
<p class="modalbox-description"><i class="fa-solid fa-square" style="color: #4690F2; font-size: 14px;"></i> J'utilise une tuile fournie par <a href="https://www.maptiler.com/" style="color: #4690F2;"> [MapTiler] </a> pour avoir un fond de carte sympa. </p>
328+
<p class="modalbox-description"><i class="fa-solid fa-square" style="color: #4690F2; font-size: 14px;"></i> J'utilise une tuile fournie par <a href="https://www.maptiler.com/" target="_blank" rel="noopener noreferrer" style="color: #4690F2;"> [MapTiler] </a> pour avoir un fond de carte sympa. </p>
329329

330330
<p class="modalbox-description"><i class="fa-solid fa-square" style="color: #4690F2; font-size: 14px;"></i> Pour prévenir les abus, l'API utilisée par le logiciel exploite votre adresse IP (afin de limiter le nombre de requêtes), mais celle-ci est hachée (via SHA-256) avec un "SALT" solide et robuste. Aucune IP brute ni aucune autre information personnelle n'est collectée. N'hésitez pas à me contacter pour toute question relative à ce sujet. <b> En utilisant ce logiciel ou/et l'API associée, vous confirmez être en accord avec les présentes conditions. </b></p>
331331

@@ -989,7 +989,7 @@ <h2>Top ${extendedData.ranking} des classes de météorites:</h2>
989989

990990
extendedData.map.on('drag', function() { extendedData.map.panInsideBounds(extendedData.bounds, { animate: true }); });
991991

992-
L.tileLayer('https://api.maptiler.com/maps/hybrid-v4/{z}/{x}/{y}.jpg?key=Y4mt0pJJj6lEa2eROPmN', { attribution: '© <a href="https://www.openstreetmap.org/copyright">OpenStreetMap contributors</a> © <a href="https://www.maptiler.com/copyright/" target="_blank">MapTiler</a>' }).addTo(extendedData.map);
992+
L.tileLayer('https://api.maptiler.com/maps/hybrid-v4/{z}/{x}/{y}.jpg?key=Y4mt0pJJj6lEa2eROPmN', { attribution: '© <a href="https://www.openstreetmap.org/copyright" target="_blank" rel="noopener noreferrer">OpenStreetMap contributors</a> © <a href="https://www.maptiler.com/copyright/" target="_blank" rel="noopener noreferrer">MapTiler</a>' }).addTo(extendedData.map);
993993

994994
extendedData.map.addControl(new L.Control.DropdownControl({ position: 'topright' }));
995995

0 commit comments

Comments
 (0)