move out stuff. move stuff around

svelte.src/routes/+layout.svelte

@@ -0,0 +1,23 @@
+<script>
+	import '../app.css';
+	import { consts } from '../const';
+</script>
+
+<header class="grid grid-flow-col justify-between items-center px-4 py-2">
+	<h1>{consts.app.name}</h1>
+	<nav class="w-max">
+		<ul class="grid grid-flow-col space-x-4">
+			<li><a href="/form/">Form</a></li>
+			<li><a href="/mail/">Mail</a></li>
+			<li><a href="/about/">About</a></li>
+		</ul>
+	</nav>
+</header>
+
+<main class="flex-grow">
+	<slot />
+</main>
+
+<footer class="px-4 py-2">
+	<p>&copy; Kevin Samuel, McKenzie Joseph, 2023</p>
+</footer>

svelte.src/routes/+layout.ts

@@ -0,0 +1 @@
+export const prerender = true;

svelte.src/routes/+page.svelte

@@ -0,0 +1,11 @@
+<article class="w-max m-auto">
+<p>
+	Draft your email for the CoE's office in the proper format
+	to communicate your semester fee payment details.
+</p>
+
+<a href="/form/"
+class="rounded-md bg-primary-500 text-white font-bold p-2 m-auto w-max block">
+	GET STARTED
+</a>
+</article>

svelte.src/routes/about/+page.svelte

@@ -0,0 +1,5 @@
+<h1>Privacy Policy</h1>
+This web app works entirely offline except for the inital load
+and any updates to itself. All data is stored only on the device.
+Nothing is shared back to the owner or a third party.
+

svelte.src/routes/form/+page.svelte

@@ -0,0 +1,95 @@
+<p>Fill in your payment details</p>
+
+<form class="grid grid-cols-[2fr_3fr] w-4/5 md:w-2/3 gap-2 md:gap-4 mx-auto">
+	<label for="name">Name of the student</label>
+	<input type="text" id="name" name="name" />
+
+	<label for="programme">Pick your programme</label>
+	<select id="programme" name="programme">
+		<option value="ug">UG Undergraduate</option>
+		<option value="pg">PG Postgraduate</option>
+		<option value="phd">PhD Doctorate</option>
+	</select>
+
+	<label for="sem">Semester</label>
+	<select id="sem">
+		<option value="1">Sem I</option>
+		<option value="2">Sem II</option>
+		<option value="3">Sem III</option>
+		<option value="4">Sem IV</option>
+		<option value="5">Sem V</option>
+		<option value="6">Sem VI</option>
+		<option value="7">Sem VII</option>
+		<option value="8">Sem VIII</option>
+		<option value="9">Sem IX</option>
+		<option value="10">Sem X</option>
+	</select>
+
+	<label for="roll">Roll No</label>
+	<input type="text" id="roll" name="roll" />
+
+	<label for="category">Category</label>
+	<select id="category">
+		<option value="gen">General</option>
+		<option value="ews">EWS</option>
+		<option value="obc">OBC</option>
+		<option value="wdp">WDP</option>
+		<option value="sc">SC</option>
+		<option value="st">ST</option>
+		<option value="vhc">VHC</option>
+		<option value="phc">PHC</option>
+	</select>
+
+	<label for="phone">Phone No</label>
+	<input type="tel" id="phone" name="phone" />
+
+	<strong class="col-span-2">Details of the fees payment</strong>
+
+	<label for="acc-holder">Name of the account holder</label>
+	<input type="text" id="acc-holder" name="acc-holder" />
+
+	<label for="acc-no">Account No</label>
+	<input type="text" inputmode="numeric" id="acc-no" name="acc-no" />
+
+	<label for="bank">Name of the bank</label>
+	<input type="text" id="bank" name="bank" />
+
+	<label for="branch">Branch</label>
+	<input type="text" id="branch" name="branch" />
+
+	<label for="ifsc">IFSC code</label>
+	<input type="text" id="ifsc" name="ifsc" />
+
+	<label for="paid-amt">Amount paid</label>
+	<input type="text" inputmode="numeric" id="paid-amt" name="paid-amt" />
+
+	<label for="pay-date">Date of Payment</label>
+	<input type="date" id="pay-date" name="bank" />
+
+	<label for="mode">Payment Mode</label>
+	<select id="mode" name="mode">
+		<option value="neft">NEFT</option>
+		<option value="sbi">SBI to SBI</option>
+		<option value="deb">Debit card</option>
+		<option value="cre">Credit card</option>
+	</select>
+
+	<label for="transaction-no">Transaction Number</label>
+	<input type="text" id="transaction-no" name="transaction-no" />
+
+	<label for="reference-no">Reference Number</label>
+	<input type="text" id="reference-no" name="reference-no" />
+
+	<label for="utr">UTR Number</label>
+	<input type="text" id="utr" name="utr" />
+
+	<label for="inb">INB Reference Number (for transfer from SBI to SBI)</label>
+	<input type="text" id="inb" name="inb" />
+
+	<strong class="col-span-2">Details of the fees payment</strong>
+
+	<ol>
+		<li>A scanned copy of the receipt/counterfoil</li>
+		<li>Screenshot of the message regarding payment of fees</li>
+	</ol>
+</form>

svelte.src/routes/mail/+page.svelte

@@ -0,0 +1,10 @@
+<p>
+This will be populated&hellip; sometime
+</p>
+
+<table class="grid-table border-collapse">
+	<tr>
+		<th scope="row">Semester</th>
+		<td>N</td>
+	</tr>
+</table>