Spaces:
Sleeping
Sleeping
File size: 1,608 Bytes
caa79cc a73ec05 5c4aab2 a73ec05 5c4aab2 a73ec05 5c4aab2 a73ec05 5c4aab2 a73ec05 caa79cc 2e3e846 a73ec05 5c4aab2 2e3e846 5c4aab2 10dfa5a 5c4aab2 d13ab20 5c4aab2 2e3e846 5c4aab2 a73ec05 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 |
<html>
<head>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.4/css/all.css">
<style>
body {
font-family: Arial, sans-serif;
background: linear-gradient(45deg, #007bff 0%, #0056b3 100%);
color: white;
text-align: center;
padding: 20px;
}
.container {
max-width: 600px;
margin: auto;
padding: 20px;
border-radius: 8px;
background: rgba(0, 0, 0, 0.2);
}
.button {
display: inline-block;
padding: 10px 20px;
margin: 10px;
border-radius: 24px;
background-color: rgba(54, 54, 54, 1);
color: white;
text-decoration: none;
font-size: 16px;
}
.button:hover {
background-color: rgba(54, 54, 54, 0.75);
}
input {
margin-top: 10px;
padding: 8px;
border-radius: 5px;
}
</style>
</head>
<body>
<div class="container">
<h1>PDF Voice Reader</h1>
<p>Extract and listen to text from your PDF files effortlessly.</p>
<!-- File Upload -->
<input type="file" id="pdfUpload" accept="application/pdf">
<br><br>
<!-- Buttons -->
<a href="#" class="button" onclick="extractText()">Extract Text</a>
<a href="#" class="button" onclick="readText()">Read Aloud</a>
</div>
<script>
function extractText() {
alert("Text extraction coming soon...");
}
function readText() {
alert("Voice synthesis coming soon...");
}
</script>
</body>
</html>
|