summaryrefslogtreecommitdiff
path: root/website/static/template.html
diff options
context:
space:
mode:
Diffstat (limited to 'website/static/template.html')
-rw-r--r--website/static/template.html56
1 files changed, 56 insertions, 0 deletions
diff --git a/website/static/template.html b/website/static/template.html
new file mode 100644
index 0000000..f7d62de
--- /dev/null
+++ b/website/static/template.html
@@ -0,0 +1,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>