Shikiryu/motsmeles
1
0
Fork 0
mirror of https://github.com/Chouchen/motsmeles.git synced 2018-06-07 06:04:38 +02:00
Code Issues Releases Wiki Activity

1st try in this idea. Hope it's the good one :)

Browse Source
This commit is contained in:
Shikiryu
2015-02-21 00:11:38 +01:00
parent ec918d7810
commit 59f07c5dbb
2 changed files with 254 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

55
src/generator.html Normal file
View File

@@ -0,0 +1,55 @@
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<script src="../vendor/fabric.1.4.0.min.js"></script>
<title>mots mélés generator</title>
<style>
.inputGrid { width: 10px; height: 10px; float:left;}
.clearboth {
clear: both;
}
html, body {
display: block;
height: 100%;
width: 100%;
}
header {
height: 30px;
display: block;
position: fixed;
top: 0;
left: 0;
}
body>div {
padding-top: 30px;
display: block;
width: 100%;
height: 100%;
}
</style>
</head>
<body>
<header>
<h3>Current mode : <span id="currentMode">nothing</span></h3>
</header>
<div id="grid">
<aside id="generator-options">
<label for="grid-width"><input type="number" id="grid-width" min="1" max="20" step="1" name="grid-width" value="1"/></label>
<label for="grid-height"><input type="number" id="grid-height" min="1" max="20" step="1" name="grid-height" value="1"/></label>
</aside>
<section id="generator-grid"></section>
<button id="validateGrid">Validate</button>
</div>
<div id="wordsList">
<canvas id="c"></canvas>
<ul id="words"></ul>
<button id="validateWord">Validate</button>
</div>
<div id="validate">
<button id="save">Save</button>
<textarea></textarea>
</div>
</body>
<script src="js/generator.js"></script>
</html>