Spaces:
Running
Running
<html><head><base href="https://websim.ai"><title>WebSim AI - Link and PDF Summarizer</title><style> | |
body { | |
font-family: Arial, sans-serif; | |
line-height: 1.6; | |
color: #333; | |
max-width: 800px; | |
margin: 0 auto; | |
padding: 20px; | |
background-color: #f0f8ff; | |
} | |
h1 { | |
color: #1a5f7a; | |
text-align: center; | |
} | |
.summary-box { | |
background-color: white; | |
border: 1px solid #ddd; | |
border-radius: 5px; | |
padding: 20px; | |
margin-top: 20px; | |
box-shadow: 0 2px 5px rgba(0,0,0,0.1); | |
} | |
form { | |
display: flex; | |
flex-direction: column; | |
gap: 10px; | |
} | |
input[type="text"], input[type="file"] { | |
width: 100%; | |
padding: 10px; | |
border: 1px solid #ddd; | |
border-radius: 3px; | |
} | |
input[type="submit"] { | |
background-color: #1a5f7a; | |
color: white; | |
border: none; | |
padding: 10px 20px; | |
border-radius: 3px; | |
cursor: pointer; | |
} | |
input[type="submit"]:hover { | |
background-color: #134b61; | |
} | |
.loading { | |
text-align: center; | |
margin-top: 20px; | |
font-style: italic; | |
color: #666; | |
} | |
@keyframes pulse { | |
0% { opacity: 0.5; } | |
50% { opacity: 1; } | |
100% { opacity: 0.5; } | |
} | |
.loading::after { | |
content: '...'; | |
animation: pulse 1.5s infinite; | |
display: inline-block; | |
} | |
</style></head><body> | |
<h1>WebSim AI - Link and PDF Summarizer</h1> | |
<div class="summary-box"> | |
<p>Welcome to the WebSim AI Link and PDF Summarizer! This tool uses advanced natural language processing to provide concise summaries of articles, web pages, and PDF documents. Simply paste a link or upload a PDF file, and our AI will generate a comprehensive summary for you.</p> | |
<form action="/summarize" method="GET"> | |
<input type="text" name="url" placeholder="Enter a URL to summarize" required> | |
<input type="file" name="pdf" accept=".pdf"> | |
<input type="submit" value="Summarize"> | |
</form> | |
</div> | |
<div class="loading" style="display:none;">Analyzing and summarizing your content</div> | |
<script> | |
document.querySelector('form').addEventListener('submit', function(e) { | |
e.preventDefault(); | |
document.querySelector('.loading').style.display = 'block'; | |
// Simulating API call and response | |
setTimeout(() => { | |
document.querySelector('.loading').style.display = 'none'; | |
const summaryBox = document.querySelector('.summary-box'); | |
summaryBox.innerHTML = '<h2>Summary</h2><p>The WebSim AI Link and PDF Summarizer is a powerful tool that leverages artificial intelligence to provide concise summaries of web content and PDF documents. Key features include:</p><ul><li>URL summarization: Simply paste a link, and the AI will analyze and summarize the webpage content.</li><li>PDF support: Upload PDF files for quick and accurate summaries.</li><li>Advanced NLP: Utilizes state-of-the-art natural language processing for high-quality summaries.</li><li>User-friendly interface: Easy-to-use form for inputting URLs or uploading PDFs.</li><li>Quick results: Generates summaries within seconds, saving time for users.</li></ul><p>This tool is ideal for researchers, students, professionals, or anyone looking to quickly grasp the main points of lengthy articles or documents without reading through the entire content.</p>'; | |
}, 2000); | |
}); | |
</script> | |
</body></html> |