image-breaker/index.html at master · clovis1122/image-breaker · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
<!DOCTYPE html>
<html>
<head>
  <title>Image Breaker!</title>
  <!-- Some basic styles. -->
  <link rel="stylesheet" type="text/css" href="javascript/styles.css">
</head>

<body>
  <h2>Image breaker!</h2>
  <p>Click on the image to break it into random pieces!</p>
  <table>
    <tbody id="image-table">
      <tr>
        <td><img></td>
        <td><img></td>
        <td><img></td>
        <td><img></td>
        <td><img></td>
      </tr>
      <tr>
        <td><img></td>
        <td><img></td>
        <td><img></td>
        <td><img></td>
        <td><img></td>
      </tr>
      <tr>
        <td><img></td>
        <td><img></td>
        <td><img></td>
        <td><img></td>
        <td><img></td>
      </tr>
    </tbody>
  </table>
  <label for="file"> Choose your own image here. </label> </br></br>
  <input id="file" name="file" type="file" accept="image/*">

<!-- SCRIPT -->
<script src="javascript/app.js"></script>
</body>
</html>