PageSourceSearch

https://www.ethikdo.co/recherche-carte/?next=/ma-carte/

html ethikdo.co collected 2026-10-03 20:42:59 UTC 18,265 bytes, 670 lines download raw bytes

1
2<!DOCTYPE HTML>
3<html lang="fr">
4
5	<head>
6
7		<!-- Required meta tags -->
8		<meta charset="utf-8">
9		<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
10
11		
12
13		<!-- Bootstrap CSS -->
14		<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
15
16		
17			<title>Gérer ma carte | éthi'Kdo</title>
18		
19
20		
21			<meta property="og:image" content="https://i.imgur.com/dOLoTta.png" />
22		
23
24		
25			<!-- Meta Styles -->
26			
27<style>
28
29/* Font Imports */
30
31@font-face {
32	font-family: 'Raleway';
33	src: url('/static/fonts/raleway/Raleway-Thin.woff2');
34	font-weight: 200;
35	font-style: normal;
36	font-display: swap;
37}
38
39@font-face {
40	font-family: 'Raleway';
41	src: url('/static/fonts/raleway/Raleway-ExtraLight.woff2');
42	font-weight: 300;
43	font-style: normal;
44	font-display: swap;
45}
46
47@font-face {
48	font-family: 'Raleway';
49	src: url('/static/fonts/raleway/Raleway-Light.woff2');
50	font-weight: 400;
51	font-style: normal;
52	font-display: swap;
53}
54
55@font-face {
56	font-family: 'Raleway';
57	src: url('/static/fonts/raleway/Raleway-Regular.woff2');
58	font-weight: 500;
59	font-style: normal;
60	font-display: swap;
61}
62
63@font-face {
64	font-family: 'Raleway';
65	src: url('/static/fonts/raleway/Raleway-SemiBold.woff2');
66	font-weight: 600;
67	font-style: normal;
68	font-display: swap;
69}
70
71@font-face {
72	font-family: 'Raleway';
73	src: url('/static/fonts/raleway/Raleway-Bold.woff2');
74	font-weight: 700;
75	font-style: normal;
76	font-display: swap;
77}
78
79@font-face {
80	font-family: 'Raleway';
81	src: url('/static/fonts/raleway/Raleway-ExtraBold.woff2');
82	font-weight: 800;
83	font-style: normal;
84	font-display: swap;
85}
86
87@font-face {
88	font-family: 'Raleway';
89	src: url('/static/fonts/raleway/Raleway-Heavy.woff2');
90	font-weight: 900;
91	font-style: normal;
92	font-display: swap;
93}
94
95
96:root {
97
98	/* Colors */
99
100	--primary-color: rgb(7, 8, 83); /* 070853, éthi'kdo blue */
101	--primary-color-light: #1f2064;
102	--primary-color-lighter: #6185b5;
103	--primary-color-dark: #050642;
104	--primary-color-darker: #040431;
105	--peach: #F5A37D;
106	--peach-light: #F7E1D7;
107	--teal: #457E8D;
108	--dark-color: #222;
109
110	--primary-color-tenth: rgba(7, 8, 83, .1);
111	--primary-color-quarter: rgba(7, 8, 83, .25);
112	--primary-color-mostly: rgba(7, 8, 83, .75);
113	--primary-color-nearly: rgba(7, 8, 83, .85);
114
115	/* Fonts */
116	--font-times: Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif;
117	--font-georgia: Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif", Georgia, serif;
118	--font-garamond: "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif;
119	--font-arial: Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
120	--font-verdana: Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;
121	--font-trebuchet: "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
122	--font-impact: Impact, Haettenschweiler, "Franklin Gothic Bold", Charcoal, "Helvetica Inserat", "Bitstream Vera Sans Bold", "Arial Black", sans-serif;
123	--font-monospace: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;
124
125	--font-raleway: Raleway, "Verdana", sans-serif;
126	--font-accent: var(--font-raleway);
127
128	/* Shadow */
129	--base-shadow: .05rem .05rem .25rem .05rem rgba(0,0,0,.25);
130	--light-shadow: 0 0 30px 6px rgba(31, 51, 73, 0.10);
131	--tiny-shadow: 0 0 .25rem 2px rgba(0,0,0,.05);
132	--stripe-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);
133	--inner-shadow: inset 0 0 .5rem 5px rgba(0,0,0,.25);
134	--tp-shadow: inset 0 .25rem .25rem -.25rem rgba(0,0,0,.5);
135	--tp-btm-shadow: inset 0 .25rem .25rem -.25rem rgba(0,0,0,.5), inset 0 -.25rem .25rem -.25rem rgba(0,0,0,.5);
136	--side-shadow: .15rem .15rem .25rem .05rem rgba(0,0,0,.25);
137
138	--card-shadow: 2px 2px 0 rgba(0,0,0,.5), -1px -1px 0 #eceef1, 1px 0 0 #eceef1;
139	--card-shadow-primary: 2px 2px 0 var(--primary-color), -1px -1px 0 #eceef1, 1px 0 0 var(--primary-color-lighter);
140	--card-shadow-dark: 2px 2px 0 #222, -1px -1px 0 #eceef1, 1px 0 0 #eceef1;
141	--card-shadow-error: 2px 2px 0 darkred, -1px -1px 0 #eceef1, 1px 0 0 #eceef1;
142	--text-stroke: 1px 1px .1rem black, -1px 1px .1rem black, 1px -1px .1rem black, -1px -1px .1rem black, 0 0 1rem black;
143	--meme-shadow : 
144		1px 1px 0 rgba(0,0,0,.5),
145		1px -1px 0 rgba(0,0,0,.5),
146		-1px 1px 0 rgba(0,0,0,.5),
147		-1px -1px 0 rgba(0,0,0,.5);
148	--meme-shadow-white : 
149		.1rem .1rem 0rem rgba(255,255,255,.85),
150		.1rem -.1rem 0rem rgba(255,255,255,.85),
151		-.1rem .1rem 0rem rgba(255,255,255,.85),
152		-.1rem -.1rem 0rem rgba(255,255,255,.85);
153
154	--error-background: repeating-linear-gradient(
155		45deg,
156		rgba(150, 0, 0, .9),
157		rgba(150, 0, 0, .9) 10px,
158		rgba(150, 0, 0, .8) 10px,
159		rgba(150, 0, 0, .8) 20px);
160}
161
162
163/* Responsiveness */
164
165:root { --base-font-size: 14px; }
166
167@media (min-width: 576px) {
168	:root { --base-font-size: 16px;	}
169}
170@media (min-width: 768px) {
171	:root { --base-font-size: 18px;	}
172}
173@media (min-width: 992px) {
174	:root { --base-font-size: 19px; }
175}
176@media (min-width: 1200px) {
177	:root { --base-font-size: 21px; }
178}
179
180</style>
181			
182
183<style>
184
185html {
186	font-size: var(--base-font-size);
187	scroll-behavior: smooth;
188}
189
190#old-browser {
191	background-color: #600000;
192	color: white; font-family: sans-serif;
193	padding: 7px 10px;
194	text-align: center;
195	font-size: 22px;
196}
197@supports (text-orientation: mixed) {
198	#old-browser { display: none;	}
199}
200
201@media (max-width: 800px) {
202	#old-browser { display: none;	}
203}
204
205body.scrolling #old-browser { display: none; }
206
207body#ethikdo {
208	font-family: var(--font-trebuchet);
209	color: rgba(0,0,0,.85);
210}
211
212@media (min-width: 721px) {
213	#page { min-height: 40vh; } /* Ensures that the footer stays at the bottom */	
214}
215
216
217/* Headings */
218
219#ethikdo h1,
220#ethikdo h2,
221#ethikdo h3,
222#ethikdo h4,
223#ethikdo h5,
224#ethikdo h6 {
225	font-family: var(--font-accent);
226}
227
228h1:not(:first-child),
229h2:not(:first-child),
230h3:not(:first-child),
231h4:not(:first-child),
232h5:not(:first-child),
233h6:not(:first-child) { margin-top: 1.5em; margin-bottom: 1rem; }
234
235h1, h2, h3, h4, h5, h6 { line-height: 1.2; font-weight: 500; margin-top: 0; margin-bottom: 1rem; }
236
237h1 { font-size: 1.6rem; }
238h2 { font-size: 1.4rem; }
239h3 { font-size: 1.25rem; }
240h4 { font-size: 1.15rem; }
241
242img.logo-text { height: .75em; position: relative; bottom: .12em; margin-left: .05em; }
243
244/* Text */
245
246p { margin-top: 0; line-height: 1.35; margin-bottom: 1rem; }
247ul { line-height: 1.35; list-style: disc outside none; padding-left: 1em; }
248li { margin-bottom: 1rem; }
249
250
251
252/* Links */
253
254p a:not(.button):not(.btn),
255p a:hover:not(.button):not(.btn),
256p a:active:not(.button):not(.btn),
257p a:visited:not(.button):not(.btn) {
258	text-decoration: underline;
259}
260p a:hover:not(.btn, .button) { text-decoration: underline; }
261
262a.dropdown-item:hover { text-decoration: underline; }
263.dropdown-item a { color: var(--primary-color); }
264
265a:focus { text-decoration: underline dotted !important; }
266
267a:not([href]).action:hover { cursor: pointer; color: var(--primary-color-dark); }
268
269a { color: var(--primary-color); }
270
271a.btn { text-decoration: none; }
272.btn {
273  display: inline-block;
274  padding: .25em .75em;
275  transition: 100ms transform ease-out;
276  margin-bottom: 1rem;
277  border-radius: 40px;
278}
279p .btn { margin-bottom: 0; }
280.btn-small { font-size: .8em; }
281
282.btn:hover { transform: translateY(-2px); }
283.btn:active { transform: translateY(2px);  transition: 50ms transform ease-out; }
284
285
286.btn-primary, .btn-primary:hover, .btn-primary:not(:disabled):not(.disabled):active {
287	background-color: var(--primary-color);
288	color: white;
289	border-color: var(--primary-color);
290}
291.btn-primary:focus,
292.btn-primary:not(:disabled):not(.disabled):active:focus,
293.form-control:focus {
294	box-shadow: 0 0 0 .2rem var(--primary-color-quarter);
295	border-color: var(--primary-color);
296}
297
298.btn-secondary { border: 1px solid var(--primary-color); }
299
300.btn-secondary, .btn-secondary:hover, .btn-secondary:not(:disabled):not(.disabled):active {
301	background-color: white;
302	color: var(--primary-color);
303	border-color: var(--primary-color);
304}
305.btn-secondary:focus,
306.btn-secondary:not(:disabled):not(.disabled):active:focus {
307	box-shadow: 0 0 0 .2rem var(--primary-color-quarter);
308	border-color: var(--primary-color);
309}
310
311/* Back go main site*/
312
313.breadcrumbs { margin-bottom: 2rem; display: block; }
314
315.back-to-main-site {
316	display: flex;
317	background-color: #eee;
318	color: #444;
319	border-bottom: 1px solid #ccc;
320}
321.back-to-main-site:hover { color: inherit; }
322.back-to-main-site__icon {
323	width: 2rem; height: 2rem;
324	padding-top: .1rem; padding-left: .1rem;
325	text-align: center;
326	border-right: 1px solid #ddd;
327}
328.back-to-main-site__icon > svg {
329	vertical-align: bottom;
330}
331.back-to-main-site__text { padding-top: .2rem; padding-left: .5rem; }
332
333
334/* Misc */
335
336span.avoidwrap { display:inline-block; }
337
338#ethikdo .help-block { font-size: .8em; margin-top: .25rem; opacity: .65; font-style: italic; }
339
340.center { text-align: center; }
341
342.dragscroll:hover {
343	cursor: -webkit-zoom-grab;
344	cursor: move;
345}
346
347.inner-shadow { box-shadow: var(--inner-shadow); }
348
349
350
351/* ICONS */
352
353.icon {
354	--icon-size: 1em;
355	height: var(--icon-size);
356	width: var(--icon-size);
357	stroke: currentColor;
358	stroke-width: 2;
359	transform-origin: center center;
360	transform: translateY(calc(var(--icon-size) / -10)) scale(1.05);
361}
362.icon--small { --icon-size: .9em; }
363.icon--large { --icon-size: 1.5em; }
364.icon--2x { --icon-size: 2em; }
365.icon--3x { --icon-size: 3em; }
366.icon--4x { --icon-size: 4em; }
367.icon--light { stroke-width: 1; }
368.icon--bold { stroke-width: 3; }
369.icon--notransform { transform: none; }
370.button .icon { margin-right: .5em; }
371
372/* FORM STYLES */
373
374.form { max-width: 40rem; padding: 1rem; margin: auto; text-align: left; }
375.form .text-field,
376.form .info-area,
377.form .choice-field {
378	margin-bottom: 1.5rem;
379}
380
381.form .radio-field {
382	display: grid;
383	grid-template-columns: 2rem auto;
384	padding: .5rem 0;
385}
386.form .radio-field input {
387	height: 1.4rem;
388}
389.form .radio-field + .radio-field { padding-top: 0; }
390
391.form .text-field label,
392.form .text-field input {
393	display: block;
394}
395
396.form .text-field textarea {
397	width: 100%;
398}
399
400.form .text-field label,
401.form .text-field input,
402.form .text-field textarea,
403.form .field__title,
404.form .field__description {
405	margin-bottom: .75rem;
406	line-height: 1.35;
407}
408
409.form .text-field label,
410.form .field__title,
411.form .field__description {
412	opacity: .9;
413}
414
415.form .text-field input,
416.form .text-field textarea {
417	background-color: #eee;
418	border: none;
419	padding: .5rem .75rem;
420	width: 100%;
421	opacity: .7;
422	transition: all 200ms ease-in-out;
423	box-shadow: var(--card-shadow);
424}
425
426.form .text-field input:hover,
427.form .text-field textarea:hover {
428	background-color: #ddd;
429}
430
431.form .text-field input:focus,
432.form .text-field textarea:focus {
433	background-image: url('/static/media/geometric-background-blue.svg');
434	background-size: cover;
435	background-position: center center;
436	color: white;
437	opacity: 1;
438	box-shadow: var(--card-shadow-primary);
439	outline: 0;
440}
441
442.form .text-field input:invalid:not(:placeholder-shown):not(:focus) {
443	color: white;
444	background: var(--error-background);
445	box-shadow: var(--card-shadow-error);
446}
447
448/* Choice fields */
449.form .choice-field input { display: none; }
450.form .choices {
451	display: flex;
452	flex-wrap: wrap;
453	margin: -.25rem -.25rem .75rem;
454}
455.form .choice {
456	margin: .25rem;
457	background-color: #eee;
458	padding: .5rem 1rem;
459	opacity: .7;
460	transition: all 200ms ease-in-out;
461	cursor: pointer;
462	width: calc(50% - .5rem);
463	box-shadow: var(--card-shadow);
464}
465
466.form .choice:hover { opacity: 1; }
467
468.form input:checked + .choice {
469	opacity: 1;
470	background-image: url('/static/media/geometric-background-blue.svg');
471	background-size: cover;
472	background-position: center center;
473	color: white;
474	cursor: default;
475	box-shadow: var(--card-shadow-primary);
476	outline: 0;
477}
478.form .choice__title {
479	text-transform: uppercase;
480	font-family: var(--font-accent);
481	font-weight: bold;
482}
483.form .choice__description {
484	font-size: .8rem;
485}
486
487.form input[type="checkbox"] + label { cursor: pointer; display: inline; }
488.form input[type="checkbox"],
489.form input[type="radio"] {
490	margin-right: .5em;
491	position: relative;
492	left: .2em;
493	bottom: .025em;
494}
495
496
497</style>
498		
499	<!-- Form Styles -->
500	<style>
501
502	#form { max-width: 32rem; padding: 0 2rem 2rem; margin: 0 auto; }
503
504	
505
506	.form-code { letter-spacing: .1em; font-family: var(--font-monospace);}
507
508	</style>
509
510
511		<!-- Dragscroll to allow click & drag, for example in navbar when screen is small -->
512		
512<script async src="https://asvd.github.io/jailed/demos/web/process/dragscroll.js"></script>
512
513
514		
515	<!-- Sentry -->
516		
516<script defer src="https://js.sentry-cdn.com/4a63da3aef1c4b73b1d20f663ff9b592.min.js" crossorigin="anonymous"></script>
516
517		
517<script>
518			Sentry.init({
519				dsn: "https://4a63da3aef1c4b73b1d20f663ff9b592@o4504391774502912.ingest.us.sentry.io/4504391776927744",
520				environment: "LIVE",
521			});
522		</script>
522
523	<!-- End Sentry -->
524
525		
526	<!-- Google Analytics -->
vendor: 65 bytes, lines 526-527
526
527	<script defer src="https://www.googletagmanager.com/gtag/js?id=
527G-5LNYE9Q8DK
vendor: 13 bytes, lines 527-528
527"></script>
528	
528<script defer>
529		
vendor: 133 bytes, lines 529-532
529window.dataLayer = window.dataLayer || [];
530		function gtag(){dataLayer.push(arguments);}
531		gtag('js', new Date());
532		gtag('config', '
532G-5LNYE9Q8DK
vendor: 31 bytes, lines 532-534
532', {'anonymize_ip': true});
533
534		
534// custom script to trigger events based on URL contents
535		document.addEventListener('click', (event) => {
536			var $clicked_element = event.target;
537			if ($clicked_element.tagName === 'A') {
538				var url = $clicked_element.href
539				// clicked element was a <a> tag
540				if (url.includes('https://calendly.com')){
541					// we have a calendly event
542					var url_data = url.split('/')
543					gtag('event', 'redirect_to_calendly', {
544						'account': url_data[3],
545						'meeting': url_data[4],
546					});
547				}
548			}
549		});
550
551	</script>
551
552	<!-- End Google Analytics -->
553
554		
555		
556	<!-- Crisp Chat -->
557	
557<script defer type="text/javascript">
558		window.$crisp=[];
559		window.CRISP_WEBSITE_ID="bddee5d8-1536-43db-bf8a-d1806eaafd31";
560		(function(){
561			d=document;
562			s=d.createElement("script");
563			s.src="https://client.crisp.chat/l.js";
564			s.async=1;
565			d.getElementsByTagName("head")[0].appendChild(s);
566		})();
567	</script>
567
568	<!-- End Crisp Chat -->
569
570		
571	<!-- Affilae --> 
572	
572<script defer type="text/javascript">
573        var _ae = {
574            "pid":"5f1ed0d10856337cd298d056",
575        };
576        (function() {
577            var element = document.createElement('script'); element.type = 'text/javascript'; element.async = true;
578            element.src = '//static.affilae.com/ae-v3.5.js';
579            var scr = document.getElementsByTagName('script')[0]; scr.parentNode.insertBefore(element, scr);
580        })();
581    </script>
581
582	<!-- End Affilae -->
583
584
585		
586			<meta name="robots" content="noindex">
587		
588		
589	</head>
590
591	<body id="ethikdo">
592
593		<div id="old-browser">
594			Vous utilisez un navigateur très ancien, et risquez de rencontrer des problèmes en utilisant notre site.<br/>
595			<small>Vous pouvez mettre à jour votre navigateur ou utilisez votre smartphone pour revenir nous voir !</small>
596		</div>
597
598		
599
600	
601	<div class="breadcrumbs">
602		<a class="back-to-main-site" href="/">
603			<div class="back-to-main-site__icon">
604				<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon--bold"><polyline points="15 18 9 12 15 6"/></svg>
605			</div>
606			<div class="back-to-main-site__text">
607				Retour
608			</div>
609		</a>
610	</div>
611	
612
613	<form id="form" method="post" action="">
614			
615			
616				<h1>Gérer ma carte 
617<img class="logo-text" src="/static/media/logo-text.png" alt="éthi'Kdo"></h1>
618			
619		
620
621		
622
623
624		<input type="hidden" name="csrfmiddlewaretoken" value="iqAkeUrEilHkQl4X19JTyGGkqyvqcXOfdNIKyXQbhNmAlyBLfPaaaOtkfhY3Ramv">
625
626		<div class="form-group"><label for="id_number">Numéro de carte</label><input type="text" name="number" placeholder="____ ____ ____ ____" class="form-control form-code sixteen-digit" pattern="[0-9]{4} [0-9]{4} [0-9]{4} [0-9]{4}" autofocus title="" required id="id_number"></div>
627<div class="form-group"><label for="id_crypto">Code secret</label><input type="text" name="crypto" placeholder="___" class="form-control form-code" pattern="[0-9]{3}" title="" required id="id_crypto"></div>
628		
629
630		<button id="submitButton" class="btn btn-lg btn-block btn-primary" type="submit">
631			Continuer
632		</button>
633
634	</form>
635
636
637
638	
638<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"57f444aa92734910b0996f456e9bfc07","r":1,"spa":2}' crossorigin="anonymous"></script>
638
639</body>
640
641	<!-- Utility -->
642	
642<script>
643		function qS(query) { return document.querySelector(query) }
644		function qA(query) { return document.querySelectorAll(query) }
645	</script>
645
646
647	<!-- jQuery first, then Popper.js, then Bootstrap JS -->
648	
648<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
648
649	
649<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/popper.min.js"></script>
649
650	
650<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
650
651
652	<!-- Cleave.js for number formatting-->
653	
653<script
654		src="https://cdnjs.cloudflare.com/ajax/libs/cleave.js/1.4.10/cleave.min.js"
655		integrity="sha256-CQKsNVBHNcpLo3y7AbnbBA3n6DOOFP0S6lmPModf4tQ="
656		crossorigin="anonymous"
657		></script>
657
658	
658<script>
659		qA('.sixteen-digit').forEach(field => {
660			new Cleave(field, {
661				blocks: [4, 4, 4, 4],
662				delimiter: ' ',
663				numericOnly: true
664			});
665		})
666	</script>
666
667
668	
669
670</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.