add onlybible pages

.eslintrc.cjs

@@ -5,11 +5,11 @@ module.exports = {
 	parserOptions: {
 		sourceType: 'module',
 		ecmaVersion: 2020,
-		extraFileExtensions: ['.svelte']
+		extraFileExtensions: ['.svelte'],
 	},
 	env: {
 		browser: true,
 		es2017: true,
-		node: true
-	}
+		node: true,
+	},
 };

.flox/env.json

@@ -1,4 +1,4 @@
 {
-  "name": "pyros.sh",
-  "version": 1
-}
+	"name": "pyros.sh",
+	"version": 1
+}

.prettierrc

@@ -1,8 +1,17 @@
 {
-	"useTabs": true,
-	"singleQuote": true,
-	"trailingComma": "none",
-	"printWidth": 100,
-	"plugins": ["prettier-plugin-svelte"],
-	"overrides": [{ "files": "*.svelte", "options": { "parser": "svelte" } }]
-}
+  "useTabs": true,
+  "singleQuote": true,
+  "trailingComma": "all",
+  "printWidth": 100,
+  "plugins": [
+    "prettier-plugin-svelte"
+  ],
+  "overrides": [
+    {
+      "files": "*.svelte",
+      "options": {
+        "parser": "svelte"
+      }
+    }
+  ]
+}

.vscode/extensions.json

@@ -1,6 +1,3 @@
 {
-  "recommendations": [
-    "svelte.svelte-vscode",
-    "antfu.unocss"
-  ]
+	"recommendations": ["svelte.svelte-vscode", "antfu.unocss"]
 }

.vscode/settings.json

@@ -1,5 +1,5 @@
 {
-  "[html]": {
-    "editor.defaultFormatter": "vscode.html-language-features"
-  },
-}
+	"[html]": {
+		"editor.defaultFormatter": "vscode.html-language-features"
+	}
+}

package.json

@@ -1,45 +1,45 @@
 {
-  "name": "website",
-  "version": "0.0.1",
-  "private": true,
-  "type": "module",
-  "scripts": {
-    "dev": "vite dev",
-    "build": "vite build",
-    "preview": "vite preview",
-    "check": "svelte-kit sync && svelte-check --tsconfig ./jsconfig.json",
-    "check:watch": "svelte-kit sync && svelte-check --tsconfig ./jsconfig.json --watch",
-    "test": "npm run test:integration && npm run test:unit",
-    "lint": "prettier --check . && eslint .",
-    "format": "prettier --write .",
-    "test:integration": "playwright test",
-    "test:unit": "vitest"
-  },
-  "devDependencies": {
-    "@iconify/svelte": "^4.0.2",
-    "@playwright/test": "^1.28.1",
-    "@poppanator/sveltekit-svg": "^4.2.1",
-    "@sveltejs/adapter-static": "^3.0.1",
-    "@sveltejs/enhanced-img": "^0.2.0",
-    "@sveltejs/kit": "2.5.1",
-    "@tailwindcss/typography": "^0.5.13",
-    "@types/eslint": "8.56.0",
-    "autoprefixer": "^10.4.19",
-    "eslint": "^8.56.0",
-    "eslint-config-prettier": "^9.1.0",
-    "eslint-plugin-svelte": "^2.36.0-next.4",
-    "mdsvex": "^0.11.0",
-    "postcss": "^8.4.38",
-    "prettier": "^3.1.1",
-    "prettier-plugin-svelte": "^3.1.2",
-    "remark-github": "^12.0.0",
-    "shiki": "^1.1.7",
-    "super-sitemap": "^0.14.14",
-    "svelte": "4.2.11",
-    "svelte-check": "^3.6.0",
-    "tailwindcss": "^3.4.3",
-    "typescript": "^5.0.0",
-    "vite": "^5.0.3",
-    "vitest": "^1.2.0"
-  }
+	"name": "website",
+	"version": "0.0.1",
+	"private": true,
+	"type": "module",
+	"scripts": {
+		"dev": "vite dev",
+		"build": "vite build",
+		"preview": "vite preview",
+		"check": "svelte-kit sync && svelte-check --tsconfig ./jsconfig.json",
+		"check:watch": "svelte-kit sync && svelte-check --tsconfig ./jsconfig.json --watch",
+		"test": "npm run test:integration && npm run test:unit",
+		"lint": "prettier --check . && eslint .",
+		"format": "prettier --write .",
+		"test:integration": "playwright test",
+		"test:unit": "vitest"
+	},
+	"devDependencies": {
+		"@iconify/svelte": "^4.0.2",
+		"@playwright/test": "^1.28.1",
+		"@poppanator/sveltekit-svg": "^4.2.1",
+		"@sveltejs/adapter-static": "^3.0.1",
+		"@sveltejs/enhanced-img": "^0.2.0",
+		"@sveltejs/kit": "2.5.1",
+		"@tailwindcss/typography": "^0.5.13",
+		"@types/eslint": "8.56.0",
+		"autoprefixer": "^10.4.19",
+		"eslint": "^8.56.0",
+		"eslint-config-prettier": "^9.1.0",
+		"eslint-plugin-svelte": "^2.36.0-next.4",
+		"mdsvex": "^0.11.0",
+		"postcss": "^8.4.38",
+		"prettier": "^3.1.1",
+		"prettier-plugin-svelte": "^3.1.2",
+		"remark-github": "^12.0.0",
+		"shiki": "^1.1.7",
+		"super-sitemap": "^0.14.14",
+		"svelte": "4.2.11",
+		"svelte-check": "^3.6.0",
+		"tailwindcss": "^3.4.3",
+		"typescript": "^5.0.0",
+		"vite": "^5.0.3",
+		"vitest": "^1.2.0"
+	}
 }

