Spaces:
Running
Running
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Blockchain Text Analyzer | Built with anycoder</title> | |
| <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet"> | |
| <link rel="stylesheet" href="style.css"> | |
| </head> | |
| <body> | |
| <div class="container"> | |
| <header class="my-4"> | |
| <h1 class="text-center">Blockchain Text Analyzer</h1> | |
| <p class="text-center text-muted">Analyze blockchain-related text with AI</p> | |
| <p class="text-center"> | |
| <small><a href="https://huggingface.co/spaces/akhaliq/anycoder" target="_blank">Built with anycoder</a></small> | |
| </p> | |
| </header> | |
| <div class="row"> | |
| <div class="col-md-6"> | |
| <div class="card mb-4"> | |
| <div class="card-header"> | |
| <h5>Input Text</h5> | |
| </div> | |
| <div class="card-body"> | |
| <textarea id="inputText" class="form-control" rows="8" placeholder="Enter blockchain-related text to analyze..."></textarea> | |
| <div class="d-grid gap-2 mt-3"> | |
| <button id="analyzeBtn" class="btn btn-primary"> | |
| <span id="analyzeText">Analyze Text</span> | |
| <span id="analyzeSpinner" class="spinner-border spinner-border-sm d-none" role="status"></span> | |
| </button> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="col-md-6"> | |
| <div class="card mb-4"> | |
| <div class="card-header"> | |
| <h5>Analysis Results</h5> | |
| </div> | |
| <div class="card-body"> | |
| <div id="loadingIndicator" class="text-center d-none"> | |
| <div class="spinner-border text-primary" role="status"> | |
| <span class="visually-hidden">Loading...</span> | |
| </div> | |
| <p class="mt-2">Analyzing text...</p> | |
| <div class="progress mt-2"> | |
| <div id="modelProgress" class="progress-bar progress-bar-striped progress-bar-animated" role="progressbar" style="width: 0%"></div> | |
| </div> | |
| </div> | |
| <div id="resultsContainer" class="d-none"> | |
| <h6>Sentiment Analysis</h6> | |
| <div id="sentimentResult" class="mb-3 p-3 rounded"></div> | |
| <h6>Named Entities</h6> | |
| <div id="entitiesResult" class="mb-3"></div> | |
| <h6>Text Classification</h6> | |
| <div id="classificationResult" class="mb-3"></div> | |
| </div> | |
| <div id="errorContainer" class="alert alert-danger d-none" role="alert"></div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <script src="https://cdn.jsdelivr.net/npm/@huggingface/transformers"></script> | |
| <script src="index.js"></script> | |
| </body> | |
| </html> |