blob: 11a25a0c6c8a2bd45dcaf8fdf9829b5a94632911 (
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
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
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>
|
