diff options
Diffstat (limited to 'rannak/mangud/test/index.html')
| -rw-r--r-- | rannak/mangud/test/index.html | 110 |
1 files changed, 110 insertions, 0 deletions
diff --git a/rannak/mangud/test/index.html b/rannak/mangud/test/index.html new file mode 100644 index 0000000..11a25a0 --- /dev/null +++ b/rannak/mangud/test/index.html @@ -0,0 +1,110 @@ +<html> + <head> + <title>Särgi Kujundus</title> + <link href="style.css" rel="stylesheet"/> + + <!-- + <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous"> + --> + </head> + + <body> + + <div class="containeraa"> + + + <!-- Tshirt SVG --> + <svg viewBox="0 0 512 512"> + <g transform="translate(0,448)"> + <path id="sark" d="m114.43-400.52-98.703 78.981 66.018 88.962 30.599-23.608v272.7h288.51v-272.7l29.397 23.608 66.026-88.282-95.992-76.942-74.453-0.70374c-0.58384 37.58-35.742 54.937-68.92 67.881-32.896-13.591-68.984-30.886-68.984-68.969 0.00036-0.0748-0.00033-0.14911 0-0.22393z" /> + <text id="sarkTekst" x="200" y="-200" transform="rotate(0)" >Testing</text> + </g> + </svg> + + + + <!-- Side panel stuff--> + + <div class="side"> + + <h1>T-särgi Kujundamine</h1> + <p> + Kujunda enda T-särk. Edasi liikumiseks peab olema + kasutatud kõik kujundamise võimalused. Kui arvad, et särk on valmis, + siis kontorlli nupuga "Särk Valmis". + </p> + + <div> + <button class="checkMoveOn">Särk Valmis</button> + <button class="moveOn" disabled>Liigu Edasi</button> + </div> + + <div class="muutused"> + + <div class="sargiVarv"> + <h4>Vali Värv</h4> + <label for="colorFiller">Särgi värv:</label> + <input id="colorFiller"type="color" value="#ffffff"/> + + <label for="colorStroke">Särgi äär:</label> + <input id="colorStroke" type="color" value="#000000"/> + </div> + + + <div class="fileUpload"> + <h4>Lisa Pilt</h4> + <label for="image_input">Vali Pilt:</label> + <input type="file" id="image_input" accept="image/jpg, image/png"/> + </div> + + + <div class="textPos"> + <h4>Tekst</h4> + + <label for="sargiText">Vali tekst:</label> + <input id="sargiText" type="text" placeholder="Sinu tekst siia"/> + <button id="tekstBtn" onclick="getInputValue();">Muuda Teksti</button> + + <div class="textAddWrapper"> + <span class="ules">↑</span> + <span class="alla">↓</span> + <span class="vasak">←</span> + <span class="parem">→</span> + + <span class="vertVasak">↶</span> + <span class="vertParem">↷</span> + + <span class="plus">+</span> + <span class="minus">-</span> + + <input id="colorText" type="color" value="#000000"/> + + </div> + + </div> + + + </div> + + + </div> + + + <!-- Resizable Img --> + + <div class="item"> + <div class="resizer ne"></div> + <div class="resizer nw"></div> + <div class="resizer se"></div> + <div class="resizer sw"></div> + </div> + + </div> + + + <script src="main.js"></script> + <!-- + <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script> + --> + </body> +</html> |