11ty migrate (#6)

* purge sveltekit

* install eleventy

* move out stuff. move stuff around

* add basic stuff

* update picocss + knls patch for navlist margins

* install some stuff for 11ty

markdown attributes
configure eleventy renderFile plugin

* make base layout

* more complete base layout

* style base to full page body

* PAGES

* add npm build script
This commit is contained in:
2023-10-12 23:22:11 +05:30
committed by GitHub
parent ffad16d096
commit 67acb928e6
32 changed files with 1415 additions and 2846 deletions

4
src/_data/site.json Normal file
View File

@@ -0,0 +1,4 @@
{
"name": "Rainbow Croissant",
"desc": "tech aids for EFL Uni students"
}

36
src/_includes/base.liquid Normal file
View File

@@ -0,0 +1,36 @@
---
---
<!doctype html>
<html lang="en">
<head>
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<meta charset="utf-8">
<title>
{%if title%}
{{title | append: " | " | append: site.name}}
{%else%}
{{site.name}}
{%endif%}
</title>
<meta name="description" content="{{site.desc}}">
<link rel="stylesheet" href="/static/pico.min.css">
<link rel="stylesheet" href="/static/site.css">
</head>
<body>
<header class="container">
<nav>
<ul><li><h1><a href="/">{{site.name}}</a></h1></li></ul>
{% renderFile './src/_includes/navlist.md' %}
</nav>
</header>
<main class="container">
{{-content-}}
</main>
<footer class="container">
<h1>{{site.name}}</h1>
<p>/ ˈreɪnˌboʊ krəˈsɑnt /</p>
<p>{{site.desc}}</p>
</footer>
</body>
</html>

3
src/_includes/navlist.md Normal file
View File

@@ -0,0 +1,3 @@
- [Services](/services)
- [Quick](/quick)

View File

@@ -1,12 +0,0 @@
@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
src/app.d.ts vendored
View File

@@ -1,12 +0,0 @@
// 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 {};

View File

@@ -1,12 +0,0 @@
<!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>

View File

@@ -1,7 +0,0 @@
const consts = {
app: {
name: 'Fee Payment Details'
}
};
export { consts };

13
src/index.md Normal file
View File

@@ -0,0 +1,13 @@
---
layout: base
title: home
---
<q>{{site.name}}</q> is called what it is
because it's a free domain that happened
to also be pretty catchy.
These are supposed to be tools that will
make EFL University a little easier.
PS: It's pronounced [kruh-**sahnt**] in English. ([Dictionary.com](https://www.dictionary.com/browse/croissant))

View File

@@ -1 +0,0 @@
// place files you want to import through the `$lib` alias in this folder.

18
src/quick.md Normal file
View File

@@ -0,0 +1,18 @@
---
layout: base
title: quick links
---
<article>
<header>
# Quick Links
to pages related to the EFL University
</header>
- [Web OPAC](http://14.139.86.102:8080/newgenlibctxt/){ target="_blank" }
- [remotexs](https://efluniversity.remotexs.in/){ target="_blank" }
</article>

View File

@@ -1,23 +0,0 @@
<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>

View File

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

View File

@@ -1,11 +0,0 @@
<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>

View File

@@ -1,5 +0,0 @@
<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.

View File

@@ -1,95 +0,0 @@
<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>

View File

@@ -1,10 +0,0 @@
<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>

16
src/services.md Normal file
View File

@@ -0,0 +1,16 @@
---
layout: base.liquid
title: services
---
<article>
<header>
<h1>COMING SOON&hellip;</h1>
</header>
a collection of tools to make life a
little easier in this uni&hellip; maybe&hellip;
&hellip;someone has to make them and they are lazy
</article>