Pages on Hypnodingues https://hypnodingues.org/pages/ Recent content in Pages on Hypnodingues Hugo fr-CH Bye bye Dom https://hypnodingues.org/bye-bye-dom/ Mon, 01 Jan 0001 00:00:00 +0000 https://hypnodingues.org/bye-bye-dom/ <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>hypnodingues.org</title> <link href='http://fonts.googleapis.com/css?family=Pinyon+Script' rel='stylesheet' type='text/css' /> <style type="text/css">/* +++ master +++ */ /* html elements */ body { margin: 0; padding: 0; border: 0; vertical-align: baseline; overflow:hidden; background-color: #f2f2f2; color: #3c3c3c; font-size: 110%; -webkit-font-smoothing: antialiased; widows: 2; orphans: 2; text-align: center; } .first_letter { color: black; font-size: 1.5em; } .ornement { width: 200px; color: #3c3c3c; } a { color: #308bd8; text-decoration:none; } a:hover { text-decoration: underline; } /* headings */ h1, h2 { line-height:1.2em; margin-bottom:12px; } h1 { padding: 2cm 0; font-size: 2em; font-weight: 100;} h2 { margin: 0 0 -0.6cm; padding: 2cm 0 0; font-size: 1.2em; font-weight: 100;} h1:first-child { margin-top:0; } h3, h4, h5, h6 { margin-top:12px; margin-bottom:6px; } h5, h6 { font-size:0.9em; line-height:1.0em; margin-bottom:0; } /* end of headings */ p { margin:0 0 24px 0; } p:last-child { margin-bottom:0; } hr { width: 100%; margin: 3em auto; border: 0; color: #eee; background-color: #ccc; height: 1px; -webkit-box-shadow:0px 1px 0px rgba(255, 255, 255, 0.75); } /* lists */ ol { list-style: outside decimal; } ul { list-style: outside disc; } ol, ul { padding-left:0; margin-bottom:24px; } ol li { margin-bottom:16px; margin-left:28px; } ul li { margin-bottom:16px; margin-left:16px; } li:last-child { margin-bottom:0; } li > p { margin-bottom:12px; } li > ol, li > ul { margin-top: 16px !important; padding-left:16px; } dl { margin-bottom:24px; } dl dt { font-weight:bold; margin-bottom:8px; } dl dd { margin-left:0; margin-bottom:12px; } dl dd:last-child, dl:last-child { margin-bottom:0; } /* end of lists */ pre { width: 96%; overflow: hidden; padding: 3px 20px; -webkit-border-radius: 3px; background-color: #eee; border: 1px solid #ddd; font-family: inherit; text-align: justify; white-space: pre-line; widows: 2; orphans: 2; hyphens: auto; } code { white-space: nowrap; font-size: 1.1em; padding: 2px; -webkit-border-radius: 3px; background-color: #eee; border: 1px solid #ddd; } pre code { white-space: pre-wrap; border: none; padding: 0; background-color: transparent; -webkit-border-radius: 0; } blockquote { margin-left: 0; margin-right: auto; width: 96%; padding: 0 10px; border-left: 3px solid #ddd; color: #777; } table { margin-left: auto; margin-right: auto; margin-bottom: 24px; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; border-spacing: 0; } table th { padding: 3px 10px; background-color: #eee; border-top: 1px solid #ddd; border-left: 1px solid #ddd; } table tr { } table td { padding: 3px 10px; border-top: 1px solid #ddd; border-left: 1px solid #ddd; } caption { font-size: 1.2em; font-weight: bold; margin-bottom: 5px; } figure { display: block; text-align: center; } img { border: none; margin: 1em auto 0; max-width: 100%; } figcaption { font-size: 0.8em; font-style: italic; } mark { background: #fefec0; padding:1px 3px; } /* unique elements */ #wrapper { position: fixed; width: 99.9%; height: 100%; overflow-y: scroll; overflow-x: hidden; font-size: 1.0em; } #content { width: 850px; margin: 0 auto 0 auto; padding: 30px 0 30px 0; font-family: Cochin, Palatino, Georgia, serif; font-family: 'Pinyon Script', Zapfino, cursive; font-size: 1.7em; line-height: 1.400000em; } #wrapper::-webkit-scrollbar { width: 8px; height: 10px; -webkit-transition: all .45s ease-in; position: relative; } #wrapper::-webkit-scrollbar-button:start:decrement, #wrapper::-webkit-scrollbar-button:end:increment { height: 0px; display: block; background-color: transparent; } #wrapper::-webkit-scrollbar-track-piece { background-color: transparent; -webkit-border-radius: 6px; } #wrapper::-webkit-scrollbar-thumb:vertical { height: 50px; background-color: #c8c8c8; -webkit-border-radius: 6px; -webkit-transition: all .45s ease-in; } /* classes */ .markdowncitation { } .footnote { font-size: 0.8em; vertical-align: super; } .footnotes ol { font-weight: bold; } .footnotes ol li p { font-weight: normal; } /* custom formatting classes */ .shadow { -webkit-box-shadow: 0 2px 4px #999; } .source { text-align: center; font-size: 0.8em; color: #777; margin: -40px; } /* --- master --- */ /* +++ export overrides +++ */ #wrapper { width: 99.9%; } #content { width: 850px; margin-left: auto; margin-right: auto; } /* Mobile support */ @media only screen and (max-device-width:1024px) { html { overflow: auto; } #wrapper { overflow: auto; position: relative; } } /* --- export overrides --- */ /* Printing support (Print and export to PDF). * Override all printing colors to match the Light theme. */ @media print { body { font-size: 80%; } .no_print { display: none; } /* img { display: none;} */ h1 { padding: 1cm 0 1cm; } h2 { page-break-before: always; margin: 0; padding: 0; } pre { font-size: 70%; line-height: 1.2em; border: none; margin: 0 auto; padding:0 1em 1em; width: 90%; } @page { size: A5; margin: 0.8cm; } img, blockquote, table, figure { page-break-inside: avoid; } object { display: none; } body { background-color:#fff; } #wrapper { position: static; overflow: hidden; color: #3c3c3c; width: 100%; margin: 0 auto; } .footnotes { page-break-before: always; } #content { margin: 0 auto; padding: 0; width: 98%; } #top-fader, #bottom-fader { display: none; } a { color: #3c3c3c; } hr { color:#ddd; background-color:#ddd; -webkit-box-shadow:0px 1px 0px #ddd; } pre { background-color:transparent; } code { background-color:transparent; border: 1px solid #ddd; } blockquote { border-left: 3px solid #ddd; color: #3c3c3c; } table { border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; } table th { background-color:transparent; border-top: 1px solid #ddd; border-left: 1px solid #ddd; } table td { border-top: 1px solid #ddd; border-left: 1px solid #ddd; } mark { background:transparent; color: #3c3c3c; } .source { color: #3c3c3c; } } </style> </head> <body lang="fr"> <div id="wrapper"> <div id="content"> <div style="page-break-inside: avoid"> <h1>Bye bye Dom</h1> <!-- <p>Tu nous manqueras</p> Cool Map https://hypnodingues.org/coolmap/ Mon, 01 Jan 0001 00:00:00 +0000 https://hypnodingues.org/coolmap/ <!DOCTYPE html> <html lang="en"> <head> <title>Cool Map</title> <meta charset="utf-8"> <meta property="og:description" content="Display a globe with a vector map." /> <meta property="og:created" content="2026-05-31" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="icon" href="https://hypnodingues.org/assets/favicon.ico"> <link rel="stylesheet" href="https://unpkg.com/maplibre-gl@5.24.0/dist/maplibre-gl.css" /> <script src="https://unpkg.com/maplibre-gl@5.24.0/dist/maplibre-gl.js"></script> <style> body { margin: 0; padding: 0; background-color: black; } html, body, #map { height: 100%; } </style> </head> <body> <div id="map"></div> <script> const map = new maplibregl.Map({ container: 'map', style: 'https://demotiles.maplibre.org/style.json', zoom: 2, center: [0, 0], }); map.on('style.load', () => { map.setProjection({ type: 'globe', }); }); </script> </body> </html>