116 lines
4.1 KiB
HTML
116 lines
4.1 KiB
HTML
<?xml version="1.0" encoding="utf-8"?>
|
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
<head>
|
|
<meta name="x-ipub-version" content="0.1" />
|
|
<meta name="viewport"
|
|
content="initial-scale=1,width=device-width,height=device-height,viewport-fit=contain" />
|
|
<link href="../styles/stylesheet.css" rel="stylesheet" type="text/css" />
|
|
<!-- <script type="module" src="../scripts/ipub.js" fetchpriority="high"></script> -->
|
|
<script defer="true" src="../scripts/ipub.js" fetchpriority="high">
|
|
<!---->
|
|
</script>
|
|
</head>
|
|
<body xmlns:epub="http://www.idpf.org/2007/ops" class="body">
|
|
<ipub-body style="--ipub-padding: 10%;" debug="">
|
|
<ipub-cover>
|
|
<dialog>
|
|
<header>
|
|
<h1>Test comic</h1>
|
|
<form method="dialog">
|
|
<p>Click anywhere to
|
|
<button>start Reading</button></p>
|
|
</form>
|
|
</header>
|
|
</dialog>
|
|
</ipub-cover>
|
|
<main id="content">
|
|
<ipub-background id="background0001">
|
|
<img src="../images/background0001.jpg" width="100" height="100" />
|
|
</ipub-background>
|
|
<ipub-soundtrack style="--ipub-color:cyan">
|
|
<!-- TODO: Search on how to make this more accessible, more semantic as using <details> -->
|
|
<figure>
|
|
<label>
|
|
<input type="checkbox" />
|
|
<figcaption>Soundtrack 1</figcaption>
|
|
</label>
|
|
<ipub-audio>
|
|
<audio controls="true" volume="0" controlslist="nofullscreen"
|
|
disableremoteplayback="">
|
|
<source src="../audios/track1.webm" />
|
|
</audio>
|
|
</ipub-audio>
|
|
</figure>
|
|
</ipub-soundtrack>
|
|
<ipub-image>
|
|
<img src="../images/image0001.png" />
|
|
<ipub-interaction style="--ipub-y:88.5%;--ipub-x:6%" circle="">
|
|
<a href="https://krita.org" referrerpolicy="same-origin"
|
|
rel="external nofollow noopener noreferrer" target="_blank" />
|
|
</ipub-interaction>
|
|
<ipub-interaction style="--ipub-y:93.5%;--ipub-x:81.5%;--ipub-size:13%;">
|
|
<a href="https://guz.one" referrerpolicy="same-origin"
|
|
rel="external nofollow noopener noreferrer" target="_blank" />
|
|
</ipub-interaction>
|
|
</ipub-image>
|
|
<ipub-image>
|
|
<img src="../images/image0002.png" />
|
|
</ipub-image>
|
|
<ipub-soundtrack style="--ipub-color:green;">
|
|
<figure>
|
|
<label>
|
|
<input type="checkbox" />
|
|
<figcaption>Soundtrack 2</figcaption>
|
|
</label>
|
|
<ipub-audio>
|
|
<audio controls="true" volume="0" controlslist="nofullscreen"
|
|
disableremoteplayback="">
|
|
<source src="../audios/track2.webm" />
|
|
</audio>
|
|
</ipub-audio>
|
|
</figure>
|
|
</ipub-soundtrack>
|
|
<ipub-background id="background0002">
|
|
<picture>
|
|
<img src="../images/background0002.jpg" />
|
|
</picture>
|
|
</ipub-background>
|
|
<ipub-image>
|
|
<img src="../images/image0003.png" />
|
|
</ipub-image>
|
|
<ipub-image>
|
|
<img src="../images/image0004.png" />
|
|
</ipub-image>
|
|
<ipub-background id="background0003">
|
|
<picture>
|
|
<img src="../images/background0003.jpg" />
|
|
</picture>
|
|
</ipub-background>
|
|
<ipub-image>
|
|
<img src="../images/image0002.png" />
|
|
</ipub-image>
|
|
<ipub-soundtrack style="--ipub-color:yellow;">
|
|
<figure>
|
|
<label>
|
|
<input type="checkbox" />
|
|
<figcaption>Soundtrack 3</figcaption>
|
|
</label>
|
|
<ipub-audio>
|
|
<audio controls="true" volume="0" controlslist="nofullscreen"
|
|
disableremoteplayback="">
|
|
<source src="../audios/track3.webm" />
|
|
</audio>
|
|
</ipub-audio>
|
|
</figure>
|
|
</ipub-soundtrack>
|
|
<ipub-image>
|
|
<img src="../images/image0003.png" />
|
|
</ipub-image>
|
|
<ipub-image>
|
|
<img src="../images/image0004.png" />
|
|
</ipub-image>
|
|
</main>
|
|
</ipub-body>
|
|
</body>
|
|
</html>
|