Hugging Face's logo

Spaces:
Ryankrp
/
calca
Running

App Files Community
Ryankrp commited on
Commit
f065205
·
verified ·
1 Parent(s): 3fbe2b3

Crie um molde de corte para um calca super baggy considerando que eu uso o tamanho 40 - Initial Deployment

Browse files
Files changed (2) hide show
  1. README.md +7 -5
  2. index.html +185 -19
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Calca
3
- emoji: 💻
4
- colorFrom: purple
5
- colorTo: pink
6
  sdk: static
7
  pinned: false
 
 
8
  ---
9
 
10
- Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
 
1
  ---
2
+ title: calca
3
+ emoji: 🐳
4
+ colorFrom: blue
5
+ colorTo: yellow
6
  sdk: static
7
  pinned: false
8
+ tags:
9
+ - deepsite
10
  ---
11
 
12
+ Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
index.html CHANGED
@@ -1,19 +1,185 @@
1
- <!doctype html>
2
- <html>
3
- <head>
4
- <meta charset="utf-8" />
5
- <meta name="viewport" content="width=device-width" />
6
- <title>My static Space</title>
7
- <link rel="stylesheet" href="style.css" />
8
- </head>
9
- <body>
10
- <div class="card">
11
- <h1>Welcome to your static Space!</h1>
12
- <p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
13
- <p>
14
- Also don't forget to check the
15
- <a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
16
- </p>
17
- </div>
18
- </body>
19
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="pt-BR">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>Molde Calça Super Baggy - Tamanho 40</title>
7
+ <script src="https://cdn.tailwindcss.com"></script>
8
+ <style>
9
+ .pattern-piece {
10
+ position: relative;
11
+ background-color: #f8f4e9;
12
+ border: 2px dashed #c4a97a;
13
+ margin: 20px auto;
14
+ overflow: hidden;
15
+ }
16
+
17
+ .measurement-line {
18
+ position: absolute;
19
+ background-color: #333;
20
+ height: 2px;
21
+ transform-origin: left center;
22
+ }
23
+
24
+ .measurement-label {
25
+ position: absolute;
26
+ background-color: white;
27
+ padding: 2px 5px;
28
+ border-radius: 3px;
29
+ font-size: 12px;
30
+ font-family: sans-serif;
31
+ color: #333;
32
+ }
33
+
34
+ .dotted-line {
35
+ border-top: 1px dotted #333;
36
+ }
37
+
38
+ @media print {
39
+ .no-print {
40
+ display: none;
41
+ }
42
+ body {
43
+ padding: 0;
44
+ margin: 0;
45
+ }
46
+ .pattern-piece {
47
+ page-break-after: always;
48
+ border: 1px solid #000;
49
+ }
50
+ }
51
+ </style>
52
+ </head>
53
+ <body class="bg-gray-100">
54
+ <div class="container mx-auto px-4 py-8">
55
+ <header class="text-center mb-8">
56
+ <h1 class="text-3xl font-bold text-gray-800">Molde de Corte - Calça Super Baggy</h1>
57
+ <p class="text-lg text-gray-600">Tamanho 40 (Cintura ~86cm)</p>
58
+ </header>
59
+
60
+ <div class="bg-white rounded-lg shadow-lg p-6 mb-8">
61
+ <h2 class="text-xl font-semibold mb-4 text-gray-800">Instruções:</h2>
62
+ <ul class="list-disc pl-5 space-y-2 text-gray-700">
63
+ <li>Todas as medidas estão em centímetros</li>
64
+ <li>Margem de costura incluída: 1.5cm</li>
65
+ <li>Tecido recomendado: algodão ou brim (2.5 metros para tamanho 40)</li>
66
+ <li>Largura extra para efeito baggy já incluída no molde</li>
67
+ <li>Linhas pontilhadas indicam dobras ou costuras internas</li>
68
+ </ul>
69
+ </div>
70
+
71
+ <div class="grid md:grid-cols-2 gap-8">
72
+ <!-- Parte da Frente -->
73
+ <div class="pattern-piece" style="width: 300px; height: 500px;">
74
+ <div class="absolute top-4 left-4 font-bold text-gray-700">FRENTE (cortar 2x)</div>
75
+
76
+ <!-- Contorno principal -->
77
+ <div class="absolute top-20 left-20 w-40 h-80 border-2 border-gray-800 rounded-t-full"></div>
78
+
79
+ <!-- Cintura -->
80
+ <div class="measurement-line" style="width: 40px; top: 20px; left: 20px;"></div>
81
+ <div class="measurement-label" style="top: 10px; left: 40px;">Cintura: 25cm</div>
82
+
83
+ <!-- Quadril -->
84
+ <div class="measurement-line" style="width: 50px; top: 100px; left: 15px;"></div>
85
+ <div class="measurement-label" style="top: 90px; left: 40px;">Quadril: 30cm</div>
86
+
87
+ <!-- Bota -->
88
+ <div class="measurement-line" style="width: 60px; top: 450px; left: 10px;"></div>
89
+ <div class="measurement-label" style="top: 440px; left: 40px;">Bota: 35cm</div>
90
+
91
+ <!-- Comprimento -->
92
+ <div class="measurement-line" style="width: 2px; height: 430px; top: 20px; left: 10px;"></div>
93
+ <div class="measurement-label" style="top: 200px; left: 15px; transform: rotate(-90deg);">Comprimento: 105cm</div>
94
+
95
+ <!-- Bolso -->
96
+ <div class="absolute top-40 left-30 w-16 h-20 border border-gray-600 rounded-lg"></div>
97
+ <div class="absolute top-45 left-50 text-xs">Bolso</div>
98
+
99
+ <!-- Linha de dobra -->
100
+ <div class="dotted-line absolute top-20 left-60 w-2 h-80"></div>
101
+ <div class="absolute top-220 left-65 text-xs transform -rotate-90">Linha de dobra</div>
102
+ </div>
103
+
104
+ <!-- Parte de Trás -->
105
+ <div class="pattern-piece" style="width: 300px; height: 500px;">
106
+ <div class="absolute top-4 left-4 font-bold text-gray-700">TRÁS (cortar 2x)</div>
107
+
108
+ <!-- Contorno principal -->
109
+ <div class="absolute top-20 left-20 w-45 h-85 border-2 border-gray-800 rounded-t-full"></div>
110
+
111
+ <!-- Cintura traseira -->
112
+ <div class="measurement-line" style="width: 45px; top: 20px; left: 20px;"></div>
113
+ <div class="measurement-label" style="top: 10px; left: 45px;">Cintura: 28cm</div>
114
+
115
+ <!-- Bolso traseiro -->
116
+ <div class="absolute top-35 left-25 w-20 h-15 border border-gray-600 rounded-lg"></div>
117
+ <div class="absolute top-40 left-50 text-xs">Bolso traseiro</div>
118
+
119
+ <!-- Abertura bota traseira -->
120
+ <div class="measurement-line" style="width: 65px; top: 450px; left: 10px;"></div>
121
+ <div class="measurement-label" style="top: 440px; left: 40px;">Bota: 38cm</div>
122
+ </div>
123
+ </div>
124
+
125
+ <!-- Cinto e detalhes -->
126
+ <div class="pattern-piece mt-8" style="width: 300px; height: 150px; margin: 0 auto;">
127
+ <div class="absolute top-4 left-4 font-bold text-gray-700">CINTO E DETALHES</div>
128
+
129
+ <!-- Cinto -->
130
+ <div class="absolute top-20 left-20 w-80 h-8 border border-gray-600"></div>
131
+ <div class="measurement-line" style="width: 80px; top: 30px; left: 20px;"></div>
132
+ <div class="measurement-label" style="top: 15px; left: 60px;">Cinto: 90cm x 8cm</div>
133
+
134
+ <!-- Pregador -->
135
+ <div class="absolute top-50 left-30 w-6 h-3 border border-gray-600 rounded-full"></div>
136
+ <div class="absolute top-55 left-40 text-xs">Pregador (2x)</div>
137
+ </div>
138
+
139
+ <div class="bg-white rounded-lg shadow-lg p-6 mt-8">
140
+ <h2 class="text-xl font-semibold mb-4 text-gray-800">Medidas Principais (Tamanho 40):</h2>
141
+ <div class="grid md:grid-cols-2 gap-4">
142
+ <div>
143
+ <ul class="space-y-2 text-gray-700">
144
+ <li><strong>Cintura:</strong> 86cm (com folgo: 96cm)</li>
145
+ <li><strong>Quadril:</strong> 112cm (com folgo: 132cm)</li>
146
+ <li><strong>Comprimento:</strong> 105cm (ajustável)</li>
147
+ </ul>
148
+ </div>
149
+ <div>
150
+ <ul class="space-y-2 text-gray-700">
151
+ <li><strong>Largura da perna:</strong> 35cm na bota</li>
152
+ <li><strong>Altura do cavalo:</strong> 30cm (frente) / 34cm (trás)</li>
153
+ <li><strong>Bolso frontal:</strong> 16cm x 20cm</li>
154
+ </ul>
155
+ </div>
156
+ </div>
157
+ </div>
158
+
159
+ <div class="mt-8 text-center no-print">
160
+ <button onclick="window.print()" class="bg-blue-600 hover:bg-blue-700 text-white font-bold py-3 px-6 rounded-lg shadow-md transition duration-300">
161
+ Imprimir Molde
162
+ </button>
163
+ <p class="mt-4 text-gray-600">Para melhor resultado, imprima em tamanho real (100% scale)</p>
164
+ </div>
165
+
166
+ <div class="mt-12 bg-yellow-50 border-l-4 border-yellow-400 p-4 text-yellow-700 rounded no-print">
167
+ <h3 class="font-bold mb-2">Dicas para o efeito baggy perfeito:</h3>
168
+ <ul class="list-disc pl-5 space-y-1">
169
+ <li>Use 2-3 tamanhos acima no quadril para volume extra</li>
170
+ <li>Para mais volume, adicione 5-10cm em cada medida lateral</li>
171
+ <li>O cós deve ficar na cintura natural, não no quadril</li>
172
+ <li>Considere adicionar elástico ou cordão na cintura para ajuste</li>
173
+ </ul>
174
+ </div>
175
+ </div>
176
+
177
+ <script>
178
+ // Função para alternar entre medidas em cm e polegadas
179
+ document.addEventListener('DOMContentLoaded', function() {
180
+ // Pode adicionar interações aqui se necessário
181
+ console.log('Molde carregado - Tamanho 40');
182
+ });
183
+ </script>
184
+ <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=Ryankrp/calca" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
185
+ </html>