File size: 9,245 Bytes
f065205 | 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 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 | <!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Molde Calça Super Baggy - Tamanho 40</title>
<script src="https://cdn.tailwindcss.com"></script>
<style>
.pattern-piece {
position: relative;
background-color: #f8f4e9;
border: 2px dashed #c4a97a;
margin: 20px auto;
overflow: hidden;
}
.measurement-line {
position: absolute;
background-color: #333;
height: 2px;
transform-origin: left center;
}
.measurement-label {
position: absolute;
background-color: white;
padding: 2px 5px;
border-radius: 3px;
font-size: 12px;
font-family: sans-serif;
color: #333;
}
.dotted-line {
border-top: 1px dotted #333;
}
@media print {
.no-print {
display: none;
}
body {
padding: 0;
margin: 0;
}
.pattern-piece {
page-break-after: always;
border: 1px solid #000;
}
}
</style>
</head>
<body class="bg-gray-100">
<div class="container mx-auto px-4 py-8">
<header class="text-center mb-8">
<h1 class="text-3xl font-bold text-gray-800">Molde de Corte - Calça Super Baggy</h1>
<p class="text-lg text-gray-600">Tamanho 40 (Cintura ~86cm)</p>
</header>
<div class="bg-white rounded-lg shadow-lg p-6 mb-8">
<h2 class="text-xl font-semibold mb-4 text-gray-800">Instruções:</h2>
<ul class="list-disc pl-5 space-y-2 text-gray-700">
<li>Todas as medidas estão em centímetros</li>
<li>Margem de costura incluída: 1.5cm</li>
<li>Tecido recomendado: algodão ou brim (2.5 metros para tamanho 40)</li>
<li>Largura extra para efeito baggy já incluída no molde</li>
<li>Linhas pontilhadas indicam dobras ou costuras internas</li>
</ul>
</div>
<div class="grid md:grid-cols-2 gap-8">
<!-- Parte da Frente -->
<div class="pattern-piece" style="width: 300px; height: 500px;">
<div class="absolute top-4 left-4 font-bold text-gray-700">FRENTE (cortar 2x)</div>
<!-- Contorno principal -->
<div class="absolute top-20 left-20 w-40 h-80 border-2 border-gray-800 rounded-t-full"></div>
<!-- Cintura -->
<div class="measurement-line" style="width: 40px; top: 20px; left: 20px;"></div>
<div class="measurement-label" style="top: 10px; left: 40px;">Cintura: 25cm</div>
<!-- Quadril -->
<div class="measurement-line" style="width: 50px; top: 100px; left: 15px;"></div>
<div class="measurement-label" style="top: 90px; left: 40px;">Quadril: 30cm</div>
<!-- Bota -->
<div class="measurement-line" style="width: 60px; top: 450px; left: 10px;"></div>
<div class="measurement-label" style="top: 440px; left: 40px;">Bota: 35cm</div>
<!-- Comprimento -->
<div class="measurement-line" style="width: 2px; height: 430px; top: 20px; left: 10px;"></div>
<div class="measurement-label" style="top: 200px; left: 15px; transform: rotate(-90deg);">Comprimento: 105cm</div>
<!-- Bolso -->
<div class="absolute top-40 left-30 w-16 h-20 border border-gray-600 rounded-lg"></div>
<div class="absolute top-45 left-50 text-xs">Bolso</div>
<!-- Linha de dobra -->
<div class="dotted-line absolute top-20 left-60 w-2 h-80"></div>
<div class="absolute top-220 left-65 text-xs transform -rotate-90">Linha de dobra</div>
</div>
<!-- Parte de Trás -->
<div class="pattern-piece" style="width: 300px; height: 500px;">
<div class="absolute top-4 left-4 font-bold text-gray-700">TRÁS (cortar 2x)</div>
<!-- Contorno principal -->
<div class="absolute top-20 left-20 w-45 h-85 border-2 border-gray-800 rounded-t-full"></div>
<!-- Cintura traseira -->
<div class="measurement-line" style="width: 45px; top: 20px; left: 20px;"></div>
<div class="measurement-label" style="top: 10px; left: 45px;">Cintura: 28cm</div>
<!-- Bolso traseiro -->
<div class="absolute top-35 left-25 w-20 h-15 border border-gray-600 rounded-lg"></div>
<div class="absolute top-40 left-50 text-xs">Bolso traseiro</div>
<!-- Abertura bota traseira -->
<div class="measurement-line" style="width: 65px; top: 450px; left: 10px;"></div>
<div class="measurement-label" style="top: 440px; left: 40px;">Bota: 38cm</div>
</div>
</div>
<!-- Cinto e detalhes -->
<div class="pattern-piece mt-8" style="width: 300px; height: 150px; margin: 0 auto;">
<div class="absolute top-4 left-4 font-bold text-gray-700">CINTO E DETALHES</div>
<!-- Cinto -->
<div class="absolute top-20 left-20 w-80 h-8 border border-gray-600"></div>
<div class="measurement-line" style="width: 80px; top: 30px; left: 20px;"></div>
<div class="measurement-label" style="top: 15px; left: 60px;">Cinto: 90cm x 8cm</div>
<!-- Pregador -->
<div class="absolute top-50 left-30 w-6 h-3 border border-gray-600 rounded-full"></div>
<div class="absolute top-55 left-40 text-xs">Pregador (2x)</div>
</div>
<div class="bg-white rounded-lg shadow-lg p-6 mt-8">
<h2 class="text-xl font-semibold mb-4 text-gray-800">Medidas Principais (Tamanho 40):</h2>
<div class="grid md:grid-cols-2 gap-4">
<div>
<ul class="space-y-2 text-gray-700">
<li><strong>Cintura:</strong> 86cm (com folgo: 96cm)</li>
<li><strong>Quadril:</strong> 112cm (com folgo: 132cm)</li>
<li><strong>Comprimento:</strong> 105cm (ajustável)</li>
</ul>
</div>
<div>
<ul class="space-y-2 text-gray-700">
<li><strong>Largura da perna:</strong> 35cm na bota</li>
<li><strong>Altura do cavalo:</strong> 30cm (frente) / 34cm (trás)</li>
<li><strong>Bolso frontal:</strong> 16cm x 20cm</li>
</ul>
</div>
</div>
</div>
<div class="mt-8 text-center no-print">
<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">
Imprimir Molde
</button>
<p class="mt-4 text-gray-600">Para melhor resultado, imprima em tamanho real (100% scale)</p>
</div>
<div class="mt-12 bg-yellow-50 border-l-4 border-yellow-400 p-4 text-yellow-700 rounded no-print">
<h3 class="font-bold mb-2">Dicas para o efeito baggy perfeito:</h3>
<ul class="list-disc pl-5 space-y-1">
<li>Use 2-3 tamanhos acima no quadril para volume extra</li>
<li>Para mais volume, adicione 5-10cm em cada medida lateral</li>
<li>O cós deve ficar na cintura natural, não no quadril</li>
<li>Considere adicionar elástico ou cordão na cintura para ajuste</li>
</ul>
</div>
</div>
<script>
// Função para alternar entre medidas em cm e polegadas
document.addEventListener('DOMContentLoaded', function() {
// Pode adicionar interações aqui se necessário
console.log('Molde carregado - Tamanho 40');
});
</script>
<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>
</html> |