Spaces:
Sleeping
Sleeping
File size: 3,317 Bytes
fa84d70 e48be7e fa84d70 b2bc850 fa84d70 b2bc850 fa84d70 c1edee1 |
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 67 68 69 70 71 72 73 74 75 76 77 78 79 80 |
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>AIservices</title>
<link rel="stylesheet" href="/static/appS.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
</head>
<body>
<header class="intro">
<div class="return">
<i class="fa-solid fa-arrow-left"></i>
</div>
<img src="/resources/aiRobot1.png" alt="AI Assistant Chris">
<span>Hi there , it's <em> Aidan </em> again , give me a document /image and I’ll Summarize/ Caption it</span>
</header>
<div class="explainChoix fade-in">
<span>Choose a mode to either summarize a document (PDF, DOCX, PPTX, XLSX) or caption an image</span>
<button>Got it</button>
</div>
<ul class="select-options">
<li><label><input type="radio" name="mode" value="Summarize"> Summarize</label></li>
<li><label><input type="radio" name="mode" value="Captioning"> Captioning</label></li>
</ul>
<div class="convo">
</div>
<div class="qtdoc">
<div class="CaptionInput active">
<div class="selectImg">
<p>Select an image :</p>
</div>
<div class="captionButtons">
<i class="fa-solid fa-image" id="image-btn" title="Upload image"></i>
<button class="sendingQA">Send</button>
</div>
</div>
<div class="SummarizeInput innactive">
<div class="LengthS">
<p>Summary lenght :</p>
<ul class="select-optionsS">
<li><label><input type="radio" name="lenght" value="Short"> Short</label></li>
<li><label><input type="radio" name="lenght" value="Medium"> Medium</label></li>
<li><label><input type="radio" name="lenght" value="Long"> Long</label></li>
</ul>
</div>
<div class="SummuririzeButtons">
<i class="fa-solid fa-file" id="file-btn" title="Upload file"></i>
<button class="sendingQA">Send</button>
</div>
</div>
</div>
<input type="file" id="file-upload" accept=".pdf,.doc,.txt" style="display:none">
<input type="file" id="image-upload" accept="image/*" style="display:none">
<script src="/static/appS.js"></script>
<script>
document.addEventListener('DOMContentLoaded', () => {
const fadeElements = document.querySelectorAll('.fade-in');
const isInViewport = (el) => {
const rect = el.getBoundingClientRect();
return (
rect.top <= (window.innerHeight || document.documentElement.clientHeight)
);
};
const runAnimations = () => {
fadeElements.forEach(el => {
if (isInViewport(el)) {
el.classList.add('active');
}
});
};
runAnimations();
window.addEventListener('scroll', runAnimations);
});
</script>
</body>
</html>
|