1<!DOCTYPE html> 2<html lang="en" class="automad-standard-v1-dark"> 3<head><meta name="Generator" content="Automad 2.0.0-beta.9"><link rel="canonical" href="https://eclo.re/docs"><meta charset="utf-8"><title>Docs | eclo.re</title><link rel="alternate" type="application/rss+xml" title="eclo.re | RSS" href="https://eclo.re/feed"><meta name="description" content="Support Page & Generic Manual"><meta property="og:title" content="Docs | eclo.re"><meta property="og:description" content="Support Page & Generic Manual"><meta property="og:image" content="https://eclo.re/cache/images/og-a286d595d28ebd9f33414638f512d701abfbf28824385f40766b0eed86029354.png"><meta property="og:type" content="website"><meta property="og:url" content="https://eclo.re/docs"><meta name="twitter:card" content="summary_large_image"><link href="/automad/dist/build/blocks/index.css?m=1767821059" rel="stylesheet">
3<script src="/automad/dist/build/blocks/index.js?m=1767821059" type="module"></script>
3 4 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 5 <meta name="viewport" content="width=device-width, initial-scale=1"> 6 <link href="/shared/icon-eclore.png?m=1720908727" rel="shortcut icon" type="image/x-icon" /> 7 8 9 <link href="/packages/automad/standard-v1/dist/standard.min.css?m=1762337260" rel="stylesheet"> 10
10<script src="/packages/automad/standard-v1/dist/standard.min.js?m=1762337260"></script>
10 11 <style>:root.automad-standard-v1-dark {--color-page-text: #ffffff;--color-page-bg: #1f1f1f;--color-page-border: #1f1f1f;--color-navbar-text: #ffffff;--color-navbar-bg: #1f1f1f;--color-navbar-border: #1f1f1f;--color-card-text: #ffffff;--color-card-bg: #333333;--color-card-border: #333333;--color-code-bg: #1f1f1f;}</style> 12 13 <link href="https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@1,100;1,400;1,500&display=swap" rel="stylesheet">
14<script src="https://cdn.plyr.io/3.7.8/plyr.js"></script>
14 15<link rel="stylesheet" href="https://cdn.plyr.io/3.7.8/plyr.css" />
16<script type="text/javascript" src="https://payhip.com/payhip.js"></script>
16 17<style> 18@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@1,100;1,400;1,500&display=swap'); 19 20 21font-family: 'Barlow Condensed', sans-serif; 22 font-weight: 100; 23font-style: italic; 24 25html, body { 26 font-family: Barlow Condensed, sans-serif; 27 font-weight: 100; 28font-style: italic; 29 30 31 } 32body { 33 font-family: Barlow Condensed, sans-serif; 34 font-size: 100%; 35 font-weight: 100; 36font-style: italic; 37 38 } 39.hero { 40 display: none; 41 42} 43.navbar-brand img, .uk-navbar-brand svg { 44 max-height: 90%; 45 width: 90%; 46} 47 48.navbar-push { 49 padding-top: 40px!important; 50} 51 52 53.uk-navbar-nav>li>a { 54 font-family: Barlow Condensed, sans-serif; 55 font-size: 100%; 56 font-weight: 500; 57 58 } 59 60li { 61 font-family: Barlow Condensed, sans-serif; 62 font-size: 100%; 63 font-weight: 100; 64 65 } 66 67h1 { 68 font-size: 200%; 69 font-family: Barlow Condensed, sans-serif; 70 font-weight: 500; 71 font-style: italic; 72 73 } 74 75h2 { 76 font-size: 150%; 77 color: white; 78 font-family: Barlow Condensed, sans-serif; 79 font-weight: 400; 80 } 81 82h3 { 83 font-size: 120%; 84 color: white; 85 font-family: Barlow Condensed, sans-serif; 86 font-weight: 400; 87 } 88 89h4 { 90 font-size: 180%; 91 font-family: Barlow Condensed, sans-serif; 92 font-weight: 200; 93 94 } 95 96p { 97 font-size: 100%; 98 font-family: Barlow Condensed, sans-serif; 99 font-weight: 100; 100 } 101 102.content blockquote { 103 font-size: 90%; 104 font-family: Barlow Condensed, sans-serif; 105 font-weight: 100; 106 } 107 108.content figcaption { 109 font-size: 60%; 110 font-family: Barlow Condensed, sans-serif; 111 font-weight: 100; 112 margin-top: .105rem; 113 margin-bottom: .75rem; 114 } 115 116a { 117 font-size: 100%; 118 font-family: Barlow Condensed, sans-serif; 119 font-weight: 400; 120 color: #ffffff; 121 } 122 123.footer { 124 font-size: 70%; 125 font-family: Barlow Condensed, sans-serif; 126 font-weight: 400; 127} 128.input { 129 font-size: 100%; 130 font-family: Barlow Condensed, sans-serif; 131 font-weight: 400; 132} 133 134.uk-panel-title { 135 font-size: 1.4rem; 136 font-weight: 500; 137} 138.text-subtitle { 139 display: none; 140} 141 142.btn, .btn-primary { 143 font-family: Barlow Condensed, sans serif; 144 font-weight: 100; 145 font-style: italic; 146 border: 0px solid #ddd; 147 border-bottom: 0px; 148 cursor: pointer; 149 font-size: 16px; 150 margin-top: 10px; 151 padding: 10px; 152 padding-left: 20px; 153 text-align: left; 154 width: 100%; 155 } 156 157 table { 158 margin: -15px; 159 160} 161 162 td, th { 163 text-align: left; 164 border-spacing: 0px; 165 float: left; 166 167} 168 169 170 171.panel-more,#text { 172 display: none; 173opacity: 100; 174} 175 176 177/* 1. Réduire l'espace entre les paragraphes standards */ 178p { 179 margin-bottom: 0.8rem !important; /* Ajuste cette valeur selon tes goûts */ 180 margin-top: 0 !important; 181} 182 183/* 2. Cibler les blocs spécifiques d'Automad (Slicer/Smasher de blocs) */ 184.am-block, 185.am-paragraph, 186.ce-block__content { 187 margin-top: 0 !important; 188 margin-bottom: 0.5rem !important; /* C'est ici que se joue le gros de l'écart */ 189 padding-top: 0 !important; 190 padding-bottom: 0 !important; 191} 192 193/* 3. Réduire l'espacement du système de grille si utilisé */ 194:root { 195 --am-block-margin: 0.5rem; /* Variable native Automad souvent responsable */ 196 --am-flex-gap: 0.5rem; 197} 198 199/* 4. Supprimer l'espace vide entre les blocs consécutifs */ 200.am-block + .am-block { 201 margin-top: 0.2rem !important; 202} 203 204 205 206 207.am-input { 208 background-color: #E1E1E1; 209 210} 211 212@media (max-width: 72rem) { 213 .cards-large { 214 grid-template-columns:1fr 215 } 216 am-flex { 217 display: block; 218 } 219} 220 221</style> 222 223
224<script src="/surfer/wavesurfer.min.js"></script>
224 225</head> 226 227<body class="post"> 228 229<div class="navbar navbar-transparent"> 230 <div class="uk-container uk-container-center"> 231 <nav class="uk-navbar"> 232 <a href="/" class="uk-navbar-brand"><img 233 src="/cache/images/eclore-logo-2024-pal.1bde01cd.png" 234 srcset="/cache/images/eclore-logo-2024-pal.dc634157.png 2x" 235 alt="eclore-logo-2024-pal.png" 236 ></a> 237 <div class="uk-navbar-flip"> 238 <ul class="uk-navbar-nav uk-visible-large"> 239 240 </ul> 241 242 <a 243 href="#modal-nav" 244 class="navbar-toggle uk-navbar-content " 245 data-modal-toggle="#modal-nav" 246 > 247 <span aria-hidden="true"></span> 248 <span aria-hidden="true"></span> 249 <span aria-hidden="true"></span> 250 </a> 251 252 <div id="modal-nav" class="uk-modal"> 253 <div class="uk-modal-dialog uk-modal-dialog-blank"> 254 <div class="uk-container uk-container-center"><div class="uk-block "> 255 256 257 <ul class="uk-nav uk-nav-side"><li> 258 <a href="/collection"><span class="nav-icon"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-boombox-fill" viewBox="0 0 16 16"> 259 <path d="M14 0a.5.5 0 0 1 .5.5V2h.5a1 1 0 0 1 1 1v2H0V3a1 1 0 0 1 1-1h12.5V.5A.5.5 0 0 1 14 0M2 3.5a.5.5 0 1 0 1 0 .5.5 0 0 0-1 0m2 0a.5.5 0 1 0 1 0 .5.5 0 0 0-1 0m7.5.5a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1m1.5-.5a.5.5 0 1 0 1 0 .5.5 0 0 0-1 0M9.5 3h-3a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1M6 10.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0m-1.5.5a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1m7 1a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3m.5-1.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0"/> 260 <path d="M0 6h16v8a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1zm2 4.5a2.5 2.5 0 1 0 5 0 2.5 2.5 0 0 0-5 0m7 0a2.5 2.5 0 1 0 5 0 2.5 2.5 0 0 0-5 0"/> 261</svg></span>Collection</a></li><li> 262 <a href="/player"><span class="nav-icon"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-music-player" viewBox="0 0 16 16"> 263 <path d="M4 3a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1zm1 0v3h6V3zm3 9a1 1 0 1 0 0-2 1 1 0 0 0 0 2"/> 264 <path d="M11 11a3 3 0 1 1-6 0 3 3 0 0 1 6 0m-3 2a2 2 0 1 0 0-4 2 2 0 0 0 0 4"/> 265 <path d="M2 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2zm2-1a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1z"/> 266</svg></span>Player</a></li><li> 267 <a href="/gen"><span class="nav-icon"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-cassette-fill" viewBox="0 0 16 16"> 268 <path d="M1.5 2A1.5 1.5 0 0 0 0 3.5v9A1.5 1.5 0 0 0 1.5 14h.191l1.862-3.724A.5.5 0 0 1 4 10h8a.5.5 0 0 1 .447.276L14.31 14h.191a1.5 1.5 0 0 0 1.5-1.5v-9A1.5 1.5 0 0 0 14.5 2zM4 7a1 1 0 1 1 0-2 1 1 0 0 1 0 2m8 0a1 1 0 1 1 0-2 1 1 0 0 1 0 2M6 6a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2H7a1 1 0 0 1-1-1"/> 269 <path d="m13.191 14-1.5-3H4.309l-1.5 3z"/> 270</svg></span>Gen</a></li><li class="uk-active"> 271 <a href="/docs"><span class="nav-icon"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-nut-fill" viewBox="0 0 16 16"> 272 <path d="M4.58 1a1 1 0 0 0-.868.504l-3.428 6a1 1 0 0 0 0 .992l3.428 6A1 1 0 0 0 4.58 15h6.84a1 1 0 0 0 .868-.504l3.429-6a1 1 0 0 0 0-.992l-3.429-6A1 1 0 0 0 11.42 1zm5.018 9.696a3 3 0 1 1-3-5.196 3 3 0 0 1 3 5.196"/> 273</svg></span>Docs</a> 274 <ul class="uk-nav uk-nav-side"><li> 275 <a href="/docs/manual"><span class="nav-icon"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-nut-fill" viewBox="0 0 16 16"> 276 <path d="M4.58 1a1 1 0 0 0-.868.504l-3.428 6a1 1 0 0 0 0 .992l3.428 6A1 1 0 0 0 4.58 15h6.84a1 1 0 0 0 .868-.504l3.429-6a1 1 0 0 0 0-.992l-3.429-6A1 1 0 0 0 11.42 1zm5.018 9.696a3 3 0 1 1-3-5.196 3 3 0 0 1 3 5.196"/> 277</svg></span>Manual</a></li> 278 </ul></li><li> 279 <a href="/blog"><span class="nav-icon"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-pen" viewBox="0 0 16 16"> 280 <path d="m13.498.795.149-.149a1.207 1.207 0 1 1 1.707 1.708l-.149.148a1.5 1.5 0 0 1-.059 2.059L4.854 14.854a.5.5 0 0 1-.233.131l-4 1a.5.5 0 0 1-.606-.606l1-4a.5.5 0 0 1 .131-.232l9.642-9.642a.5.5 0 0 0-.642.056L6.854 4.854a.5.5 0 1 1-.708-.708L9.44.854A1.5 1.5 0 0 1 11.5.796a1.5 1.5 0 0 1 1.998-.001m-.644.766a.5.5 0 0 0-.707 0L1.95 11.756l-.764 3.057 3.057-.764L14.44 3.854a.5.5 0 0 0 0-.708z"/> 281</svg></span>Blog</a></li><li> 282 <a href="/contact-and-faq"><span class="nav-icon"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-send" viewBox="0 0 16 16"> 283 <path d="M15.854.146a.5.5 0 0 1 .11.54l-5.819 14.547a.75.75 0 0 1-1.329.124l-3.178-4.995L.643 7.184a.75.75 0 0 1 .124-1.33L15.314.037a.5.5 0 0 1 .54.11ZM6.636 10.07l2.761 4.338L14.13 2.576zm6.787-8.201L1.591 6.602l4.339 2.76z"/> 284</svg></span>Contact & FAQ</a></li><li> 285 <a href="/about"><span class="nav-icon"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-compass" viewB
285ox="0 0 16 16"> 286 <path d="M8 16.016a7.5 7.5 0 0 0 1.962-14.74A1 1 0 0 0 9 0H7a1 1 0 0 0-.962 1.276A7.5 7.5 0 0 0 8 16.016m6.5-7.5a6.5 6.5 0 1 1-13 0 6.5 6.5 0 0 1 13 0"/> 287 <path d="m6.94 7.44 4.95-2.83-2.83 4.95-4.949 2.83 2.828-4.95z"/> 288</svg></span>About</a></li> 289 </ul> 290 </div> 291 </div> 292 </div> 293 </div> 294 </div> 295 </nav> 296 </div> 297</div> 298 <section class="hero content"><p class="am-block">Support Page & Generic Manual</p></section> 299 <div class="uk-container uk-container-center"> 300 301 302 303 304 <main class="content uk-block"> 305 306 307 <am-stretched> <section class="am-block"> 308 <am-layout-section class="am-justify-start am-align-normal am-card" style="background-blend-mode: normal; border-width: 0px; border-style: solid; overflow: hidden; height: 100%; box-shadow: var(--am-layout-section-shadow);"> 309 <am-flex><am-1-1> <section class="am-block"> 310 <am-layout-section class="am-justify-start am-align-start am-card" style="background-color: #333333; background-blend-mode: normal; border-width: 0px; border-style: solid; overflow: hidden; box-shadow: var(--am-layout-section-shadow); --am-layout-section-color: #ffffff; --am-layout-section-border-color: #333333;"> 311 <am-flex><am-1-2><h2 id="eclo-re-player-generic-manual-and-nbsp" class="am-block"><am-inline-align style="text-align: left; display: block;"><am-inline-font-size style="font-size: 130%;">eclo.re player</am-inline-font-size> - <a href="/docs/manual">Generic Manual</a> </am-inline-align></h2></am-1-2><am-1-2><h2 id="eclo-re-gen-and-nbsp-user-guide" class="am-block"><am-inline-align style="text-align: left; display: block;"><am-inline-font-size style="font-size: 130%;">eclo.re/<strong>gen</strong></am-inline-font-size> - <a href="https://eclo.re/support/ECLO.RE_GEN%20User%20Guide.pdf" target="_blank">User Guide</a></am-inline-align></h2></am-1-2></am-flex> 312 </am-layout-section> 313 </section></am-1-1><am-1-1> <section class="am-block"> 314 <am-layout-section class="am-justify-start am-align-start am-card" style="background-color: #333333; background-blend-mode: normal; border-width: 0px; border-style: solid; overflow: hidden; box-shadow: var(--am-layout-section-shadow); --am-layout-section-color: #ffffff; --am-layout-section-border-color: #333333;"> 315 <am-flex><am-1-2> <figure class="am-block"> 316 <a href="/docs/manual"><am-img-loader 317 src="/shared/eclore-2025-presentation.jpg?m=1747152321" 318 alt="" 319 width="2714" 320 height="2480" 321 image="/cache/images/eclore-2025-presentation.537ffdbc.jpg" 322 preload="/cache/images/eclore-2025-presentation-537ffdbc.94791076.jpg" 323></am-img-loader></a> 324 325 </figure></am-1-2><am-1-2> <figure class="am-block"> 326 <a href="https://eclo.re/support/ECLO.RE_GEN%20User%20Guide.pdf" target="_blank"><am-img-loader 327 src="/pages/docs/square2.png?m=1772100188" 328 alt="" 329 width="1064" 330 height="1064" 331 image="/cache/images/square2.312d01b3.png" 332 preload="/cache/images/square2-312d01b3.191841f8.png" 333></am-img-loader></a> 334 335 </figure></am-1-2></am-flex> 336 </am-layout-section> 337 </section></am-1-1></am-flex> 338 </am-layout-section> 339 </section></am-stretched> 340 341 342 </main> 343 <div class="content uk-block"> 344 345 </div> 346 347 <footer class="uk-block"> 348 <div class="am-block footer uk-margin-bottom"> 349 <ul class="uk-grid uk-grid-width-medium-1-2" data-uk-grid-margin> 350 <li> 351 <a href="/contact-and-faq/privacy-policy-and-legal-informations"><span class="nav-icon"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-compass" viewBox="0 0 16 16"> 352 <path d="M8 16.016a7.5 7.5 0 0 0 1.962-14.74A1 1 0 0 0 9 0H7a1 1 0 0 0-.962 1.276A7.5 7.5 0 0 0 8 16.016m6.5-7.5a6.5 6.5 0 1 1-13 0 6.5 6.5 0 0 1 13 0"/> 353 <path d="m6.94 7.44 4.95-2.83-2.83 4.95-4.949 2.83 2.828-4.95z"/> 354</svg></span>Privacy Policy & Legal Informations</a><br /> 355 </li> 356 <li class="uk-text-right uk-text-left-small"> 357 <a href="/"> 358 © 2026 eclo.re 359 </a> 360 </li> 361 </ul> 362 363 <style> 364.content figure, .content form { 365 margin-top: 0; 366 margin-bottom: 0; 367 color: #E1E1E1; 368} 369</style> 370 371 372<div>Music collection & library composed & produced by Sylvain Stoppani. //// All rights reserved ECLO.RE© 2024/26. 373</div> 374 </div> 375 </footer> 376 </div> 377</body> 378</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.