Promote version 1bf21a1 to main

Promoted commit 1bf21a11bf82260196be2c0d932a00c79a8a8623 to main branch

index.html

@@ -54,12 +54,7 @@
             transform: translateY(-2px);
             box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
         }
-        input[name="crimeType"]:checked + div {
-            background-color: #fcd34d !important;
-            color: #000 !important;
-            border-color: #fcd34d !important;
-        }
-.add-btn {
+        .add-btn {
             transition: all 0.3s ease;
         }
         .add-btn:hover {
@@ -68,138 +63,28 @@
     </style>
 </head>
 <body class="text-gray-100 font-sans">
-    <!-- Navigation Menu -->
-    <nav class="bg-dark bg-opacity-90 backdrop-filter backdrop-blur-lg sticky top-0 z-50 shadow-lg">
-        <div class="container mx-auto px-4 py-3 flex justify-between items-center">
-            <div class="flex items-center space-x-2">
-                <i data-feather="shield" class="w-6 h-6 text-yellow-400"></i>
-                <span class="text-xl font-semibold">WhistleGlass</span>
-            </div>
-            <div class="hidden md:flex space-x-6">
-                <a href="#" class="text-white hover:text-yellow-400 transition">Início</a>
-                <a href="#" class="text-white hover:text-yellow-400 transition">Como Funciona</a>
-                <a href="#" class="text-white hover:text-yellow-400 transition">Segurança</a>
-                <a href="#" class="text-white hover:text-yellow-400 transition">Contato</a>
+    <div class="container mx-auto px-4 py-12 max-w-4xl">
+        <div class="glass-card rounded-xl shadow-2xl overflow-hidden">
+        <!-- Header -->
+        <div class="bg-white bg-opacity-10 px-6 py-4">
+            <div class="flex items-center justify-between">
+                <div class="flex items-center space-x-3">
+                    <i data-feather="alert-circle" class="w-8 h-8"></i>
+        <h1 class="text-2xl font-bold">Denúncia Anônima</h1>
+</div>
+</div>
             </div>
-            <button class="md:hidden text-white">
-                <i data-feather="menu" class="w-6 h-6"></i>
-            </button>
-        </div>
-    </nav>
-    <div class="container mx-auto px-4 py-8 max-w-4xl">
-        <!-- Menu de Tipo de Crime no início -->
-        <div class="glass-card rounded-xl shadow-2xl overflow-hidden mb-6">
-            <div class="bg-white bg-opacity-10 px-6 py-4">
-                <h2 class="text-xl font-semibold border-b border-white border-opacity-20 pb-2">
-                    <i data-feather="alert-triangle" class="inline mr-2 w-5 h-5"></i>
-                    Tipo de Crime *
-                </h2>
-                <div class="grid grid-cols-2 md:grid-cols-3 gap-3 mt-4">
-                    <label class="crime-tag cursor-pointer">
-                        <input type="radio" name="crimeTypeTop" value="drugs" class="hidden peer" required>
-                        <div class="bg-dark peer-checked:bg-yellow-400 peer-checked:text-black rounded-lg p-3 text-center border border-white border-opacity-20 transition-colors duration-200">
-                            <i data-feather="package" class="w-5 h-5 mx-auto mb-1"></i>
-                            Tráfico de Drogas
-                        </div>
-                    </label>
-                    <label class="crime-tag cursor-pointer">
-                        <input type="radio" name="crimeTypeTop" value="weapons" class="hidden peer">
-                        <div class="bg-dark peer-checked:bg-yellow-400 peer-checked:text-black rounded-lg p-3 text-center border border-white border-opacity-20 transition-colors duration-200">
-                            <i data-feather="zap" class="w-5 h-5 mx-auto mb-1"></i>
-                            Porte Ilegal de Armas
-                        </div>
-                    </label>
-                    <label class="crime-tag cursor-pointer">
-                        <input type="radio" name="crimeTypeTop" value="homicide" class="hidden peer">
-                        <div class="bg-dark peer-checked:bg-yellow-400 peer-checked:text-black rounded-lg p-3 text-center border border-white border-opacity-20 transition-colors duration-200">
-                            <i data-feather="activity" class="w-5 h-5 mx-auto mb-1"></i>
-                            Autor de Homicídio
-                        </div>
-                    </label>
-                    <label class="crime-tag cursor-pointer">
-                        <input type="radio" name="crimeTypeTop" value="theft" class="hidden peer">
-                        <div class="bg-dark peer-checked:bg-yellow-400 peer-checked:text-black rounded-lg p-3 text-center border border-white border-opacity-20 transition-colors duration-200">
-                            <i data-feather="shield" class="w-5 h-5 mx-auto mb-1"></i>
-                            Roubo/Furto
-                        </div>
-                    </label>
-                    <label class="crime-tag cursor-pointer">
-                        <input type="radio" name="crimeTypeTop" value="wanted" class="hidden peer">
-                        <div class="bg-dark peer-checked:bg-yellow-400 peer-checked:text-black rounded-lg p-3 text-center border border-white border-opacity-20 transition-colors duration-200">
-                            <i data-feather="eye" class="w-5 h-5 mx-auto mb-1"></i>
-                            Procurado pela Justiça
-                        </div>
-                    </label>
-                </div>
+            <p class="mt-2 text-sm opacity-80">Sua identidade será preservada</p>
+            <!-- Emergency Warning -->
+            <div class="mt-3 bg-yellow-500 bg-opacity-20 text-yellow-200 px-4 py-2 rounded-lg flex items-center space-x-2">
+                <i data-feather="alert-triangle" class="w-5 h-5"></i>
+                <span class="text-sm font-semibold">Se estiver correndo risco de vida ligue 190</span>
             </div>
         </div>
-
-        <div class="glass-card rounded-xl shadow-2xl overflow-hidden">
-            <!-- Header -->
-            <div class="bg-white bg-opacity-10 px-6 py-4">
-                <div class="flex items-center justify-between">
-                    <div class="flex items-center space-x-3">
-                        <i data-feather="alert-circle" class="w-8 h-8"></i>
-                        <h1 class="text-2xl font-bold">Denúncia Anônima</h1>
-                    </div>
-                </div>
-                <p class="mt-2 text-sm opacity-80">Sua identidade será preservada</p>
-                <!-- Emergency Warning -->
-                <div class="mt-3 bg-yellow-500 bg-opacity-20 text-yellow-200 px-4 py-2 rounded-lg flex items-center space-x-2">
-                    <i data-feather="alert-triangle" class="w-5 h-5"></i>
-                    <span class="text-sm font-semibold">Se estiver correndo risco de vida ligue 190</span>
-                </div>
-            </div>
 <!-- Form -->
             <form class="p-6 space-y-6">
-                <!-- Section 1: Crime Type -->
+<!-- Section 1: Basic Info -->
                 <div class="space-y-4">
-                    <h2 class="text-xl font-semibold border-b border-white border-opacity-20 pb-2">
-                        <i data-feather="alert-triangle" class="inline mr-2 w-5 h-5"></i>
-                        Tipo de Crime *
-                    </h2>
-                    
-                    <div class="grid grid-cols-2 md:grid-cols-3 gap-3">
-                        <label class="crime-tag cursor-pointer">
-<input type="radio" name="crimeType" value="drugs" class="hidden peer" required checked>
-<div class="bg-dark rounded-lg p-3 text-center border border-white border-opacity-20 transition-colors duration-200">
-<i data-feather="package" class="w-5 h-5 mx-auto mb-1"></i>
-                                Tráfico de Drogas
-                            </div>
-                        </label>
-                        <label class="crime-tag cursor-pointer">
-                            <input type="radio" name="crimeType" value="weapons" class="hidden peer">
-                            <div class="bg-dark rounded-lg p-3 text-center border border-white border-opacity-20 transition-colors duration-200">
-<i data-feather="zap" class="w-5 h-5 mx-auto mb-1"></i>
-                                Porte Ilegal de Armas
-                            </div>
-                        </label>
-                        <label class="crime-tag cursor-pointer">
-                            <input type="radio" name="crimeType" value="homicide" class="hidden peer">
-                            <div class="bg-dark rounded-lg p-3 text-center border border-white border-opacity-20 transition-colors duration-200">
-<i data-feather="activity" class="w-5 h-5 mx-auto mb-1"></i>
-                                Autor de Homicídio
-                            </div>
-                        </label>
-                        <label class="crime-tag cursor-pointer">
-                            <input type="radio" name="crimeType" value="theft" class="hidden peer">
-                            <div class="bg-dark rounded-lg p-3 text-center border border-white border-opacity-20 transition-colors duration-200">
-<i data-feather="shield" class="w-5 h-5 mx-auto mb-1"></i>
-                                Roubo/Furto
-                            </div>
-                        </label>
-                        <label class="crime-tag cursor-pointer">
-                            <input type="radio" name="crimeType" value="wanted" class="hidden peer">
-                            <div class="bg-dark rounded-lg p-3 text-center border border-white border-opacity-20 transition-colors duration-200">
-<i data-feather="eye" class="w-5 h-5 mx-auto mb-1"></i>
-                                Procurado pela Justiça
-                            </div>
-                        </label>
-                    </div>
-                </div>
-
-<!-- Section 2: Basic Info -->
-<div class="space-y-4">
                     <h2 class="text-xl font-semibold border-b border-white border-opacity-20 pb-2">
                         <i data-feather="user" class="inline mr-2 w-5 h-5"></i>
                         Informações do(s) Autor(es)
@@ -210,24 +95,24 @@
                             <h3 class="text-lg font-medium">Autor 1</h3>
                             <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
                                 <div>
-                                    <label class="block text-sm font-medium mb-1">Nome do Indivíduo (se souber)</label>
-                                    <input type="text" class="w-full input-glass rounded-lg px-4 py-2 focus:outline-none focus:ring-2 focus:ring-primary">
+                                    <label class="block text-sm font-medium mb-1">Nome do Indivíduo *</label>
+                                    <input type="text" required class="w-full input-glass rounded-lg px-4 py-2 focus:outline-none focus:ring-2 focus:ring-primary">
                                 </div>
                                 <div>
-                                    <label class="block text-sm font-medium mb-1">Vulgo/Apelido (se souber)</label>
+                                    <label class="block text-sm font-medium mb-1">Vulgo/Apelido</label>
                                     <input type="text" class="w-full input-glass rounded-lg px-4 py-2 focus:outline-none focus:ring-2 focus:ring-primary">
                                 </div>
-</div>
+                            </div>
                             <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
                                 <div>
-                                    <label class="block text-sm font-medium mb-1">Rede Social (se souber)</label>
+                                    <label class="block text-sm font-medium mb-1">Rede Social</label>
                                     <input type="url" class="w-full input-glass rounded-lg px-4 py-2 focus:outline-none focus:ring-2 focus:ring-primary" placeholder="https://instagram.com/...">
                                 </div>
                                 <div>
-                                    <label class="block text-sm font-medium mb-1">Documento (se souber)</label>
+                                    <label class="block text-sm font-medium mb-1">Documento</label>
                                     <input type="text" class="flex-1 input-glass rounded-lg px-4 py-2 focus:outline-none focus:ring-2 focus:ring-primary" placeholder="RG, CPF, CNH...">
                                 </div>
-</div>
+                            </div>
                             <div class="grid grid-cols-1 md:grid-cols-4 gap-4">
                                 <div>
                                     <label class="block text-sm font-medium mb-1">Rua *</label>
@@ -272,9 +157,52 @@
                         <span>Adicionar outro autor</span>
                     </button>
 </div>
-                <!-- Section 3: Crime Type (removido do formulário) -->
-                <!-- Conteúdo removido -->
-<!-- Dynamic Fields for Drug Trafficking -->
+<!-- Section 3: Crime Type -->
+                <div class="space-y-4">
+                    <h2 class="text-xl font-semibold border-b border-white border-opacity-20 pb-2">
+                        <i data-feather="alert-triangle" class="inline mr-2 w-5 h-5"></i>
+                        Tipo de Crime *
+                    </h2>
+                    
+                    <div class="grid grid-cols-2 md:grid-cols-3 gap-3">
+                        <label class="crime-tag cursor-pointer">
+                            <input type="radio" name="crimeType" value="drugs" class="hidden peer" required style="accent-color: yellow;">
+<div class="bg-dark peer-checked:bg-primary peer-checked:text-white rounded-lg p-3 text-center border border-white border-opacity-20">
+                                <i data-feather="package" class="w-5 h-5 mx-auto mb-1"></i>
+                                Tráfico de Drogas
+                            </div>
+                        </label>
+                        <label class="crime-tag cursor-pointer">
+                            <input type="radio" name="crimeType" value="weapons" class="hidden peer">
+                            <div class="bg-dark peer-checked:bg-primary peer-checked:text-white rounded-lg p-3 text-center border border-white border-opacity-20">
+                                <i data-feather="zap" class="w-5 h-5 mx-auto mb-1"></i>
+                                Porte Ilegal de Armas
+                            </div>
+                        </label>
+                        <label class="crime-tag cursor-pointer">
+                            <input type="radio" name="crimeType" value="homicide" class="hidden peer">
+                            <div class="bg-dark peer-checked:bg-primary peer-checked:text-white rounded-lg p-3 text-center border border-white border-opacity-20">
+                                <i data-feather="activity" class="w-5 h-5 mx-auto mb-1"></i>
+                                Autor de Homicídio
+                            </div>
+                        </label>
+                        <label class="crime-tag cursor-pointer">
+                            <input type="radio" name="crimeType" value="theft" class="hidden peer">
+                            <div class="bg-dark peer-checked:bg-primary peer-checked:text-white rounded-lg p-3 text-center border border-white border-opacity-20">
+                                <i data-feather="shield" class="w-5 h-5 mx-auto mb-1"></i>
+                                Roubo/Furto
+                            </div>
+                        </label>
+<label class="crime-tag cursor-pointer">
+                            <input type="radio" name="crimeType" value="wanted" class="hidden peer">
+                            <div class="bg-dark peer-checked:bg-primary peer-checked:text-white rounded-lg p-3 text-center border border-white border-opacity-20">
+                                <i data-feather="eye" class="w-5 h-5 mx-auto mb-1"></i>
+                                Procurado pela Justiça
+                            </div>
+                        </label>
+                    </div>
+                </div>
+                <!-- Dynamic Fields for Drug Trafficking -->
                 <div id="drugFields" class="space-y-4 hidden">
                     <h3 class="text-lg font-medium border-b border-white border-opacity-20 pb-1">Detalhes sobre Tráfico</h3>
                     
@@ -355,10 +283,11 @@
                         <i data-feather="image" class="inline mr-2 w-5 h-5"></i>
                         Fotos ou Vídeos
                     </h2>
-            <div id="photosContainer">
-                <div class="flex space-x-2">
-                    <input type="file" accept="image/*,video/*" class="flex-1 input-glass rounded-lg px-4 py-2 focus:outline-none focus:ring-2 focus:ring-yellow-400 file:mr-4 file:py-2 file:px-4 file:rounded-lg file:border-0 file:text-sm file:font-semibold file:bg-yellow-400 file:text-black hover:file:bg-opacity-80">
-<button type="button" onclick="addPhotoField()" class="add-btn bg-yellow-400 bg-opacity-80 hover:bg-opacity-100 text-black px-3 rounded-lg flex items-center">
+                    
+                    <div id="photosContainer">
+                        <div class="flex space-x-2">
+                            <input type="file" accept="image/*,video/*" class="flex-1 input-glass rounded-lg px-4 py-2 focus:outline-none focus:ring-2 focus:ring-primary file:mr-4 file:py-2 file:px-4 file:rounded-lg file:border-0 file:text-sm file:font-semibold file:bg-primary file:text-white hover:file:bg-opacity-80">
+                            <button type="button" onclick="addPhotoField()" class="add-btn bg-yellow-400 bg-opacity-80 hover:bg-opacity-100 text-black px-3 rounded-lg flex items-center">
 <i data-feather="plus" class="w-5 h-5"></i>
                             </button>
                         </div>
@@ -408,8 +337,8 @@
     <script>
         // Initialize feather icons
         feather.replace();
-        // Show/hide dynamic fields based on crime type (top menu)
-        document.querySelectorAll('input[name="crimeTypeTop"]').forEach(radio => {
+        // Show/hide dynamic fields based on crime type
+        document.querySelectorAll('input[name="crimeType"]').forEach(radio => {
             radio.addEventListener('change', function() {
                 // Hide all dynamic sections
                 document.getElementById('drugFields').classList.add('hidden');
@@ -428,7 +357,8 @@
                 }
             });
         });
-// Add author field
+
+        // Add author field
         function addAuthorField() {
             const container = document.getElementById('authorsContainer');
             const authorCount = container.querySelectorAll('.author-block').length + 1;