cherry-tree/index.html at main · tito21/cherry-tree · 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
44
45
46
47
48
49
50
<!DOCTYPE html>
<html lang="">

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Cherry Tree</title>
  <style>
    body {
      background-color: #1b1b1b;
    }

    main {
      max-width: 1000px;
      text-align: center;
      margin: 4em auto;
      font-family: 'Arial', sans-serif;
    }

    #canvas {
      margin-top: 2em;
    }

    #consent {
      background-color: #fff;
      padding: 1em;
      border-radius: 8px;
      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    }
  </style>
</head>

<body>
  <main>
    <h1 style="color: #fff;">Cherry Tree</h1>
    <div id="consent">
      This project uses local storage to uniquely identify your browser and generate a unique seed for the tree. This
      allows you to see the same tree every time you visit the page. By clicking "I Consent", you agree to the use of
      local storage for this purpose. One you click consent a new random tree will be generated.
      <br><br>
      <button id="consent-button">I Consent</button>
    </div>
    <div id="canvas">
    </div>
  </main>
  <script src="https://cdn.jsdelivr.net/npm/p5@1.11.11/lib/p5.min.js"></script>
  <script src="sketch.js"></script>
</body>

</html>