playwright.config.js

@@ -2,10 +2,10 @@
 const config = {
 	webServer: {
 		command: 'npm run build && npm run preview',
-		port: 4173
+		port: 4173,
 	},
 	testDir: 'tests',
-	testMatch: /(.+\.)?(test|spec)\.[jt]s/
+	testMatch: /(.+\.)?(test|spec)\.[jt]s/,
 };
 
 export default config;

postcss.config.js

@@ -1,6 +1,6 @@
 export default {
-  plugins: {
-    tailwindcss: {},
-    autoprefixer: {},
-  },
-}
+	plugins: {
+		tailwindcss: {},
+		autoprefixer: {},
+	},
+};

src/app.css

@@ -1,3 +1,3 @@
 @tailwind base;
 @tailwind components;
-@tailwind utilities;
+@tailwind utilities;

src/app.d.ts

@@ -3,13 +3,13 @@
 import '@poppanator/sveltekit-svg/dist/svg';
 
 declare global {
-  namespace App {
-    // interface Error {}
-    // interface Locals {}
-    // interface PageData {}
-    // interface PageState {}
-    // interface Platform {}
-  }
+	namespace App {
+		// interface Error {}
+		// interface Locals {}
+		// interface PageData {}
+		// interface PageState {}
+		// interface Platform {}
+	}
 }
 
-export { };
+export {};

src/app.html

@@ -1,23 +1,23 @@
 <!doctype html>
 <html lang="en">
+	<head>
+		<script async src="https://www.googletagmanager.com/gtag/js?id=G-L1TPX7RGP2"></script>
+		<script>
+			window.dataLayer = window.dataLayer || [];
+			function gtag() {
+				dataLayer.push(arguments);
+			}
+			gtag('js', new Date());
 
-<head>
-  <script async src="https://www.googletagmanager.com/gtag/js?id=G-L1TPX7RGP2"></script>
-  <script>
-    window.dataLayer = window.dataLayer || [];
-    function gtag() { dataLayer.push(arguments); }
-    gtag('js', new Date());
+			gtag('config', 'G-L1TPX7RGP2');
+		</script>
+		<meta charset="utf-8" />
+		<link rel="icon" type="image/png" href="%sveltekit.assets%/favicon.png" />
+		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+		%sveltekit.head%
+	</head>
 
-    gtag('config', 'G-L1TPX7RGP2');
-  </script>
-  <meta charset="utf-8" />
-  <link rel="icon" type="image/png" href="%sveltekit.assets%/favicon.png" />
-  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  %sveltekit.head%
-</head>
-
-<body class="min-h-screen flex flex-col" data-sveltekit-preload-data="hover">
-  <div class="contents">%sveltekit.body%</div>
-</body>
-
-</html>
+	<body class="min-h-screen flex flex-col" data-sveltekit-preload-data="hover">
+		<div class="contents">%sveltekit.body%</div>
+	</body>
+</html>

src/lib/components/Footer.svelte

@@ -1,5 +1,4 @@
 <script>
-	import Icon from '@iconify/svelte';
 	import SocialLinks from './SocialLinks.svelte';
 </script>
 
@@ -9,10 +8,15 @@
 			<SocialLinks />
 		</div>
 		<div class="flex items-center justify-center mx-2">
-			<span class="text-base text-gray-200 hover:no-underline mr-2"> powered by </span>
-			<a href="https://kit.svelte.dev" target="_blank" rel="noopener noreferrer">
-				<Icon icon="logos:svelte-icon" height="36px" />
-			</a>
+			<span class="text-base text-gray-200 hover:no-underline mr-2"
+				>Copyright © {new Date().getFullYear()}
+				<a
+					class="decoration-2 underline underline-offset-2 font-medium hover:text-gray-400 hover:decoration-gray-400"
+					href="https://github.com/pyrossh"
+				>
+					pyrossh
+				</a>
+			</span>
 		</div>
 	</div>
 </footer>

src/lib/components/Intro.svelte

