Spaces:

jauganaut1
/

judicialdocuments

Running

App Files Files Community

jauganaut1 commited on Jul 22, 2025

Commit

3bdded8

verified ·

1 Parent(s): 733b510

undefined - Initial Deployment

Browse files

Files changed (2) hide show

README.md +6 -4
index.html +261 -19

README.md CHANGED Viewed

@@ -1,10 +1,12 @@
 ---
-title: Judicialdocuments
-emoji: 🔥
-colorFrom: gray
 colorTo: yellow
 sdk: static
 pinned: false
 ---
-Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

 ---
+title: judicialdocuments
+emoji: 🐳
+colorFrom: pink
 colorTo: yellow
 sdk: static
 pinned: false
+tags:
+  - deepsite
 ---
+Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

index.html CHANGED Viewed

@@ -1,19 +1,261 @@
-<!doctype html>
-<html>
-	<head>
-		<meta charset="utf-8" />
-		<meta name="viewport" content="width=device-width" />
-		<title>My static Space</title>
-		<link rel="stylesheet" href="style.css" />
-	</head>
-	<body>
-		<div class="card">
-			<h1>Welcome to your static Space!</h1>
-			<p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
-			<p>
-				Also don't forget to check the
-				<a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
-			</p>
-		</div>
-	</body>
-</html>

