No edit summary |
|||
| Line 404: | Line 404: | ||
=== index.html === | === index.html === | ||
<source lang=" | <source lang="html5"> | ||
<!DOCTYPE html> | |||
<html> | |||
<head> | |||
<meta charset="UTF-8" /> | |||
<title>Type</title> | |||
<link rel="stylesheet" type="text/css" href="style.css"/> | |||
</head> | |||
<body> | |||
<div id="Title"> | |||
Welcome to Bubble Type | |||
</div> | |||
<div id="Buttons-Color"> | |||
<input type="image" src="img/buttons/green.png" id="green-button"/> | |||
<input type="image" src="img/buttons/red.png" id="red-button"/> | |||
<input type="image" src="img/buttons/blue.png" id="blue-button"/> | |||
<input type="image" src="img/buttons/yellow.png" id="yellow-button"/> | |||
<input type="image" src="img/buttons/multi.png" id="multi-button"/> | |||
<input type="image" src="img/buttons/grey.png" id="grey-button"/> | |||
<!-- | |||
<button type="button" id="green-button">Green</button> | |||
<button type="button" id="red-button">Red</button> | |||
<button type="button" id="blue-button">Blue</button> | |||
<button type="button" id="yellow-button">Yellow</button> | |||
<button type="button" id="multi-button">Multi</button> | |||
<button type="button" id="grey-button">Grey</button> | |||
--> | |||
</div> | |||
<div id="Buttons-Font"> | |||
<input type="image" src="img/buttons/sans.png" id="sans"/> | |||
<input type="image" src="img/buttons/serif.png" id="serif"/> | |||
<input type="image" src="img/buttons/hand.png" id="hand"/> | |||
<input type="image" src="img/buttons/thin.png" id="thin"/> | |||
<input type="image" src="img/buttons/medium.png" id="medium"/> | |||
<input type="image" src="img/buttons/big.png" id="big"/> | |||
<!-- | |||
<button type="button" id="sans">Sans</button> | |||
<button type="button" id="serif">Serif</button> | |||
<button type="button" id="hand">Hand</button> | |||
</div> | |||
<div id="Buttons-Size"> | |||
<button type="button" id="thin">Thin</button> | |||
<button type="button" id="medium">Medium</button> | |||
<button type="button" id="big">Big</button> | |||
</div> | |||
--> | |||
<div id="Buttons-Faktor"> | |||
<input type="image" src="img/buttons/x1.png" id="x1"/> | |||
<input type="image" src="img/buttons/x2.png" id="x2"/> | |||
<input type="image" src="img/buttons/x3.png" id="x3"/> | |||
<input type="image" src="img/buttons/x4.png" id="x4"/> | |||
<!-- | |||
<button type="button" id="x1">X1</button> | |||
<button type="button" id="x2">X2</button> | |||
<button type="button" id="x3">X3</button> | |||
<button type="button" id="x4">X4</button> | |||
--> | |||
</div> | |||
<div id="Canvas"> | |||
<canvas id="canvas"></canvas> | |||
<script src="main.js"></script> | |||
</div> | |||
</body> | |||
</html> | |||
</source> | </source> | ||