45 lines
1.8 KiB
HTML
45 lines
1.8 KiB
HTML
<div id="melpomene">
|
|
<!-- Melpomene comic reader -->
|
|
<!-- CC-BY-NC-SA https://git.aribaud.net/caribaud/melpomene/ -->
|
|
|
|
<div id="melpomene-content-frame">
|
|
|
|
<div id="melpomene-pages" hidden>
|
|
<!-- your img tags here, see documentation -->
|
|
</div>
|
|
|
|
<div id="melpomene-focus-container">
|
|
<div></div>
|
|
<div id="melpomene-focus-col">
|
|
<div></div>
|
|
<div id="melpomene-focus"></div>
|
|
<div></div>
|
|
</div>
|
|
<div></div>
|
|
</div>
|
|
|
|
<div id="melpomene-help-menu" style="opacity:1; transform: translate(0,0);">
|
|
<div><div class="melpomene-key">←</div>/ scroll up / clic : previous</div>
|
|
<div><div class="melpomene-key">→</div>/ scroll down / clic : next</div>
|
|
<div>-----------------------</div>
|
|
<div><div class="melpomene-key">F</div>: Toggle fullscreen</div>
|
|
<div><div class="melpomene-key">P</div>: Toggle progress bar</div>
|
|
<div><div class="melpomene-key">V</div>: Toggle panel / page viewing mode</div>
|
|
<div>-----------------------</div>
|
|
<div id="melpomene-version" class="melpomene-credits">Melpomene comic reader - Unknown version</div>
|
|
<div class="melpomene-credits">CC-BY-NC-SA 4.0 / <a target="_blank" href="https://git.aribaud.net/caribaud/melpomene">credits</a></div>
|
|
</div>
|
|
|
|
<div id="melpomene-nav-controls">
|
|
<div onclick="moveReader(false,false)"></div>
|
|
<div onclick="moveReader(true,false)"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="melpomene-progress-container">
|
|
<div id="melpomene-progress-bar"></div>
|
|
<div id="melpomene-progress-sections"></div>
|
|
</div>
|
|
|
|
</div>
|