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
2025-12-06 10:06:01 +05:30 · 2023-10-12 23:22:11 +05:30
parent ffad16d096
commit 67acb928e6
32 changed files with 1415 additions and 2846 deletions
--- a/.gitignore
+++ b/.gitignore
@@ -1,6 +1,7 @@
 .DS_Store
 node_modules
 /build
+/_site
 /.svelte-kit
 /package
 .env
--- a/4
+++ b/4
@@ -12,8 +12,8 @@ POD_OPTIONS_TEMPLATE = \
 	$(POD_MOUNTS) $(EXTRA_FLAGS) \
 	node:alpine

-dev: EXTRA_FLAGS = --publish 5173:5173
-dev: SCRIPT = dev -- --host
+dev: EXTRA_FLAGS = --publish 8080:8080
+dev: SCRIPT = dev
 dev: run

 format:
--- a/README.md
+++ b/README.md
@@ -1,38 +0,0 @@
-# create-svelte
-
-Everything you need to build a Svelte project, powered by [`create-svelte`](https://github.com/sveltejs/kit/tree/master/packages/create-svelte).
-
-## Creating a project
-
-If you're seeing this, you've probably already done this step. Congrats!
-
-```bash
-# create a new project in the current directory
-npm create svelte@latest
-
-# create a new project in my-app
-npm create svelte@latest my-app
-```
-
-## Developing
-
-Once you've created a project and installed dependencies with `npm install` (or `pnpm install` or `yarn`), start a development server:
-
-```bash
-npm run dev
-
-# or start the server and open the app in a new browser tab
-npm run dev -- --open
-```
-
-## Building
-
-To create a production version of your app:
-
-```bash
-npm run build
-```
-
-You can preview the production build with `npm run preview`.
-
-> To deploy your app, you may need to install an [adapter](https://kit.svelte.dev/docs/adapters) for your target environment.
--- a/eleventy.config.cjs
+++ b/eleventy.config.cjs
@@ -0,0 +1,19 @@
+const {	EleventyHtmlBasePlugin, EleventyRenderPlugin } = require("@11ty/eleventy");
+const markdownItAttrs = require("markdown-it-attrs");
+
+module.exports = function(eleventyConfig){
+	eleventyConfig.addPlugin(EleventyHtmlBasePlugin);
+	eleventyConfig.addPlugin(EleventyRenderPlugin);
+
+	eleventyConfig.amendLibrary("md", mdLib => mdLib.use(markdownItAttrs));
+
+	eleventyConfig.addPassthroughCopy("static");
+
+	return {
+		pathPrefix: "/",
+		dir: {
+			input: "src",
+		},
+	}
+}
+
--- a/package-lock.json
+++ b/package-lock.json
--- a/package.json
+++ b/package.json
@@ -3,35 +3,12 @@
 	"version": "0.0.1",
 	"private": true,
 	"scripts": {
-		"dev": "vite dev",
-		"build": "vite build",
-		"preview": "vite preview",
-		"test": "playwright test",
-		"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
-		"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
-		"lint": "prettier --plugin-search-dir . --check . && eslint .",
-		"format": "prettier --plugin-search-dir . --write ."
+		"dev": "eleventy --serve",
+		"build": "eleventy"
 	},
+	"type": "module",
 	"devDependencies": {
-		"@playwright/test": "^1.28.1",
-		"@sveltejs/adapter-auto": "^2.0.0",
-		"@sveltejs/adapter-static": "^2.0.3",
-		"@sveltejs/kit": "^1.20.4",
-		"@typescript-eslint/eslint-plugin": "^5.45.0",
-		"@typescript-eslint/parser": "^5.45.0",
-		"autoprefixer": "^10.4.15",
-		"eslint": "^8.28.0",
-		"eslint-config-prettier": "^8.5.0",
-		"eslint-plugin-svelte": "^2.30.0",
-		"postcss": "^8.4.28",
-		"prettier": "^2.8.0",
-		"prettier-plugin-svelte": "^2.10.1",
-		"svelte": "^4.0.5",
-		"svelte-check": "^3.4.3",
-		"tailwindcss": "^3.3.3",
-		"tslib": "^2.4.1",
-		"typescript": "^5.0.0",
-		"vite": "^4.4.2"
-	},
-	"type": "module"
+		"@11ty/eleventy": "^2.0.1",
+		"markdown-it-attrs": "^4.1.6"
+	}
 }
