85 lines
3.4 KiB
HTML
85 lines
3.4 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" />
|
|
<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-content style="--ipub-padding: 10%;">
|
|
<main>
|
|
<ipub-background id="background0001" sticky="">
|
|
<img src="../images/background0001.jpg" width="100" height="100" />
|
|
</ipub-background>
|
|
<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>
|
|
<section data-ipub-element="page" id="page02">
|
|
<span data-ipub-element="image">
|
|
<img src="../images/image0002.png" />
|
|
</span>
|
|
<!--
|
|
This in the UI would be an "Area Interaction". The editor would first place
|
|
the first top-left point, and then the bottom-right one, to select an area/size
|
|
of the interaction.
|
|
|
|
The element wound not have a "action" per say, but would have a "on screen" trigger,
|
|
which in itself would have the action "play sound".
|
|
-->
|
|
<audio data-ipub-element="interaction" data-ipub-trigger="on-screen" controls="true"
|
|
volume="0" style="--ipub-x: 20%; --ipub-y: 25%; --ipub-width: 50%; --ipub-height: 50%;"
|
|
id="int-audio0001">
|
|
<source src="../audios/audio0001.wav.disable" />
|
|
</audio>
|
|
</section>
|
|
<ipub-background sticky="" fade="" id="background0002">
|
|
<picture>
|
|
<img src="../images/background0002.jpg" />
|
|
</picture>
|
|
</ipub-background>
|
|
<section data-ipub-element="page" id="page03">
|
|
<span data-ipub-element="image">
|
|
<img src="../images/image0003.png" />
|
|
</span>
|
|
</section>
|
|
<section data-ipub-element="page" id="page04">
|
|
<span data-ipub-element="image">
|
|
<img src="../images/image0004.png" />
|
|
</span>
|
|
</section>
|
|
<ipub-background sticky="" fade="" id="background0003">
|
|
<picture>
|
|
<img src="../images/background0003.jpg" />
|
|
</picture>
|
|
</ipub-background>
|
|
<section data-ipub-element="page" id="page02">
|
|
<span data-ipub-element="image">
|
|
<img src="../images/image0002.png" />
|
|
</span>
|
|
</section>
|
|
<section data-ipub-element="page" id="page04">
|
|
<span data-ipub-element="image">
|
|
<img src="../images/image0003.png" />
|
|
</span>
|
|
</section>
|
|
<section data-ipub-element="page" id="page04">
|
|
<span data-ipub-element="image">
|
|
<img src="../images/image0004.png" />
|
|
</span>
|
|
</section>
|
|
</main>
|
|
</ipub-content>
|
|
</body>
|
|
</html>
|