summaryrefslogtreecommitdiff
path: root/website/static/template.html
blob: f7d62de81e30986bef756148c9389fc753d1e996 (plain)
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
51
52
53
54
55
56
<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Cape Template</title>
    <link rel="stylesheet" href="./style.css">
  </head>
  <body>
    <div id="template">
      <img id="preview" src="http://<IP>:12444/static/template.png"/>
      <ul>
        <div class="input-color">
          <p>Top</p>
          <div class="color-box" style="background-color: #F7D9E6;"></div>
        </div>
        <div class="input-color">
          <p>Bottom</p>
          <div class="color-box" style="background-color: #FBFFC4;"></div>
        </div>
        <div class="input-color">
          <p>Left Side</p>
          <div class="color-box" style="background-color: #B6C9D5;"></div>
        </div>
        <div class="input-color">
          <p>Front</p>
          <div class="color-box" style="background-color: #D5B6C6;"></div>
        </div>
        <div class="input-color">
          <p>Right Side</p>
          <div class="color-box" style="background-color: #C2B6D5;"></div>
        </div>
        <div class="input-color">
          <p>Back</p>
          <div class="color-box" style="background-color: #B6D5C9;"></div>
        </div>
        <div class="input-color">
          <p>Elytra (back is mirrored)</p>
          <div class="color-box" style="background-color: #FFB8B8;"></div>
        </div>
        <div class="input-color">
          <p>Elytra Bottom</p>
          <div class="color-box" style="background-color: #D9E4CE;"></div>
        </div>
        <div class="input-color">
          <p>Elytra Inner</p>
          <div class="color-box" style="background-color: #F6CBBC;"></div>
        </div>
      </ul>
    </div>
    <div id="desc">
      <p>Right click and "Save Image As...", edit, then upload <a href="http://<IP>:12444/capes">here</a>.</p>
      <p>If you don't want to edit the Elytra texture, you can crop it out.</p>
      <p>Feel free to scale. Only use integer scaling (Multiply width/height by a whole number).</p>
    </div>
  </body>
</html>