mirror of
https://github.com/kevinnlsamuel/rainbowcroissant.git
synced 2025-12-06 10:06:01 +05:30
move out stuff. move stuff around
This commit is contained in:
12
svelte.src/app.css
Normal file
12
svelte.src/app.css
Normal file
@@ -0,0 +1,12 @@
|
||||
@tailwind base;
|
||||
@tailwind components;
|
||||
@tailwind utilities;
|
||||
|
||||
@layer components {
|
||||
.grid-table th, .grid-table td {
|
||||
@apply border-2;
|
||||
@apply border-solid;
|
||||
@apply border-slate-500;
|
||||
@apply p-2;
|
||||
}
|
||||
}
|
||||
12
svelte.src/app.d.ts
vendored
Normal file
12
svelte.src/app.d.ts
vendored
Normal file
@@ -0,0 +1,12 @@
|
||||
// See https://kit.svelte.dev/docs/types#app
|
||||
// for information about these interfaces
|
||||
declare global {
|
||||
namespace App {
|
||||
// interface Error {}
|
||||
// interface Locals {}
|
||||
// interface PageData {}
|
||||
// interface Platform {}
|
||||
}
|
||||
}
|
||||
|
||||
export {};
|
||||
12
svelte.src/app.html
Normal file
12
svelte.src/app.html
Normal file
@@ -0,0 +1,12 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<link rel="icon" href="%sveltekit.assets%/favicon.png" />
|
||||
<meta name="viewport" content="width=device-width" />
|
||||
%sveltekit.head%
|
||||
</head>
|
||||
<body class="h-screen flex flex-col justify-between" data-sveltekit-preload-data="hover">
|
||||
<div style="display: contents">%sveltekit.body%</div>
|
||||
</body>
|
||||
</html>
|
||||
7
svelte.src/const.ts
Normal file
7
svelte.src/const.ts
Normal file
@@ -0,0 +1,7 @@
|
||||
const consts = {
|
||||
app: {
|
||||
name: 'Fee Payment Details'
|
||||
}
|
||||
};
|
||||
|
||||
export { consts };
|
||||
1
svelte.src/lib/index.ts
Normal file
1
svelte.src/lib/index.ts
Normal file
@@ -0,0 +1 @@
|
||||
// place files you want to import through the `$lib` alias in this folder.
|
||||
23
svelte.src/routes/+layout.svelte
Normal file
23
svelte.src/routes/+layout.svelte
Normal file
@@ -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>© Kevin Samuel, McKenzie Joseph, 2023</p>
|
||||
</footer>
|
||||
1
svelte.src/routes/+layout.ts
Normal file
1
svelte.src/routes/+layout.ts
Normal file
@@ -0,0 +1 @@
|
||||
export const prerender = true;
|
||||
11
svelte.src/routes/+page.svelte
Normal file
11
svelte.src/routes/+page.svelte
Normal file
@@ -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>
|
||||
5
svelte.src/routes/about/+page.svelte
Normal file
5
svelte.src/routes/about/+page.svelte
Normal file
@@ -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.
|
||||
|
||||
95
svelte.src/routes/form/+page.svelte
Normal file
95
svelte.src/routes/form/+page.svelte
Normal file
@@ -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>
|
||||
10
svelte.src/routes/mail/+page.svelte
Normal file
10
svelte.src/routes/mail/+page.svelte
Normal file
@@ -0,0 +1,10 @@
|
||||
<p>
|
||||
This will be populated… sometime
|
||||
</p>
|
||||
|
||||
<table class="grid-table border-collapse">
|
||||
<tr>
|
||||
<th scope="row">Semester</th>
|
||||
<td>N</td>
|
||||
</tr>
|
||||
</table>
|
||||
Reference in New Issue
Block a user