Repository navigation
Expand file tree
/
Copy pathindex.html
More file actions
141 lines (131 loc) · 20.5 KB
/
Copy pathindex.html
File metadata and controls
141 lines (131 loc) · 20.5 KB
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
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
<!DOCTYPE html>
<html lang="en" style="scroll-behavior:smooth">
<head>
<meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Sheetstudio — AI Exam Answer Writer for JNTUH B.Tech</title>
<meta name="description" content="Plan, retrieve, write and critique full exam answers with diagrams. Print typeset or handwritten sheets. Free with your own Groq or Gemini key.">
<meta property="og:title" content="Sheetstudio — AI Exam Answer Writer"><meta property="og:description" content="Full-length JNTUH-style answers with diagrams, handwriting mode and print-ready sheets.">
<meta name="theme-color" content="#1B133C"><link rel="icon" href="favicon.svg" type="image/svg+xml"><link rel="manifest" href="manifest.webmanifest"><link rel="apple-touch-icon" href="icon-192.png">
<link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Inter:wght@400;500;600&display=swap" rel="stylesheet">
<script src="https://cdn.tailwindcss.com/3.4.17"></script>
<style>body{font-family:'Inter',sans-serif;color:#1B133C}section[id]{scroll-margin-top:90px}summary::-webkit-details-marker{display:none}details[open] .plus{transform:rotate(45deg)}</style>
</head>
<body>
<nav class="fixed top-0 inset-x-0 z-50 flex justify-center pt-4 md:pt-6 px-4">
<div class="relative flex items-center gap-6 md:gap-8 bg-white/70 backdrop-blur-md rounded-xl px-4 md:px-6 py-3 shadow-sm">
<a href="#top" aria-label="Sheetstudio home"><svg width="24" height="24" viewBox="0 0 256 256" fill="#1B133C" aria-hidden="true"><path d="M 256 256 L 128 256 L 0 128 L 128 128 Z"/><path d="M 256 128 L 128 128 L 0 0 L 128 0 Z"/></svg></a>
<div class="hidden sm:flex items-center gap-6">
<a href="#features" class="text-sm font-medium text-[#1B133C]/80 hover:text-[#1B133C] transition-colors">Features</a>
<a href="#marks" class="text-sm font-medium text-[#1B133C]/80 hover:text-[#1B133C] transition-colors">Marks</a>
<a href="#process" class="text-sm font-medium text-[#1B133C]/80 hover:text-[#1B133C] transition-colors">Process</a>
<a href="#privacy" class="text-sm font-medium text-[#1B133C]/80 hover:text-[#1B133C] transition-colors">Privacy</a>
<a href="#faq" class="text-sm font-medium text-[#1B133C]/80 hover:text-[#1B133C] transition-colors">FAQ</a>
<a href="#about" class="text-sm font-medium text-[#1B133C]/80 hover:text-[#1B133C] transition-colors">About</a>
<a href="studio.html" class="rounded-lg bg-[#1B133C] px-3 py-1.5 text-sm font-semibold text-white hover:opacity-90 transition-opacity">Studio</a>
</div>
<details class="sm:hidden">
<summary class="list-none cursor-pointer text-sm font-medium text-[#1B133C]/80">Menu</summary>
<div class="absolute right-0 top-full mt-2 w-44 rounded-xl bg-white/95 backdrop-blur-md shadow-md p-2 flex flex-col text-sm font-medium">
<a class="px-3 py-2 rounded-lg hover:bg-[#1B133C]/5" href="#features">Features</a><a class="px-3 py-2 rounded-lg hover:bg-[#1B133C]/5" href="#marks">Marks</a><a class="px-3 py-2 rounded-lg hover:bg-[#1B133C]/5" href="#process">Process</a>
<a class="px-3 py-2 rounded-lg hover:bg-[#1B133C]/5" href="#privacy">Privacy</a><a class="px-3 py-2 rounded-lg hover:bg-[#1B133C]/5" href="#faq">FAQ</a>
<a class="px-3 py-2 rounded-lg hover:bg-[#1B133C]/5" href="#about">About</a><a class="px-3 py-2 rounded-lg bg-[#1B133C] text-white mt-1" href="studio.html">Open Studio</a>
</div>
</details>
</div>
</nav>
<section id="top" class="relative h-screen w-full overflow-hidden flex flex-col bg-[#E9E4F7]">
<video id="bgv" class="absolute inset-0 z-0 w-full h-[130%] object-cover object-top" src="https://d8j0ntlcm91z4.cloudfront.net/user_38xzZboKViGWJOttwIXH07lWA1P/hf_20260714_113715_c7e0daa0-8bdd-4486-a2da-040901f8f0ea.mp4" autoplay muted loop playsinline preload="auto" aria-hidden="true"></video>
<div class="relative z-10 mt-8 md:mt-16 pt-16 md:pt-[72px] flex flex-col items-center text-center px-4">
<div class="mb-6 inline-flex items-center gap-2 rounded-xl border border-[#1B133C]/10 bg-white/70 backdrop-blur-sm px-4 py-2 text-sm font-medium">
<span class="bg-orange-500 rounded w-5 h-5 inline-flex items-center justify-center text-white text-xs font-bold">AI</span>Free with Groq and Gemini keys</div>
<h1 class="font-['Instrument_Serif'] text-4xl sm:text-5xl md:text-7xl lg:text-8xl leading-[0.95] tracking-tight text-[#1B133C] max-w-4xl">Full exam answers<br>in minutes, not hours</h1>
<p class="mt-5 sm:mt-6 max-w-3xl text-xs sm:text-sm md:text-base leading-relaxed text-[#1B133C]/70">An AI agent plans, retrieves from syllabus notes, writes and critiques every JNTUH-style answer, with diagrams, then prints it typeset or in handwriting. No sign-up, no server, your key stays in your browser.</p>
<div class="mt-7 sm:mt-8 flex flex-col sm:flex-row gap-3">
<a href="studio.html" class="rounded-xl bg-[#FEFEFE] px-6 sm:px-8 py-3 sm:py-3.5 text-sm font-semibold text-[#1B133C] shadow-[0px_4px_12px_rgba(0,0,0,0.15)] hover:shadow-[0px_6px_16px_rgba(0,0,0,0.2)] transition-all duration-300">Open the Studio</a>
<a href="#process" class="rounded-xl border border-[#1B133C]/15 bg-white/50 backdrop-blur-sm px-6 sm:px-8 py-3 sm:py-3.5 text-sm font-semibold hover:bg-white/80 transition-all duration-300">See how it works</a>
</div>
</div>
</section>
<section id="features" class="bg-white px-5 py-20 md:py-28"><div class="mx-auto max-w-6xl">
<h2 class="font-['Instrument_Serif'] text-4xl md:text-6xl leading-[1] tracking-tight max-w-3xl">Everything an answer sheet needs.</h2>
<p class="mt-4 max-w-2xl text-[#1B133C]/70">One studio takes you from a question to a print-ready page.</p>
<div class="mt-12 grid gap-4 sm:grid-cols-2 lg:grid-cols-3">
<div class="rounded-2xl border border-[#1B133C]/10 p-6"><h3 class="font-semibold">Agentic writing pipeline</h3><p class="mt-2 text-sm text-[#1B133C]/70">Write, then an independent correctness check, then a verification of topic and length for 2 to 20 marks.</p></div>
<div class="rounded-2xl border border-[#1B133C]/10 p-6"><h3 class="font-semibold">Syllabus-grounded RAG</h3><p class="mt-2 text-sm text-[#1B133C]/70">Answers draw on notes from DBMS, OS, networks, cryptography, ML and more. Add your own units.</p></div>
<div class="rounded-2xl border border-[#1B133C]/10 p-6"><h3 class="font-semibold">Auto-detected AI model</h3><p class="mt-2 text-sm text-[#1B133C]/70">Paste a Groq or Gemini key. The provider and best free model are found for you, with automatic fallback.</p></div>
<div class="rounded-2xl border border-[#1B133C]/10 p-6"><h3 class="font-semibold">Diagrams that render</h3><p class="mt-2 text-sm text-[#1B133C]/70">Flowcharts, sequence, ER, class, state, mind maps, timelines, pie and Gantt charts. Broken diagrams are auto-repaired.</p></div>
<div class="rounded-2xl border border-[#1B133C]/10 p-6"><h3 class="font-semibold">Typeset or handwritten</h3><p class="mt-2 text-sm text-[#1B133C]/70">A typeset sheet or 8 handwriting styles in 4 ink colours, on plain white, ruled, squared or dotted paper, with an optional page border.</p></div>
<div class="rounded-2xl border border-[#1B133C]/10 p-6"><h3 class="font-semibold">Submission-ready sheets</h3><p class="mt-2 text-sm text-[#1B133C]/70">Cover page, details strip, watermark, page numbers with your name and roll number, and a saved library with backup and restore.</p></div>
</div></div></section>
<section id="marks" class="bg-[#F6F4FC] px-5 py-20 md:py-28"><div class="mx-auto max-w-6xl">
<h2 class="font-['Instrument_Serif'] text-4xl md:text-6xl leading-[1] tracking-tight max-w-3xl">Only what you asked for.</h2>
<p class="mt-4 max-w-2xl text-[#1B133C]/70">The marks you pick set the length of a theory answer. Programs get just the program and its output. Anything extra is added only when you tick it.</p>
<div class="mt-10 overflow-x-auto rounded-2xl border border-[#1B133C]/10 bg-white p-5"><table class="w-full min-w-[460px] text-left text-sm"><thead><tr class="text-xs uppercase tracking-wider text-[#1B133C]/50"><th class="pb-3 pr-4">Marks</th><th class="pb-3 pr-4">Words</th><th class="pb-3">Structure</th></tr></thead><tbody><tr class="border-t border-[#1B133C]/10"><td class="py-3 pr-4 font-semibold">2</td><td class="py-3 pr-4">40–70</td><td class="py-3 text-[#1B133C]/70">A short definition</td></tr><tr class="border-t border-[#1B133C]/10"><td class="py-3 pr-4 font-semibold">5</td><td class="py-3 pr-4">150–220</td><td class="py-3 text-[#1B133C]/70">Definition and 4 to 6 key points</td></tr><tr class="border-t border-[#1B133C]/10"><td class="py-3 pr-4 font-semibold">8</td><td class="py-3 pr-4">300–380</td><td class="py-3 text-[#1B133C]/70">Definition and 3 explained sub-headings</td></tr><tr class="border-t border-[#1B133C]/10"><td class="py-3 pr-4 font-semibold">10</td><td class="py-3 pr-4">400–520</td><td class="py-3 text-[#1B133C]/70">Definition and 4 explained sub-headings</td></tr><tr class="border-t border-[#1B133C]/10"><td class="py-3 pr-4 font-semibold">16</td><td class="py-3 pr-4">700–900</td><td class="py-3 text-[#1B133C]/70">Definition and 5 to 6 explained sub-headings</td></tr><tr class="border-t border-[#1B133C]/10"><td class="py-3 pr-4 font-semibold">20</td><td class="py-3 pr-4">950–1200</td><td class="py-3 text-[#1B133C]/70">Definition and 6 to 8 explained sub-headings</td></tr></tbody></table></div>
<p class="mt-8 text-sm text-[#1B133C]/70">Optional add-ons, per run:</p><div class="mt-3 flex flex-wrap gap-2 text-xs sm:text-sm"><span class="rounded-full border border-[#1B133C]/15 bg-white px-3 py-1.5">Diagram</span><span class="rounded-full border border-[#1B133C]/15 bg-white px-3 py-1.5">Table</span><span class="rounded-full border border-[#1B133C]/15 bg-white px-3 py-1.5">Example</span><span class="rounded-full border border-[#1B133C]/15 bg-white px-3 py-1.5">Pros and cons</span><span class="rounded-full border border-[#1B133C]/15 bg-white px-3 py-1.5">Algorithm</span><span class="rounded-full border border-[#1B133C]/15 bg-white px-3 py-1.5">Explanation</span><span class="rounded-full border border-[#1B133C]/15 bg-white px-3 py-1.5">Complexity</span><span class="rounded-full border border-[#1B133C]/15 bg-white px-3 py-1.5">Conclusion</span><span class="rounded-full border border-[#1B133C]/15 bg-white px-3 py-1.5">Viva questions</span></div></div></section>
<section id="process" class="bg-[#F6F4FC] px-5 py-20 md:py-28"><div class="mx-auto max-w-6xl">
<h2 class="font-['Instrument_Serif'] text-4xl md:text-6xl leading-[1] tracking-tight">From question to sheet in four steps.</h2>
<ol class="mt-12 grid gap-6 md:grid-cols-4">
<li class="border-t border-[#1B133C]/20 pt-4"><span class="text-sm font-semibold text-orange-600">Step 1</span><h3 class="mt-1 font-['Instrument_Serif'] text-3xl">Add a key</h3><p class="mt-2 text-sm text-[#1B133C]/70">Create a free key at Groq or Google AI Studio and paste it once.</p></li>
<li class="border-t border-[#1B133C]/20 pt-4"><span class="text-sm font-semibold text-orange-600">Step 2</span><h3 class="mt-1 font-['Instrument_Serif'] text-3xl">Ask</h3><p class="mt-2 text-sm text-[#1B133C]/70">Add as many question fields as you need, set the marks for each, and generate every answer in one go, in order.</p></li>
<li class="border-t border-[#1B133C]/20 pt-4"><span class="text-sm font-semibold text-orange-600">Step 3</span><h3 class="mt-1 font-['Instrument_Serif'] text-3xl">Refine</h3><p class="mt-2 text-sm text-[#1B133C]/70">Edit the Markdown, add your details, pick a mode and a watermark.</p></li>
<li class="border-t border-[#1B133C]/20 pt-4"><span class="text-sm font-semibold text-orange-600">Step 4</span><h3 class="mt-1 font-['Instrument_Serif'] text-3xl">Export</h3><p class="mt-2 text-sm text-[#1B133C]/70">Print or save as PDF, or send the file to your faculty.</p></li>
</ol>
<div class="mt-12"><a href="studio.html" class="inline-block rounded-xl bg-[#1B133C] px-8 py-3.5 text-sm font-semibold text-white shadow-[0px_4px_12px_rgba(0,0,0,0.15)] hover:shadow-[0px_6px_16px_rgba(0,0,0,0.25)] transition-all duration-300">Open the Studio</a></div>
</div></section>
<section id="privacy" class="bg-[#1B133C] px-5 py-20 md:py-28 text-white"><div class="mx-auto max-w-6xl">
<h2 class="font-['Instrument_Serif'] text-4xl md:text-6xl leading-[1] tracking-tight max-w-3xl">Private by design.</h2>
<div class="mt-12 grid gap-8 sm:grid-cols-2">
<div><h3 class="font-semibold">Your key stays with you</h3><p class="mt-2 text-sm text-white/70">Keys are stored only in your browser and sent only to Groq or Google. There is no server in between.</p></div>
<div><h3 class="font-semibold">No account, no tracking</h3><p class="mt-2 text-sm text-white/70">Drafts and your library live in this browser. Export a backup any time.</p></div>
<div><h3 class="font-semibold">Sanitised output</h3><p class="mt-2 text-sm text-white/70">AI text is cleaned before display, and questions are treated as data, not instructions.</p></div>
<div><h3 class="font-semibold">Sensible limits</h3><p class="mt-2 text-sm text-white/70">Question length, daily runs and a cooldown protect your free quota.</p></div>
</div></div></section>
<section id="faq" class="bg-white px-5 py-20 md:py-28"><div class="mx-auto max-w-3xl">
<h2 class="font-['Instrument_Serif'] text-4xl md:text-6xl leading-[1] tracking-tight">Questions, answered.</h2>
<div class="mt-10 divide-y divide-[#1B133C]/10 border-y border-[#1B133C]/10">
<details class="group py-4"><summary class="flex cursor-pointer list-none items-center justify-between font-semibold">Is it really free?<span class="plus text-xl transition-transform">+</span></summary><p class="mt-3 text-sm text-[#1B133C]/70">The site is free. You use your own free Groq or Gemini key, which have their own usage limits.</p></details>
<details class="group py-4"><summary class="flex cursor-pointer list-none items-center justify-between font-semibold">Where do I get a key?<span class="plus text-xl transition-transform">+</span></summary><p class="mt-3 text-sm text-[#1B133C]/70">Groq keys start with gsk_ and come from console.groq.com/keys. Gemini keys start with AIza and come from aistudio.google.com/apikey.</p></details>
<details class="group py-4"><summary class="flex cursor-pointer list-none items-center justify-between font-semibold">Can I trust the answers?<span class="plus text-xl transition-transform">+</span></summary><p class="mt-3 text-sm text-[#1B133C]/70">Treat them as a strong draft. AI can make mistakes, so check facts, formulas and code against your textbook.</p></details>
<details class="group py-4"><summary class="flex cursor-pointer list-none items-center justify-between font-semibold">Can I submit AI-written work?<span class="plus text-xl transition-transform">+</span></summary><p class="mt-3 text-sm text-[#1B133C]/70">Check your college's rules on AI-assisted work first. Sheetstudio is best used to learn, revise and prepare.</p></details>
<details class="group py-4"><summary class="flex cursor-pointer list-none items-center justify-between font-semibold">Does it work on my phone?<span class="plus text-xl transition-transform">+</span></summary><p class="mt-3 text-sm text-[#1B133C]/70">Yes. The studio has Edit and Preview tabs on small screens, and PDF export uses your browser's print dialog.</p></details>
<details class="group py-4"><summary class="flex cursor-pointer list-none items-center justify-between font-semibold">Does it work offline?<span class="plus text-xl transition-transform">+</span></summary><p class="mt-3 text-sm text-[#1B133C]/70">After your first visit the studio opens offline and you can edit, preview and print. Generating answers needs internet. On Android, use your browser menu to install it as an app.</p></details>
<details class="group py-4"><summary class="flex cursor-pointer list-none items-center justify-between font-semibold">My key is rejected. What now?<span class="plus text-xl transition-transform">+</span></summary><p class="mt-3 text-sm text-[#1B133C]/70">Create a fresh key, paste it without spaces, and tap Verify and save. The studio tells you right away if it is invalid.</p></details>
</div></div></section>
<section id="about" class="bg-[#F6F4FC] px-5 py-20 md:py-28"><div class="mx-auto max-w-3xl text-center">
<h2 class="font-['Instrument_Serif'] text-4xl md:text-6xl leading-[1] tracking-tight">Built by Nikhil Chary Sriramoju</h2>
<p class="mt-5 text-[#1B133C]/70 leading-relaxed">Final-year B.Tech CSE student at Vaagdevi College of Engineering (2023–2027). ML Engineer Intern at Yuva Intern (NSDC) and Data Analytics Intern at Thiranex.</p>
<div class="mt-6 flex flex-wrap justify-center gap-2 text-xs sm:text-sm">
<span class="rounded-full border border-[#1B133C]/15 bg-white px-3 py-1.5">NASSCOM / Skill India: AI-Data Engineering & Cloud</span>
<span class="rounded-full border border-[#1B133C]/15 bg-white px-3 py-1.5">IBM SkillsBuild: AI Fundamentals</span>
<span class="rounded-full border border-[#1B133C]/15 bg-white px-3 py-1.5">Reliance Foundation: AI/ML Engineer</span></div>
<div class="mt-6 flex flex-wrap justify-center gap-4 text-sm font-medium">
<a class="underline underline-offset-4 hover:opacity-70" href="https://github.com/Nikhil-creat" target="_blank" rel="noopener">GitHub</a>
<a class="underline underline-offset-4 hover:opacity-70" href="https://in.linkedin.com/in/nikhil-chary-sriramoju-95041b38a" target="_blank" rel="noopener">LinkedIn</a>
<a class="underline underline-offset-4 hover:opacity-70" href="https://www.instagram.com/nikhil__sriramoju" target="_blank" rel="noopener">Instagram</a>
<a class="underline underline-offset-4 hover:opacity-70" href="mailto:sriramojunikhil66@gmail.com">Email</a></div>
</div></section>
<section id="contact" class="bg-white px-5 py-20 md:py-24"><div class="mx-auto max-w-xl text-center">
<h2 class="font-['Instrument_Serif'] text-4xl md:text-5xl leading-[1] tracking-tight">Send feedback</h2>
<p class="mt-3 text-sm text-[#1B133C]/70">Found a bug or want a feature? Tell me.</p>
<form id="f" class="mt-7 flex flex-col gap-3 text-left" novalidate>
<label for="fn" class="sr-only">Your name</label><input id="fn" maxlength="60" placeholder="Your name" class="rounded-xl border border-[#1B133C]/15 px-4 py-3 text-sm outline-none focus:border-[#1B133C]">
<label for="fm" class="sr-only">Message</label><textarea id="fm" maxlength="800" rows="4" placeholder="Your message" class="rounded-xl border border-[#1B133C]/15 px-4 py-3 text-sm outline-none focus:border-[#1B133C]"></textarea>
<button class="rounded-xl bg-[#1B133C] px-6 py-3 text-sm font-semibold text-white hover:opacity-90 transition-opacity">Send by email</button>
<p id="msg" class="text-sm min-h-[20px] text-center" role="status"></p></form>
</div></section>
<footer class="bg-[#F6F4FC] px-5 py-10 border-t border-[#1B133C]/10"><div class="mx-auto max-w-6xl flex flex-col sm:flex-row items-center justify-between gap-4 text-sm text-[#1B133C]/70">
<div class="flex items-center gap-2"><svg width="20" height="20" viewBox="0 0 256 256" fill="#1B133C" aria-hidden="true"><path d="M 256 256 L 128 256 L 0 128 L 128 128 Z"/><path d="M 256 128 L 128 128 L 0 0 L 128 0 Z"/></svg><span>© 2026 Sheetstudio · Built by Nikhil Chary Sriramoju</span></div>
<div class="flex gap-5"><a href="#features" class="hover:text-[#1B133C]">Features</a><a href="#privacy" class="hover:text-[#1B133C]">Privacy</a><a href="#faq" class="hover:text-[#1B133C]">FAQ</a><a href="studio.html" class="font-semibold text-[#1B133C]">Studio</a>
<a href="https://github.com/Nikhil-creat/AssignmentWriter" target="_blank" rel="noopener" class="hover:text-[#1B133C]">Source</a></div></div></footer>
<script>
const CONTACT_EMAIL='sriramojunikhil66@gmail.com';
if('serviceWorker' in navigator&&location.protocol==='https:')navigator.serviceWorker.register('sw.js').catch(()=>{});
const v=document.getElementById('bgv');if(matchMedia('(prefers-reduced-motion: reduce)').matches)v.pause();
document.querySelectorAll('details a').forEach(a=>a.addEventListener('click',()=>a.closest('details').open=false));
document.getElementById('f').addEventListener('submit',e=>{e.preventDefault();const n=fn.value.trim(),t=fm.value.trim(),m=document.getElementById('msg');
if(t.length<5){m.className='text-sm text-center text-red-600';m.textContent='Please write a short message.';return}
m.className='text-sm text-center text-green-700';m.textContent='Opening your email app…';
location.href='mailto:'+CONTACT_EMAIL+'?subject='+encodeURIComponent('Sheetstudio feedback'+(n?' from '+n:''))+'&body='+encodeURIComponent(t)});
</script>
</body></html>