Spaces:
Sleeping
Sleeping
| <html lang="hi"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Hindi Hate Speech Detector</title> | |
| <link rel="preconnect" href="https://fonts.googleapis.com"> | |
| <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> | |
| <link href="https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;700&family=Rozha+One&display=swap" rel="stylesheet"> | |
| <link rel="stylesheet" href="/static/style.css"> | |
| </head> | |
| <body> | |
| <div class="background-shapes"> | |
| <div class="shape shape-1"></div> | |
| <div class="shape shape-2"></div> | |
| <div class="shape shape-3"></div> | |
| </div> | |
| <div class="container"> | |
| <header> | |
| <h1>Hindi Hate Speech Detector</h1> | |
| <p class="subtitle">Advanced AI to identify toxic content in Hindi text</p> | |
| </header> | |
| <main> | |
| <div class="card input-card"> | |
| <div class="input-wrapper"> | |
| <textarea id="inputText" placeholder="यहाँ अपना टेक्स्ट लिखें... (Type Hindi text here)"></textarea> | |
| <div class="char-count">0 / 500</div> | |
| </div> | |
| <button id="analyzeBtn" class="btn-primary"> | |
| <span class="btn-text">Analyze Text</span> | |
| <div class="loader hidden"></div> | |
| </button> | |
| </div> | |
| <div id="resultCard" class="card result-card hidden"> | |
| <div class="result-header"> | |
| <h2>Analysis Result</h2> | |
| <span id="confidenceScore" class="confidence"></span> | |
| </div> | |
| <div class="result-content"> | |
| <div id="resultIcon" class="icon"></div> | |
| <div class="result-text"> | |
| <h3 id="resultLabel"></h3> | |
| <p id="resultMessage"></p> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="examples-section"> | |
| <h3>Try Examples</h3> | |
| <div class="examples-grid" id="examplesGrid"> | |
| <!-- Examples will be populated by JS --> | |
| </div> | |
| </div> | |
| </main> | |
| <footer> | |
| <p>Powered by BERT-CNN Ensemble Model</p> | |
| </footer> | |
| </div> | |
| <script src="/static/script.js"></script> | |
| </body> | |
| </html> | |