Spaces:
Sleeping
Sleeping
| {#L1 labels/object#} | |
| {#L2 Logo Detection#} | |
| {#L3 Text/OCR#} | |
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <title>BISINDO Translator</title> | |
| <link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}"/> | |
| <!-- Bootstrap CSS --> | |
| <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" | |
| integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous"> | |
| <!-- Font Awesome CSS --> | |
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/fontawesome.min.css" | |
| integrity="sha512-xX2rYBFJSj86W54Fyv1de80DWBq7zYLn2z0I9bIhQG+rxIF6XVJUpdGnsNHWRa6AvP89vtFupEPDP8eZAtu9qA==" | |
| crossorigin="anonymous" referrerpolicy="no-referrer"/> | |
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/brands.min.css" | |
| integrity="sha512-OivR4OdSsE1onDm/i3J3Hpsm5GmOVvr9r49K3jJ0dnsxVzZgaOJ5MfxEAxCyGrzWozL9uJGKz6un3A7L+redIQ==" | |
| crossorigin="anonymous" referrerpolicy="no-referrer"/> | |
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css" | |
| integrity="sha512-KfkfwYDsLkIlwQp6LFnl8zNdLGxu9YAA1QvwINks4PhcElQSvqcyVLLD9aMhXd13uQjoXtEKNosOWaZqXgel0g==" | |
| crossorigin="anonymous" referrerpolicy="no-referrer"/> | |
| <!-- Bootstrap Icons CSS --> | |
| <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.4/font/bootstrap-icons.css"> | |
| <!-- DataTables Bootstrap CSS --> | |
| <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.12.0/css/dataTables.bootstrap5.min.css"> | |
| <!-- Flowbite CSS --> | |
| <link href="https://cdnjs.cloudflare.com/ajax/libs/flowbite/2.2.0/flowbite.min.css" rel="stylesheet" /> | |
| <!-- Google Fonts --> | |
| <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap"> | |
| </head> | |
| <body class="bg-light-grey"> | |
| <div class="container mt-5"> | |
| <div class="card bg-medium-grey text-white"> | |
| <div class="card-header bg-dark-grey"> | |
| BISINDO Translator | |
| </div> | |
| <div class="card-body"> | |
| <div class="grid grid-cols-12 gap-4"> | |
| <!-- Controls --> | |
| <div class="col-span-2"> | |
| <h2 class="border-b border-grey py-4 mb-4 text-3xl font-bold leading-none tracking-tight md:text-4xl lg:text-4xl text-light-grey">Controls</h2> | |
| <!-- Controls content here --> | |
| </div> | |
| <!-- Video --> | |
| <div class="col-span-8"> | |
| <!-- Video content here --> | |
| </div> | |
| <!-- Terminal --> | |
| <div class="col-span-2"> | |
| <h2 class="border-b border-grey py-4 mb-4 text-3xl flex justify-end font-bold leading-none tracking-tight md:text-4xl lg:text-4xl text-light-grey">Output</h2> | |
| <!-- Terminal content here --> | |
| </div> | |
| </div> | |
| <!-- Final Sentence --> | |
| <div class="flex items-center mx-12 text-center content-start gap-4 border-b border-grey py-4 justify-center"> | |
| <span class="text-center inline-block px-3 py-1 text-xs font-bold tracking-wide text-dark-grey bg-info rounded-full">Collecting every 10 consecutive occurrences of the same word</span> | |
| </div> | |
| <div> | |
| <p id="finalSentencePara" class="text-light-grey mt-4 text-center"></p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Bootstrap JS --> | |
| <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script> | |
| </body> | |
| </html> | |