+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Court Document Portal</title>
+    <script src="https://cdn.tailwindcss.com"></script>
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
+    <style>
+        .legal-stamp {
+            position: absolute;
+            right: 20px;
+            top: 20px;
+            opacity: 0.7;
+            transform: rotate(15deg);
+        }
+        .document-border {
+            border: 1px solid #c9b18b;
+            background-color: #f9f5e9;
+        }
+        .judge-icon {
+            font-size: 5rem;
+            color: #8b7355;
+            margin-bottom: 1rem;
+        }
+        .countdown {
+            font-family: monospace;
+            color: #d9534f;
+            font-weight: bold;
+        }
+        @keyframes pulse {
+            0% { opacity: 0.6; }
+            50% { opacity: 1; }
+            100% { opacity: 0.6; }
+        }
+        .urgent-pulse {
+            animation: pulse 2s infinite;
+        }
+    </style>
+</head>
+<body class="bg-gray-100 min-h-screen flex items-center justify-center p-4">
+    <div class="max-w-4xl w-full document-border rounded-lg shadow-2xl overflow-hidden relative">
+        <!-- Legal Stamp -->
+        <div class="legal-stamp hidden md:block">
+            <div class="text-center border-2 border-red-600 rounded p-2 inline-block transform rotate-12">
+                <div class="text-xs font-bold text-red-600">SEAL</div>
+                <div class="text-xs text-red-600">DISTRICT COURT</div>
+                <div class="text-xxs text-red-600">CONFIDENTIAL</div>
+            </div>
+        </div>
+        <!-- Header -->
+        <div class="bg-blue-900 text-white p-6">
+            <div class="flex items-center justify-center space-x-4">
+                <i class="fas fa-balance-scale judge-icon"></i>
+                <div>
+                    <h1 class="text-2xl md:text-3xl font-bold text-center">DISTRICT COURT DOCUMENT PORTAL</h1>
+                    <p class="text-sm text-center text-blue-200 mt-1">Secure Access to Judicial Documents</p>
+                </div>
+            </div>
+        </div>
+        <!-- Main Content -->
+        <div class="p-6 md:p-8" id="mainContent">
+            <div class="bg-yellow-50 border-l-4 border-yellow-400 p-4 mb-6">
+                <div class="flex">
+                    <div class="flex-shrink-0">
+                        <i class="fas fa-exclamation-triangle text-yellow-400"></i>
+                    </div>
+                    <div class="ml-3">
+                        <h3 class="text-sm font-medium text-yellow-800 urgent-pulse">[URGENT] RESPONSE REQUIRED WITHIN <span id="deadlineCountdown" class="countdown">72:00:00</span></h3>
+                        <div class="mt-2 text-sm text-yellow-700">
+                            <p>Failure to authenticate and respond may result in default judgment per Civil Procedure Rule 12.B</p>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <h2 class="text-xl font-bold text-gray-800 mb-4 text-center border-b pb-2">RESTRICTED ACCESS: OFFICIAL COURT DOCUMENT</h2>
+            <div class="mb-6 text-sm text-gray-600">
+                <p class="mb-4">Case #: DC-<span id="caseNumber">2023</span>-<span id="randomNumber">87462</span></p>
+                <p class="mb-2">Your organization (<span id="companyPlaceholder">[REDACTED]</span>) has been named in an ongoing legal proceeding.</p>
+                <p>To view the complete summons document, you must authenticate using your corporate credentials.</p>
+            </div>
+            <div class="bg-gray-50 p-4 rounded-lg mb-6">
+                <h3 class="font-medium text-gray-800 mb-2 flex items-center">
+                    <i class="fas fa-lock mr-2 text-blue-600"></i> Document Authentication Required
+                </h3>
+                <p class="text-xs text-gray-600 mb-4">Per Article 12.B of the Judicial Code, access to this document requires identity verification.</p>
+                <form id="authForm">
+                    <div class="mb-4">
+                        <label for="email" class="block text-sm font-medium text-gray-700 mb-1">Corporate Email Address</label>
+                        <div class="mt-1 relative rounded-md shadow-sm">
+                            <div class="absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none">
+                                <i class="fas fa-envelope text-gray-400"></i>
+                            </div>
+                            <input type="email" id="email" name="email" required class="focus:ring-blue-500 focus:border-blue-500 block w-full pl-10 sm:text-sm border-gray-300 rounded-md p-2 border" placeholder="name@yourcompany.com">
+                        </div>
+                    </div>
+                    <div class="mb-4">
+                        <label for="password" class="block text-sm font-medium text-gray-700 mb-1">Password</label>
+                        <div class="mt-1 relative rounded-md shadow-sm">
+                            <div class="absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none">
+                                <i class="fas fa-key text-gray-400"></i>
+                            </div>
+                            <input type="password" id="password" name="password" required class="focus:ring-blue-500 focus:border-blue-500 block w-full pl-10 sm:text-sm border-gray-300 rounded-md p-2 border" placeholder="••••••••">
+                        </div>
+                        <p class="mt-1 text-xs text-gray-500">Use your corporate network password</p>
+                    </div>
+                    <div class="flex items-center mb-4">
+                        <input id="terms" name="terms" type="checkbox" class="h-4 w-4 text-blue-600 focus:ring-blue-500 border-gray-300 rounded" required>
+                        <label for="terms" class="ml-2 block text-xs text-gray-700">
+                            I certify that I am an authorized representative of my organization with authority to receive legal documents
+                        </label>
+                    </div>
+                    <div class="flex justify-center">
+                        <button type="submit" class="inline-flex items-center px-6 py-2 border border-transparent text-sm font-medium rounded-md shadow-sm text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500">
+                            <i class="fas fa-unlock-alt mr-2"></i> AUTHENTICATE & VIEW DOCUMENT
+                        </button>
+                    </div>
+                </form>
+            </div>
+            <div class="text-xs text-gray-500 text-center">
+                <p><i class="fas fa-shield-alt mr-1"></i> This portal uses 256-bit encryption to protect sensitive legal documents</p>
+                <p class="mt-1">For technical assistance, contact the Court Clerk's Office at (555) 123-4567</p>
+            </div>
+        </div>
+        <!-- Error Message (Hidden Initially) -->
+        <div id="errorMessage" class="hidden p-6 md:p-8">
+            <div class="bg-red-50 border-l-4 border-red-400 p-4 mb-6">
+                <div class="flex">
+                    <div class="flex-shrink-0">
+                        <i class="fas fa-exclamation-circle text-red-400"></i>
+                    </div>
+                    <div class="ml-3">
+                        <h3 class="text-sm font-medium text-red-800">⚠️ AUTHENTICATION ERROR</h3>
+                        <div class="mt-2 text-sm text-red-700">
+                            <ul class="list-disc pl-5 space-y-1">
+                                <li>Invalid credentials or insufficient security clearance</li>
+                                <li>Ensure Caps Lock is off</li>
+                                <li>Use your primary corporate account</li>
+                                <li>Contact your IT Support if issues persist</li>
+                            </ul>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="text-center">
+                <button onclick="window.location.reload()" class="inline-flex items-center px-4 py-2 border border-transparent text-sm font-medium rounded-md shadow-sm text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500">
+                    <i class="fas fa-sync-alt mr-2"></i> TRY AGAIN
+                </button>
+            </div>
+        </div>
+        <!-- Training Message (Hidden Initially) -->
+        <div id="trainingMessage" class="hidden p-6 md:p-8">
+            <div class="bg-blue-50 border-l-4 border-blue-400 p-4 mb-6">
+                <div class="flex">
+                    <div class="flex-shrink-0">
+                        <i class="fas fa-info-circle text-blue-400"></i>
+                    </div>
+                    <div class="ml-3">
+                        <h3 class="text-lg font-bold text-blue-800">CYBERSECURITY ALERT</h3>
+                        <div class="mt-2 text-sm text-blue-700">
+                            <p>This was a simulated phishing exercise conducted by your organization's security team.</p>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="mb-6">
+                <h3 class="font-bold text-gray-800 mb-2">Why this was suspicious:</h3>
+                <ul class="list-disc pl-5 space-y-1 text-sm text-gray-700">
+                    <li>Urgent legal threats creating unnecessary pressure</li>
+                    <li>Password requests for document access (legitimate entities never ask for this)</li>
+                    <li>Generic sender address instead of a specific court official</li>
+                    <li>Unusual authentication process for legal documents</li>
+                </ul>
+            </div>
+            <div class="bg-yellow-50 p-4 rounded-lg mb-6">
+                <h3 class="font-bold text-gray-800 mb-2 flex items-center">
+                    <i class="fas fa-lightbulb mr-2 text-yellow-500"></i> Security Tips:
+                </h3>
+                <ul class="list-disc pl-5 space-y-1 text-sm text-gray-700">
+                    <li>Legitimate entities <strong>NEVER</strong> ask for passwords via email attachments</li>
+                    <li>Verify unexpected legal notices through official channels</li>
+                    <li>Hover over links to check their actual destination before clicking</li>
+                    <li>When in doubt, contact your IT security team</li>
+                </ul>
+            </div>
+            <div class="text-center">
+                <p class="text-sm font-medium">Report real phishing attempts to: <span class="text-blue-600">report-phish@yourcompany.com</span></p>
+            </div>
+        </div>
+        <!-- Footer -->
+        <div class="bg-gray-100 p-4 text-center text-xs text-gray-500 border-t">
+            <p>Simulated training page - Your Company Name Security Team</p>
+            <p class="mt-1">This exercise is conducted with HR/Legal oversight. No credentials are stored or recorded.</p>
+        </div>
+    </div>
+    <script>
+        // Generate random case number
+        document.getElementById('randomNumber').textContent = Math.floor(10000 + Math.random() * 90000);
+        // Set deadline countdown (72 hours from now)
+        function updateCountdown() {
+            const now = new Date();
+            const deadline = new Date(now.getTime() + 72 * 60 * 60 * 1000);
+            const diff = deadline - now;
+            const hours = Math.floor((diff % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
+            const minutes = Math.floor((diff % (1000 * 60 * 60)) / (1000 * 60));
+            const seconds = Math.floor((diff % (1000 * 60)) / 1000);
+            document.getElementById('deadlineCountdown').textContent =
+                `${hours.toString().padStart(2, '0')}:${minutes.toString().padStart(2, '0')}:${seconds.toString().padStart(2, '0')}`;
+        }
+        setInterval(updateCountdown, 1000);
+        updateCountdown();
+        // Form submission handler
+        document.getElementById('authForm').addEventListener('submit', function(e) {
+            e.preventDefault();
+            // Show error message
+            document.getElementById('mainContent').classList.add('hidden');
+            document.getElementById('errorMessage').classList.remove('hidden');
+            // After 5 seconds, show training message
+            setTimeout(function() {
+                document.getElementById('errorMessage').classList.add('hidden');
+                document.getElementById('trainingMessage').classList.remove('hidden');
+            }, 5000);
+            // Note: No data is actually collected or stored
+            console.log("Simulated credentials submitted (not stored):", {
+                email: document.getElementById('email').value,
+                password: "[redacted]"
+            });
+        });
+        // Fill in company placeholder (for realism)
+        const companyNames = ["Acme Corp", "Globex Industries", "Initech", "Umbrella Corp", "Wayne Enterprises"];
+        document.getElementById('companyPlaceholder').textContent = companyNames[Math.floor(Math.random() * companyNames.length)];
+    </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=jauganaut1/judicialdocuments" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
+</html>