self-conscious-design
clone your own copy | download snapshot

Snapshots | iceberg

No images in this repository’s iceberg at this time

Inside this repository
EpubStory6.xhtml
application/xhtml+xml

Download raw (2.1 KB)

<?xml version="1.0" encoding="UTF-8"?>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"
	xmlns:epub="http://www.idpf.org/2007/ops">
	<head>
		<meta charset="utf-8"></meta>
		<title>Un Epub dont vous êtes le lecteur</title>
		<link rel="stylesheet" type="text/css" href="css/style.css" class="day" title="day"/> 
		<script src="scripts/Finger.js"></script>
	</head>


<body>
    <div class="entete">
    <h1>Un Epub dont vous êtes le dessinateur</h1>
    </div>
	<h2> Get your hands dirty!<br /> Draw me a dragon !</h2>

    <canvas id="canvas" width="500px" height="500px">
    Your browser does not support the HTML 5 Canvas. 
    </canvas>

<div>



<p>Color selected: <span id="color_chosen">Black</span></p>
<p>
<input type="button" id="Red" style="background-color: red; width: 25px; height: 25px;"/>
<input type="button" id="Orange" style="background-color: orange; width: 25px; height: 25px;"/>
<input type="button" id="Yellow" style="background-color: yellow; width: 25px; height: 25px;"/>
<input type="button" id="Green" style="background-color: green; width: 25px; height: 25px;"/>
<input type="button" id="Blue" style="background-color: blue; width: 25px; height: 25px;"/>
<input type="button" id="Purple" style="background-color: purple; width: 25px; height: 25px;"/>
<input type="button" id="Brown" style="background-color: brown; width: 25px; height: 25px;"/>
<input type="button" id="Black" style="background-color: black; width: 25px; height: 25px;"/>
<input type="button" id="White" style="background-color: white; width: 25px; height: 25px;"/>
</p>  
<p><input type="button" id="reset_image" value="Reset Drawing"/></p>
</div>
	<p class="legend"> This script cames from <a href="http://toc.oreilly.com/2013/02/oreillys-journey-to-epub-3.html">here</a>. It has been slightly modified.</p><br />
  <div class="link_footer">
	E-Reader, you have seen all the litle experiments I've made with the Epub format. You can stop, or continue to explore this Ebook.<br />
	    <a href="EpubStory.xhtml">Get to the starting point</a><br />
	  <a href="EpubStory4.xhtml">Get to another chapter</a><br />
  </div>
</body>
</html>