@@ -0,0 +1,8 @@
+<h1 class="text-xl text-center sm:text-left lg:leading-tight mt-3">
+	The only bible app you will ever need
+</h1>
+<div class="text-center sm:text-left flex flex-col text-lg sm:mt-5">
+	<span>No ads,</span>
+	<span>No in-app purchases,</span>
+	<span>No distractions.</span>
+</div>

src/lib/components/Slide.svelte

@@ -1,7 +1,9 @@
 <script>
 	import Icon from '@iconify/svelte';
 	// let { title, link, children } = $props();
-	export let title, link;
+	export let title,
+		link,
+		isExternal = true;
 </script>
 
 <article class="overflow-hidden rounded bg-[#f0ede2]">
@@ -10,8 +12,8 @@
 			<a
 				href={link}
 				class="flex items-center text-lg font-semibold mb-2 text-black underline child-svg:mr-2"
-				target="_blank"
-				rel="noopener noreferrer"
+				target={isExternal ? '_blank' : ''}
+				rel={isExternal ? 'noopener noreferrer' : ''}
 			>
 				<slot name="icon">
 					<Icon icon="mdi-github" class="mr-2" width="36" />

src/lib/dateUtils.js

@@ -1,5 +1,5 @@
 export const formatDate = (d) =>
-  new Intl.DateTimeFormat('en-IN').format(new Date(d)).replaceAll('/', '-');
+	new Intl.DateTimeFormat('en-IN').format(new Date(d)).replaceAll('/', '-');
 
 export const formatDateLong = (d) =>
-  new Intl.DateTimeFormat('en-IN', { dateStyle: 'long' }).format(new Date(d));
+	new Intl.DateTimeFormat('en-IN', { dateStyle: 'long' }).format(new Date(d));

src/posts/gopibot-to-the-rescue.md

@@ -42,7 +42,7 @@ const bot_token = process.env.SLACK_BOT_TOKEN;
 
 const rtm = new RtmClient(bot_token);
 const COMMANDS = {
-	web: 'ssh -i qa.pem user@url docker pull image-name && docker rm -f container-id && docker run -d image-name'
+	web: 'ssh -i qa.pem user@url docker pull image-name && docker rm -f container-id && docker run -d image-name',
 };
 let deploymentInProgress = false;
 let counter = 0;
@@ -56,7 +56,7 @@ rtm.on(RTM_EVENTS.MESSAGE, (event) => {
 	) {
 		return rtm.sendMessage(
 			'Please dont change the message and expect me to correct your past mistakes',
-			event.channel
+			event.channel,
 		);
 	}
 	if (event.subtype) {
@@ -69,7 +69,7 @@ rtm.on(RTM_EVENTS.MESSAGE, (event) => {
 				counter = 0;
 				return rtm.sendMessage(
 					"Stop bugging me noob or I'll tell to raise you bugs",
-					event.channel
+					event.channel,
 				);
 			}
 			return rtm.sendMessage('I am already processing a deploy request please wait', event.channel);
@@ -108,14 +108,14 @@ rtm.on(RTM_EVENTS.MESSAGE, (event) => {
 				counter = 0;
 				return rtm.sendMessage(
 					"Stop bugging me noob or I'll tell <@U30TXGLS1|gopi> to raise you bugs",
-					event.channel
+					event.channel,
 				);
 			}
 			return rtm.sendMessage(
 				`command '${event.text} ' not found.You need to specify one of these commands [${COMMANDS.map(
-					(v, k) => k
+					(v, k) => k,
 				).join(',')} ]`,
-				event.channel
+				event.channel,
 			);
 		}
 	}

src/routes/+page.svelte

@@ -81,30 +81,13 @@
 					<p>👾 A statically typed, functional programming language inspired by rust, koka.</p>
 					<p>WIP to support compilation to WASM.</p>
 				</Slide>
-				<Slide title="onlybible.app" link="https://onlybible.app">
+				<Slide title="onlybible.app" link="/only-bible-app" isExternal={false}>
 					<div slot="icon">
 						<enhanced:img class="mr-2 w-9 rounded-xl" src={onlyBiblePng} alt="Only Bible App" />
 					</div>
 					<p>
 						The only bible app you will ever need. No ads, No in-app purchases, No distractions.
 					</p>
-					<div class="flex mt-4">
-						<a
-							class="mr-2"
-							href="https://play.google.com/store/apps/details?id=sh.pyros.only_bible_app"
-							rel="noopener noreferrer"
-							target="blank"
-						>
-							<PlayStoreIcon class="w-32" aria-label="Get it on Google Play" />
-						</a>
-						<a
-							href="https://apps.apple.com/us/app/only-bible-app/id6467606465?itsct=apps_box_badge&amp;itscg=30200"
-							rel="noopener noreferrer"
-							target="blank"
-						>
-							<AppStoreIcon class="w-32" aria-label="Download on the App Store" />
-						</a>
-					</div>
 				</Slide>
 				<section>
 					<div class="flex items-center">