Spaces:
Running
Running
Create a program that uses Microsoft Presido to redact PII from documents but using an Australian context
0d4afe5
verified
| <html lang="en" class="h-full"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Aussie Redact Mate - PII Redaction Tool</title> | |
| <link rel="stylesheet" href="style.css"> | |
| <script src="https://cdn.tailwindcss.com"></script> | |
| <script src="https://unpkg.com/feather-icons"></script> | |
| <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script> | |
| <script src="components/navbar.js"></script> | |
| <script src="components/footer.js"></script> | |
| </head> | |
| <body class="min-h-screen flex flex-col bg-gray-50"> | |
| <custom-navbar></custom-navbar> | |
| <main class="flex-grow container mx-auto px-4 py-8"> | |
| <div class="max-w-4xl mx-auto bg-white rounded-xl shadow-md overflow-hidden p-6"> | |
| <div class="text-center mb-8"> | |
| <h1 class="text-3xl font-bold text-gray-800 mb-2">Aussie Redact Mate</h1> | |
| <p class="text-gray-600">Protect privacy with Microsoft Presidio - Australian Edition</p> | |
| </div> | |
| <div class="grid grid-cols-1 md:grid-cols-2 gap-6"> | |
| <div class="space-y-4"> | |
| <div> | |
| <label for="input-text" class="block text-sm font-medium text-gray-700 mb-1">Enter your text</label> | |
| <textarea id="input-text" rows="12" class="w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500" placeholder="Paste document containing PII here..."></textarea> | |
| </div> | |
| <button id="redact-btn" class="w-full bg-blue-600 hover:bg-blue-700 text-white font-medium py-2 px-4 rounded-md shadow-sm transition duration-150 ease-in-out flex items-center justify-center"> | |
| <i data-feather="shield" class="mr-2"></i> Redact PII | |
| </button> | |
| </div> | |
| <div> | |
| <label for="output-text" class="block text-sm font-medium text-gray-700 mb-1">Redacted result</label> | |
| <textarea id="output-text" rows="12" readonly class="w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm bg-gray-50"></textarea> | |
| <div class="mt-4 flex space-x-2"> | |
| <button id="copy-btn" class="flex-1 bg-gray-200 hover:bg-gray-300 text-gray-800 font-medium py-2 px-4 rounded-md shadow-sm transition duration-150 ease-in-out flex items-center justify-center"> | |
| <i data-feather="copy" class="mr-2"></i> Copy | |
| </button> | |
| <button id="download-btn" class="flex-1 bg-gray-200 hover:bg-gray-300 text-gray-800 font-medium py-2 px-4 rounded-md shadow-sm transition duration-150 ease-in-out flex items-center justify-center"> | |
| <i data-feather="download" class="mr-2"></i> Download | |
| </button> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="mt-8 border-t pt-6"> | |
| <h2 class="text-xl font-semibold text-gray-800 mb-4">Australian PII Detection</h2> | |
| <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4"> | |
| <div class="bg-green-50 p-4 rounded-lg border border-green-100"> | |
| <div class="flex items-center mb-2"> | |
| <div class="w-8 h-8 rounded-full bg-green-100 flex items-center justify-center mr-2"> | |
| <i data-feather="credit-card" class="text-green-600"></i> | |
| </div> | |
| <h3 class="font-medium text-green-800">Australian Tax File Numbers</h3> | |
| </div> | |
| <p class="text-sm text-green-600">Detects TFN formats like 123-456-782</p> | |
| </div> | |
| <div class="bg-blue-50 p-4 rounded-lg border border-blue-100"> | |
| <div class="flex items-center mb-2"> | |
| <div class="w-8 h-8 rounded-full bg-blue-100 flex items-center justify-center mr-2"> | |
| <i data-feather="id" class="text-blue-600"></i> | |
| </div> | |
| <h3 class="font-medium text-blue-800">Medicare Numbers</h3> | |
| </div> | |
| <p class="text-sm text-blue-600">Identifies Medicare card details</p> | |
| </div> | |
| <div class="bg-purple-50 p-4 rounded-lg border border-purple-100"> | |
| <div class="flex items-center mb-2"> | |
| <div class="w-8 h-8 rounded-full bg-purple-100 flex items-center justify-center mr-2"> | |
| <i data-feather="home" class="text-purple-600"></i> | |
| </div> | |
| <h3 class="font-medium text-purple-800">Australian Addresses</h3> | |
| </div> | |
| <p class="text-sm text-purple-600">Recognizes Australian street addresses</p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </main> | |
| <custom-footer></custom-footer> | |
| <script src="script.js"></script> | |
| <script> | |
| feather.replace(); | |
| </script> | |
| <script src="https://huggingface.co/deepsite/deepsite-badge.js"></script> | |
| </body> | |
| </html> |