BabakScrapes's picture
Update templates/index.html
54274cc verified
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="templates/style.css" type="text/css"/>
<title>Upload File</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<style>
/* Optional CSS to style the title and description */
.title {
font-size: 2em;
font-weight: bold;
margin-bottom: 0.5em;
}
.description {
font-size: 1.2em;
color:#555;
}
</style>
</head>
<body>
<div id="content">
<h1> Multi-text Anecdotal Discourse Classification</h1>
<p class="description">
This tool identifies anecdotal versus generalized portions of natural text. A demo of the model can be found
<a href="https://huggingface.co/spaces/BabakScrapes/Anecedotal_Discourse_Classifier_Demo" target="_blank" rel="noopener noreferrer">
here
</a>.
It can be used to classify clauses in many texts at once. More information about the model and the labels it provides can be found in
<a href="https://huggingface.co/spaces/BabakScrapes/Anecedotal_Discourse_Classifier_Multitext/blob/main/README.md" target="_blank" rel="noopener noreferrer">
this README file
</a>.
<br>
To use the tool, upload correctly formatted input files:<br>
If uploading a TXT file, each text to be classified should be placed on a separate line.<br>
If uploading a CSV file, each text should be placed in a single cell of the first column.<br>
</p>
<form action="/" method="post" enctype="multipart/form-data">
<input type="file" name="file">
<input type="submit" value="Upload" onclick="loading();">
</form>
</div>
<div id="loading">
<!-- Add the loading message here -->
<p>File received. If you have not received a prompt to save the output,
your text is still processing. Please wait. If you have saved an
output file and would like to submit a new document for processing,
please refresh the page.
</p>
</div>
<script type="text/javascript">
function loading(){
// Show the loading div and hide the content div
$("#loading").show();
$("#content").hide();
}
</script>
</body>
</html>