--- a/playwright.config.ts
+++ b/playwright.config.ts
@@ -1,12 +0,0 @@
-import type { PlaywrightTestConfig } from '@playwright/test';
-
-const config: PlaywrightTestConfig = {
-	webServer: {
-		command: 'npm run build && npm run preview',
-		port: 4173
-	},
-	testDir: 'tests',
-	testMatch: /(.+\.)?(test|spec)\.[jt]s/
-};
-
-export default config;
--- a/src/_data/site.json
+++ b/src/_data/site.json
@@ -0,0 +1,4 @@
+{
+	"name": "Rainbow Croissant",
+	"desc": "tech aids for EFL Uni students"
+}
--- a/src/_includes/base.liquid
+++ b/src/_includes/base.liquid
@@ -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>
--- a/src/_includes/navlist.md
+++ b/src/_includes/navlist.md
@@ -0,0 +1,3 @@
+
+- [Services](/services)
+- [Quick](/quick)
--- a/src/index.md
+++ b/src/index.md
@@ -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))
--- a/src/quick.md
+++ b/src/quick.md
@@ -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>
--- a/src/services.md
+++ b/src/services.md
@@ -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>
--- a/static/favicon.png
+++ b/static/favicon.png
--- a/static/pico.min.css
+++ b/static/pico.min.css
--- a/static/pico.min.css.map
+++ b/static/pico.min.css.map
--- a/static/site.css
+++ b/static/site.css
@@ -0,0 +1 @@
+body{display:flex;flex-direction:column;justify-content:space-between;min-height:100dvh;min-height:100vh;}header{--spacing:.1rem;}header h1{--typography-spacing-vertical:0px;}footer h1{--typography-spacing-vertical:.3rem;--font-size:1rem;}main{flex-grow:1;}
--- a/svelte.config.js
+++ b/svelte.config.js
@@ -1,24 +0,0 @@
-import adapter from '@sveltejs/adapter-static';
-import { vitePreprocess } from '@sveltejs/kit/vite';
-
-/** @type {import('@sveltejs/kit').Config} */
-const config = {
-	// Consult https://kit.svelte.dev/docs/integrations#preprocessors
-	// for more information about preprocessors
-	preprocess: vitePreprocess(),
-
-	kit: {
-		// adapter-auto only supports some environments, see https://kit.svelte.dev/docs/adapter-auto for a list.
-		// If your environment is not supported or you settled on a specific environment, switch out the adapter.
-		// See https://kit.svelte.dev/docs/adapters for more information about adapters.
-		adapter: adapter({
-			pages: 'build',
-			assets: 'build',
-			fallback: undefined,
-			precompress: false,
-			strict: true
-		})
-	}
-};
-
-export default config;
--- a/svelte.src/app.css
+++ b/svelte.src/app.css
--- a/svelte.src/app.d.ts
+++ b/svelte.src/app.d.ts
--- a/svelte.src/app.html
+++ b/svelte.src/app.html
--- a/svelte.src/const.ts
+++ b/svelte.src/const.ts
--- a/svelte.src/lib/index.ts
+++ b/svelte.src/lib/index.ts
--- a/svelte.src/routes/+layout.svelte
+++ b/svelte.src/routes/+layout.svelte
--- a/svelte.src/routes/+layout.ts
+++ b/svelte.src/routes/+layout.ts
--- a/svelte.src/routes/+page.svelte
+++ b/svelte.src/routes/+page.svelte
--- a/svelte.src/routes/about/+page.svelte
+++ b/svelte.src/routes/about/+page.svelte
--- a/svelte.src/routes/form/+page.svelte
+++ b/svelte.src/routes/form/+page.svelte
--- a/svelte.src/routes/mail/+page.svelte
+++ b/svelte.src/routes/mail/+page.svelte
--- a/tests/test.ts
+++ b/tests/test.ts
@@ -1,6 +0,0 @@
-import { expect, test } from '@playwright/test';
-
-test('index page has expected h1', async ({ page }) => {
-	await page.goto('/');
-	await expect(page.getByRole('heading', { name: 'Welcome to SvelteKit' })).toBeVisible();
-});
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -1,17 +0,0 @@
-{
-	"extends": "./.svelte-kit/tsconfig.json",
-	"compilerOptions": {
-		"allowJs": true,
-		"checkJs": true,
-		"esModuleInterop": true,
-		"forceConsistentCasingInFileNames": true,
-		"resolveJsonModule": true,
-		"skipLibCheck": true,
-		"sourceMap": true,
-		"strict": true
-	}
-	// Path aliases are handled by https://kit.svelte.dev/docs/configuration#alias
-	//
-	// If you want to overwrite includes/excludes, make sure to copy over the relevant includes/excludes
-	// from the referenced tsconfig.json - TypeScript does not merge them in
-}
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -1,6 +0,0 @@
-import { sveltekit } from '@sveltejs/kit/vite';
-import { defineConfig } from 'vite';
-
-export default defineConfig({
-	plugins: [sveltekit()]
-});
				`@@ -0,0 +1 @@`
				`body{display:flex;flex-direction:column;justify-content:space-between;min-height:100dvh;min-height:100vh;}header{--spacing:.1rem;}header h1{--typography-spacing-vertical:0px;}footer h1{--typography-spacing-vertical:.3rem;--font-size:1rem;}main{flex-grow:1;}`