website

git clone https://pyrossh.dev/repos/website.git

木 Personal website of pyrossh. Built with astrojs, shiki, vite.

97db5184 — pyrossh

improve

Files changed (30) hide show

.gitignore +1 -1
LemonDrop.tsx +0 -74
README.md +0 -38
jsconfig.json +0 -4
package-lock.json +61 -15
package.json +11 -6
routes/_404.tsx +0 -30
routes/_app.tsx +0 -28
routes/cv.tsx +0 -235
routes/index.tsx +0 -252
routes/posts.tsx +0 -96
routes/stats.tsx +0 -42
scripts/makePdf.ts +0 -19
src/app.html +5 -8
src/error.html +0 -19
src/lib/components/Footer.svelte +3 -3
src/lib/components/Slide.svelte +1 -1
src/lib/index.js +0 -3
src/routes/+error.svelte +29 -0
src/routes/+layout.svelte +7 -2
src/routes/+page.svelte +60 -33
src/routes/cv/+page.svelte +196 -0
src/routes/posts/+page.svelte +198 -0
static/favicon.png +0 -0
{design → static}/logo.curve +0 -0
static/logo.svg +0 -6
static/styles.css +0 -438
svelte.config.js +9 -6
tailwind.config.ts +0 -28
uno.config.ts +17 -14

.gitignore CHANGED Viewed

@@ -7,4 +7,4 @@ node_modules
 .env.*
 !.env.example
 vite.config.js.timestamp-*
-vite.config.ts.timestamp-*
+vite.config.ts.timestamp-*

LemonDrop.tsx DELETED Viewed

@@ -1,74 +0,0 @@
-import { useEffect, useRef } from "preact/hooks";
-import { useSignal } from "@preact/signals";
-function easeInCirc(x: number) {
-  return 1 - Math.sqrt(1 - Math.pow(x, 2));
-}
-function LemonDrop() {
-  const counter = useSignal(0);
-  const dropy = useSignal(60);
-  const requestIdRef = useRef<number>();
-  const juice = `M18 ${63 + counter.value} C15 ${63 + counter.value} 16 ${
-    63 + counter.value
-  } 12 61L9 56C2 33 62 -3 80 12C103 27 44 56 29 58C27 58 25 59 24 61C20 ${
-    63 + counter.value
-  } 21 ${63 + counter.value} 18 ${63 + counter.value}Z`;
-  function updateJuice(timestamp: number) {
-    const amp = 40;
-    const x = timestamp / 2000;
-    const saw = x - Math.floor(x);
-    if (saw < 0.6) {
-      counter.value = easeInCirc(saw) * amp;
-      dropy.value = -100;
-    } else {
-      counter.value = easeInCirc(1 - saw) * amp * 0.1;
-      dropy.value = 70 + Math.pow(saw - 0.6, 2) * 10000;
-    }
-    requestIdRef.current = globalThis.requestAnimationFrame(updateJuice);
-  }
-  useEffect(() => {
-    requestIdRef.current = requestAnimationFrame(updateJuice);
-    return () => {
-      if (requestIdRef.current !== undefined) {
-        cancelAnimationFrame(requestIdRef.current);
-      }
-    };
-  }, []);
-  return (
-    <svg
-      width="32"
-      height="48"
-      viewBox="0 0 100 120"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-      role="img"
-      aria-label="Fresh logo"
-    >
-      <circle cx="18" cy={dropy.value} r="4" fill="white"></circle>
-      <path
-        d="M11.9 96.3v24H7v-24h4.9Zm7.5 10.2v4h-8.8v-4h8.8Zm1-10.2v4h-9.8v-4h9.8ZM23.2 96.3H31c1.6 0 3 .3 4.1.9 1.1.5 2 1.3 2.6 2.4a8 8 0 0 1 1 4c0 1.3-.2 2.4-.6 3.3-.3 1-.8 1.7-1.5 2.3-.7.6-1.4 1-2.3 1.5l-1.5.8h-6.3v-4h4.3a3 3 0 0 0 1.7-.4c.4-.3.7-.7 1-1.2a5 5 0 0 0 .3-2c0-.7-.1-1.3-.3-1.9-.2-.5-.5-1-1-1.2-.3-.3-.9-.5-1.5-.5h-3v20h-4.8v-24Zm11 24-4.4-10.7h5l4.6 10.5v.2h-5.2ZM55.9 116.3v4H45.4v-4h10.5Zm-9-20v24H42v-24H47Zm7.6 9.8v3.8h-9.1v-3.8h9Zm1.4-9.8v4H45.4v-4h10.5ZM69 114c0-.4 0-.8-.2-1.1 0-.4-.2-.7-.5-1l-1-1-1.9-.8-2.6-1.2-2.2-1.5a6.5 6.5 0 0 1-1.7-2 6 6 0 0 1-.5-2.7c0-1 .1-2 .5-2.7a6 6 0 0 1 1.6-2.2c.7-.5 1.5-1 2.4-1.3a9.5 9.5 0 0 1 7.1.5c1.2.6 2 1.5 2.7 2.6.6 1 1 2.4 1 3.8h-5a5 5 0 0 0-.2-1.8c-.2-.5-.5-1-1-1.2-.4-.3-1-.5-1.6-.5-.6 0-1.1.2-1.5.4-.4.2-.7.6-1 1l-.2 1.4c0 .4.1.8.3 1.1l.8.8a21.3 21.3 0 0 0 2.8 1.4l2.9 1.4a9 9 0 0 1 2 1.8c.7.6 1 1.3 1.4 2a7.9 7.9 0 0 1-.1 5.5c-.4.8-.9 1.5-1.5 2.1a7 7 0 0 1-2.5 1.4c-2 .5-1 1.8-3 1.8s-1.3-1.5-3.2-1.8c-1-.3-2-.8-2.7-1.4a6.7 6.7 0 0 1-1.8-2.5c-.4-1-.6-2.2-.6-3.5h4.9c0 .7 0 1.3.2 1.8.1.5.3 1 .6 1.3.3.2.7.5 1.1.6.5.2 1 .2 1.5.2.7 0 1.2 0 1.6-.3.4-.3.6-.6.8-1 .2-.4.3-.9.3-1.4ZM90.5 106v4h-10v-4h10Zm-8.6-9.7v24h-4.8v-24h4.8Zm12.1 0v24h-4.8v-24H94Z"
-        fill="#FFFFFF"
-      />
-      <path
-        d="M84 16c13 27 1 52-7 59 0 4-9 9-12 7-12 5-38-2-53-21-6-7 1-21 21-36 13-10 33-17 51-9Z"
-        fill="#FFD80B"
-      />
-      <path d={juice} fill="white" />
-      <path
-        d="M69 15c15-1 9 10-6 19L44 44c-2 1-4-2-6 0l-3 6c-3 1-13 3-16 2-5-2-5-9 5-18l7-4c-1-2-1-2 2-5 3-2 19-10 29-11l1 2 6-1Z"
-        fill="#FFED4E"
-      />
-      <path
-        d="M38 35c1-1 3-2 3-4l8-3c0 1-1 3 1 4-2 1-7 1-8 5-1-2-1-2-4-2Z"
-        fill="#fff"
-      />
-    </svg>
-  );
-}
-export default LemonDrop;

README.md DELETED Viewed

@@ -1,38 +0,0 @@
-# create-svelte
-Everything you need to build a Svelte project, powered by [`create-svelte`](https://github.com/sveltejs/kit/tree/main/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.

jsconfig.json CHANGED Viewed

@@ -11,8 +11,4 @@
 		"strict": true,
 		"moduleResolution": "bundler"
 	}
-	// Path aliases are handled by https://kit.svelte.dev/docs/configuration#alias and https://kit.svelte.dev/docs/configuration#files
-	//
-	// 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
 }

package-lock.json CHANGED Viewed

@@ -11,10 +11,15 @@
 				"@unocss/reset": "^0.58.5"
 			},
 			"devDependencies": {
+				"@iconify-json/clarity": "^1.1.12",
+				"@iconify-json/eos-icons": "^1.1.10",
+				"@iconify-json/ic": "^1.1.17",
+				"@iconify-json/icon-park": "^1.1.13",
+				"@iconify-json/logos": "^1.1.42",
 				"@iconify-json/mdi": "^1.1.64",
-				"@iconify/json": "^2.2.184",
+				"@iconify-json/typcn": "^1.1.9",
 				"@playwright/test": "^1.28.1",
-				"@sveltejs/adapter-auto": "^3.0.0",
+				"@sveltejs/adapter-static": "^3.0.1",
 				"@sveltejs/kit": "^2.0.0",
 				"@types/eslint": "8.56.0",
 				"@unocss/svelte-scoped": "^0.58.5",
@@ -1164,6 +1169,51 @@
 			"integrity": "sha512-6EwiSjwWYP7pTckG6I5eyFANjPhmPjUX9JRLUSfNPC7FX7zK9gyZAfUEaECL6ALTpGX5AjnBq3C9XmVWPitNpw==",
 			"dev": true
 		},
+		"node_modules/@iconify-json/clarity": {
+			"version": "1.1.12",
+			"resolved": "https://registry.npmjs.org/@iconify-json/clarity/-/clarity-1.1.12.tgz",
+			"integrity": "sha512-Qho+7l2znCxMlmNfNRk3LFsXJZX1d8H8v9q+UIkzuiHuS4YI3tl5SpYrPQ4HdhGnzAJbOXhGBb1JPL+mgqc0Ow==",
+			"dev": true,
+			"dependencies": {
+				"@iconify/types": "*"
+			}
+		},
+		"node_modules/@iconify-json/eos-icons": {
+			"version": "1.1.10",
+			"resolved": "https://registry.npmjs.org/@iconify-json/eos-icons/-/eos-icons-1.1.10.tgz",
+			"integrity": "sha512-sLkaMSrzHgATDFpVYs3/ymeNxR8CtkZCh1Ds9fYxjfhNmXArofbWhHwANqM4Sw9XNbMJq/Z5yxJ5BPTYqjhRcA==",
+			"dev": true,
+			"dependencies": {
+				"@iconify/types": "*"
+			}
+		},
+		"node_modules/@iconify-json/ic": {
+			"version": "1.1.17",
+			"resolved": "https://registry.npmjs.org/@iconify-json/ic/-/ic-1.1.17.tgz",
+			"integrity": "sha512-EvAjZzVESmN36zlyefylePUNaU2BQ3eRKVZ6KQSQ2bG01ppoZaiFZRri74VTyvp5Mlv2yn68ux1fgCoT+etGmA==",
+			"dev": true,
+			"dependencies": {
+				"@iconify/types": "*"
+			}
+		},
+		"node_modules/@iconify-json/icon-park": {
+			"version": "1.1.13",
+			"resolved": "https://registry.npmjs.org/@iconify-json/icon-park/-/icon-park-1.1.13.tgz",
+			"integrity": "sha512-7AoB802JUeMwaJBRz1a+3PGfifxDiMiE+mVgbDPZLHgLaLq7WXslQCV0aDs8kQHF0SGIBUp7f8kKTHGUktuFtw==",
+			"dev": true,
+			"dependencies": {
+				"@iconify/types": "*"
+			}
+		},
+		"node_modules/@iconify-json/logos": {
+			"version": "1.1.42",
+			"resolved": "https://registry.npmjs.org/@iconify-json/logos/-/logos-1.1.42.tgz",
+			"integrity": "sha512-/f+frtPm3m3Z30oy8Pk+QqRDkbmAiIaWGPl5CmsCXm15MVfvw9a/V/gD7WzdyuSGAZcFuQaqbHXj92y/n+2ifg==",
+			"dev": true,
+			"dependencies": {
+				"@iconify/types": "*"
+			}
+		},
 		"node_modules/@iconify-json/mdi": {
 			"version": "1.1.64",
 			"resolved": "https://registry.npmjs.org/@iconify-json/mdi/-/mdi-1.1.64.tgz",
@@ -1173,14 +1223,13 @@
 				"@iconify/types": "*"
 			}
 		},
-		"node_modules/@iconify/json": {
+		"node_modules/@iconify-json/typcn": {
-			"version": "2.2.184",
+			"version": "1.1.9",
-			"resolved": "https://registry.npmjs.org/@iconify/json/-/json-2.2.184.tgz",
+			"resolved": "https://registry.npmjs.org/@iconify-json/typcn/-/typcn-1.1.9.tgz",
-			"integrity": "sha512-GIIbPLdSPyVdKbH7R6AgHZX9Bjztj7spIWyNZjl6GalaFe0vzYx/IFQg4O2DPDS/4DA+j9zoVlNPX3quK97LUA==",
+			"integrity": "sha512-irILpgqFdk6IWd7HHzwWe1oGEe4nKe850mG3Iu2g6zKPKzGqcY8CD+U+yBSk5wBa8JsVQ823Weez8N8zAKkTyQ==",
 			"dev": true,
 			"dependencies": {
-				"@iconify/types": "*",
+				"@iconify/types": "*"
-				"pathe": "^1.1.2"
 			}
 		},
 		"node_modules/@iconify/types": {
@@ -1643,14 +1692,11 @@
 			"integrity": "sha512-+Fj43pSMwJs4KRrH/938Uf+uAELIgVBmQzg/q1YG10djyfA3TnrU8N8XzqCh/okZdszqBQTZf96idMfE5lnwTA==",
 			"dev": true
 		},
-		"node_modules/@sveltejs/adapter-auto": {
+		"node_modules/@sveltejs/adapter-static": {
-			"version": "3.1.1",
+			"version": "3.0.1",
-			"resolved": "https://registry.npmjs.org/@sveltejs/adapter-auto/-/adapter-auto-3.1.1.tgz",
+			"resolved": "https://registry.npmjs.org/@sveltejs/adapter-static/-/adapter-static-3.0.1.tgz",
-			"integrity": "sha512-6LeZft2Fo/4HfmLBi5CucMYmgRxgcETweQl/yQoZo/895K3S9YWYN4Sfm/IhwlIpbJp3QNvhKmwCHbsqQNYQpw==",
+			"integrity": "sha512-6lMvf7xYEJ+oGeR5L8DFJJrowkefTK6ZgA4JiMqoClMkKq0s6yvsd3FZfCFvX1fQ0tpCD7fkuRVHsnUVgsHyNg==",
 			"dev": true,
-			"dependencies": {
-				"import-meta-resolve": "^4.0.0"
-			},
 			"peerDependencies": {
 				"@sveltejs/kit": "^2.0.0"
 			}

package.json CHANGED Viewed

@@ -2,6 +2,7 @@
 	"name": "website",
 	"version": "0.0.1",
 	"private": true,
+	"type": "module",
 	"scripts": {
 		"dev": "vite dev",
 		"build": "vite build",
@@ -14,11 +15,19 @@
 		"test:integration": "playwright test",
 		"test:unit": "vitest"
 	},
+	"dependencies": {
+		"@unocss/reset": "^0.58.5"
+	},
 	"devDependencies": {
+		"@iconify-json/clarity": "^1.1.12",
+		"@iconify-json/eos-icons": "^1.1.10",
+		"@iconify-json/ic": "^1.1.17",
+		"@iconify-json/icon-park": "^1.1.13",
+		"@iconify-json/logos": "^1.1.42",
 		"@iconify-json/mdi": "^1.1.64",
-		"@iconify/json": "^2.2.184",
+		"@iconify-json/typcn": "^1.1.9",
 		"@playwright/test": "^1.28.1",
-		"@sveltejs/adapter-auto": "^3.0.0",
+		"@sveltejs/adapter-static": "^3.0.1",
 		"@sveltejs/kit": "^2.0.0",
 		"@types/eslint": "8.56.0",
 		"@unocss/svelte-scoped": "^0.58.5",
@@ -35,9 +44,5 @@
 		"unocss": "^0.58.5",
 		"vite": "^5.0.3",
 		"vitest": "^1.2.0"
-	},
-	"type": "module",
-	"dependencies": {
-		"@unocss/reset": "^0.58.5"
 	}
 }

routes/_404.tsx DELETED Viewed

@@ -1,30 +0,0 @@
-import { Head } from "$fresh/runtime.ts";
-import { PageProps } from "$fresh/server.ts";
-export default function Error404({ url }: PageProps) {
-  return (
-    <>
-      <Head>
-        <title slot="head">pyros.sh | Page Not Found</title>
-        <meta name="description" content="Page Not Found" />
-      </Head>
-      <div class="px-4 py-8 mx-auto">
-        <div class="max-w-screen-md mx-auto flex flex-col items-center justify-center">
-          <img
-            class="my-6"
-            src="/logo.svg"
-            width="128"
-            height="128"
-            alt="the Fresh logo: a sliced lemon dripping with juice"
-          />
-          <h1 class="text-4xl font-bold">404 - Page not found</h1>
-          <p class="my-4">The page you were looking for doesn't exist.</p>
-          <pre>Path: {url.pathname}</pre>
-          <a href="/" class="underline mt-4">
-            Go back home
-          </a>
-        </div>
-      </div>
-    </>
-  );
-}

routes/_app.tsx DELETED Viewed

@@ -1,28 +0,0 @@
-import { PageProps } from "$fresh/server.ts";
-import { asset } from "$fresh/runtime.ts";
-import Footer from "../src/components_old/Footer.tsx";
-import Header from "../src/components_old/Header.tsx";
-export default function App({ Component, url }: PageProps) {
-  const isStatsPage = url.pathname.includes("/stats");
-  const bodyStyle = isStatsPage ? { background: "#F8F5ED" } : {};
-  return (
-    <html lang="en" class="h-full w-full">
-      <head>
-        <link rel="canonical" href={url.toString()} />
-        <meta property="og:url" content={url.toString()} />
-      </head>
-      <body class="leading-8 flex flex-1 flex-col font-normal text-lg sm:leading-7 m-0">
-        <Header />
-        <main class="w-full h-full block bg-white" style={bodyStyle}>
-          <div class="flex w-full flex-1 flex-row justify-center">
-            <div class="flex w-full flex-1 flex-row items-center max-w-5xl mt-4 mb-20 p-4">
-              <Component />
-            </div>
-          </div>
-        </main>
-        <Footer />
-      </body>
-    </html>
-  );
-}

routes/cv.tsx DELETED Viewed

@@ -1,235 +0,0 @@
-import { asset, Head } from "$fresh/runtime.ts";
-export default function CV() {
-  return (
-    <div class="mx-auto">
-      <Head>
-        <title>pyros.sh | CV</title>
-        <meta name="description" content="Peter John's CV" />
-      </Head>
-      <div class="cv-page">
-        <section>
-          <h3>Equal Experts</h3>
-          <h4>Software Developer, Oct 2018 - present</h4>
-          <h5>
-            Making Software. Better. Equal Experts is a network of talented,
-            experienced software consultants, specialising in agile delivery.
-          </h5>
-          <div>
-            These are the client projects I worked on,
-            <ul>
-              <li>
-                <b>John Lewis</b>
-                <ul>
-                  <li>
-                    Built a social quiz game to improve engagement across the
-                    website
-                  </li>
-                  <li>
-                    Implemented new functionality in customer self serve
-                    functions like returns, cancellations, tracking.
-                  </li>
-                  <li>
-                    Refactored the old self serve reactjs app to use nextjs and
-                    removed a large redux dependency thereby simplifying the
-                    codebase.
-                  </li>
-                  <li>
-                    Ran many experiments in the customer services and order
-                    pages to improve our metrics and reduce contacts.
-                  </li>
-                  <li>
-                    Built the new Product Description Page (PDP) for Simple
-                    Carpets using a micro frontend architecture.
-                  </li>
-                </ul>
-              </li>
-              <li>
-                <b>iOWNA</b>
-                <ul>
-                  <li>
-                    Built a content editor for curators to create content on our
-                    platform
-                  </li>
-                  <li>
-                    Built the iOWNA crossplatform app in react-native that works
-                    in android, ios, and web using one codebase.
-                  </li>
-                  <li>
-                    Implemented admin specific functionalities in the web app
-                  </li>
-                  <li>
-                    Implemented an in-app OTA update method using expo and
-                    semantic versionin
-                  </li>
-                  <li>Built the iOWNA marketing website</li>
-                  <li>
-                    Built the Health Questionnaire clinician/patient feedback
-                    form feature with push notifications
-                  </li>
-                </ul>
-              </li>
-              <li>
-                <b>Zeta</b>
-                <ul>
-                  <li>
-                    Added multiple download formats (pdf,html,xlsx) for reports
-                    in the Reporting Center
-                  </li>
-                  <li>
-                    Created a Groovy Script to automate creating ACL in sandbox
-                    authorization framework
-                  </li>
-                  <li>
-                    Integrated Camunda Workflow Engine into Zeta services in
-                    Operations Center
-                  </li>
-                  <li>
-                    Built a few workflows on Camunda and integrated it with some
-                    internal services
-                  </li>
-                  <li>
-                    Built a custom k8s CRD using the operator framework to
-                    automate creating ACL in sandbox using custom resources
-                  </li>
-                </ul>
-              </li>
-              <li>
-                <b>Lifebox</b>
-                <ul>
-                  <li>
-                    Added search functionality to the hospital procedure codes
-                  </li>
-                  <li>
-                    Converted the Health Questionnaire from json to native go
-                    code making it easier to make changes to it
-                  </li>
-                  <li>
-                    Integrated with SAP using HL7 message format to create
-                    patients, episodes, schedule/cancel procedures
-                  </li>
-                  <li>
-                    Built the Patient Document repository for uploading,
-                    downloading patient files
-                  </li>
-                  <li>
-                    Built the patients online reports view using the data from
-                    SAP
-                  </li>
-                </ul>
-              </li>
-            </ul>
-          </div>
-        </section>
-        <section>
-          <h3>Numberz</h3>
-          <h4>Full Stack Developer, Sept 2016 - Oct 2018</h4>
-          <h5>
-            Numberz integrates banking with your day-2-day business work-flows
-            freeing up a lot of effort, time and heart-burn, to help your
-            business grow.
-          </h5>
-          <ul>
-            <li>
-              Implemented new features and fixed bugs on the numberz android app
-            </li>
-            <li>Integrated numberz with Tally ERP</li>
-            <li>
-              Implemented CI and Devops within out system to ease our deployment
-              process using docker and docker-compose
-            </li>
-            <li>
-              Created a slack bot called deploybot which was used to deploy our
-              microservices to our servers
-            </li>
-            <li>
-              Started tech talks on Thursdays to discuss cutting edge
-              technologies
-            </li>
-            <li>
-              Architected and built the Notification Service using rabbitmq and
-              nodejs
-            </li>
-            <li>Built the Multi-User and Multi-Company Features</li>
-            <li>
-              Implemented and lead a team on integration with the GSTN System so
-              that customers could file their GST Taxes within our product
-            </li>
-            <li>
-              Architected and built the numberz Identity Management Service(IMS)
-            </li>
-            <li>
-              Architected our new product called the Numberz Accounts Receivable
-              (AR)
-            </li>
-            <li>Laid down the architecture for the frontend and backend</li>
-            <li>
-              Built these core features for our new AR Product - Auto Reminders,
-              Manual Reminders, User Management, Cash Discounting, CFO Dashboard
-              Metrics
-            </li>
-          </ul>
-        </section>
-        <section>
-          <h3>Playlyfe</h3>
-          <h4>Full Stack Developer, Apr 2014 - Sept 2016</h4>
-          <h5>
-            Playlyfe is an online Gamification Platform which empowers anyone to
-            design and implement a gamified system.
-          </h5>
-          <ul>
-            <li>
-              Built the Playlyfe Hybrid Mobile app using Phonegap for Android
-              and iOS
-            </li>
-            <li>
-              Built the leaderboard system using Mongodb, Redis and Couchbase as
-              the datastore
-            </li>
-            <li>Migration of data from v1 to v2 of the API</li>
-            <li>
-              Built SDKs for the Playlyfe v2 API in C#, Java, Python, Ruby, PHP,
-              Nodejs, Gos
-            </li>
-            <li>
-              Maintained the job server and wrote most of the background jobs
-            </li>
-            <li>
-              Added documentation to most of the REST API and created the
-              Developer Console which was Like Swagger UI
-            </li>
-            <li>Integrated our REST API in Leanosphere's LMS</li>
-            <li>
-              Integrated the REST API in Knolskape's product Aktivlearn LMS
-            </li>
-            <li>Integrated the REST API in Linkstreet's LMS</li>
-            <li>
-              Integrated the REST API in Moodle LMS by creating an admin plugin
-              to add Gamification features
-            </li>
-            <li>
-              Rebuilt the core platform in golang for performance and
-              developement speed
-            </li>
-            <li>Built the GraphQL API for our cutting edge product Catalyst</li>
-            <li>
-              Convinced the boss to create our own scripting language plscript
-              for our rule engine.
-            </li>
-            <li>
-              Build a REST API for our product catalyst for a POC with Vodafone
-            </li>
-            <li>
-              Built the Quiz, Review, Match, Tournament features in Catalyst for
-              a major project with HP
-            </li>
-            <li>
-              Added gamification features to Saudi Matches a popular game
-              tracking app
-            </li>
-          </ul>
-        </section>
-      </div>
-    </div>
-  );
-}

routes/index.tsx DELETED Viewed

@@ -1,252 +0,0 @@
-import Slide from "../src/components_old/Slide.tsx";
-import ProjectsIcon from "../src/components_old/icons/ProjectsIcon.tsx";
-import TreeIcon from "../src/components_old/icons/TreeIcon.tsx";
-import ContactIcon from "../src/components_old/icons/ContactIcon.tsx";
-import HardwareIcon from "../src/components_old/icons/HardwareIcon.tsx";
-import SoftwareIcon from "../src/components_old/icons/SoftwareIcon.tsx";
-import GooglePlayIcon from "../src/components_old/icons/GooglePlayIcon.tsx";
-import AppStoreIcon from "../src/components_old/icons/AppStoreIcon.tsx";
-import { asset, Head } from "$fresh/runtime.ts";
-export default function Home() {
-  return (
-    <div class="mx-auto">
-      <Head>
-        <title>pyros.sh</title>
-        <meta
-          name="description"
-          content="A fullstack developer from Bangalore who likes to create frameworks and programming languages."
-        />
-      </Head>
-      <div class="heir-h2:text-xl heir-h2:font-bold heir-h2:middle">
-        <h1 class="text-3xl font-bold mb-4">Hello!</h1>
-        <p>
-          I{"'"}m{" "}
-          <a class="underline" href="https://www.linkedin.com/in/peter-john-in">
-            <strong>Peter John</strong>
-          </a>
-          , a fullstack developer from Bengaluru, India. I love writing code and
-          I am lucky enough to do this as my job.
-        </p>
-        <p>
-          I currently work for Equal Experts. I have a strong passion for golang
-          but I also work with react and nodejs. I{"'"}ve mostly worked with
-          startups and product based companies. I have gained a lot of domain
-          specific knowledge in healthcare and finance during these startup
-          years.
-        </p>
-        <p>
-          I like to work on open source and hobby projects. Over the course of
-          {" "}
-          {new Date().getFullYear() - 2014}{" "}
-          years I{"'"}ve accumulated a lot of useful projects used by many
-          people around the world.
-        </p>
-        <div>
-          <div class="flex items-center mt-8 mb-4 child-svg:mr-2 child-svg:text-pink-800">
-            <ProjectsIcon size="36" />
-            <h2>Projects</h2>
-          </div>
-          <div class="grid grid-cols-1 gap-4 sm:grid-cols-2 sm:gap-8 child-section:flex child-section:flex-col child-section:mt-4 child-section:mx-1">
-            <Slide
-              title="Rust-embed"
-              link="https://github.com/pyrossh/rust-embed"
-            >
-              <p>
-                A rust proc-macro which loads files into the rust binary at
-                compile time during release and loads the file from the fs
-                during dev
-              </p>
-            </Slide>
-            <Slide title="Gromer" link="https://github.com/pyrossh/gromer">
-              <p>
-                Gromer is a framework and cli to build web apps in golang. It
-                uses a declarative syntax using inline jsx like templates for
-                components and pages.
-              </p>
-            </Slide>
-            <Slide title="Palm" link="https://github.com/pyrossh/palm">
-              <p>
-                A programming language with a syntax largely inspired by gleam
-                and pyret but with the simplicity of go.
-              </p>
-              <p>WIP to support compilation to WASM with C-FFI support.</p>
-            </Slide>
-            <Slide
-              title="Only Bible App"
-              link="https://github.com/pyrossh/only-bible-app"
-            >
-              <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-4"
-                  href="https://play.google.com/store/apps/details?id=sh.pyros.only_bible_app"
-                  rel="noopener noreferrer"
-                  target="blank"
-                >
-                  <GooglePlayIcon />
-                </a>
-                <a
-                  href="https://apps.apple.com/us/app/only-bible-app/id6467606465"
-                  rel="noopener noreferrer"
-                  target="blank"
-                >
-                  <AppStoreIcon />
-                </a>
-              </div>
-            </Slide>
-            <section>
-              <div class="flex items-center child-svg:mr-2 child-svg:text-green-800">
-                <HardwareIcon size="32" />
-                <h2>Hardware</h2>
-              </div>
-              <ul class="grid gap-2 grid-cols-1 text-center mt-4 heir-a:text-blue-900 child:bg-gray-200 child:p-1">
-                <li>M2 Macbook Air</li>
-                <li>Raspberry Pi 4B</li>
-                <li>Raspberry Pi Zero 2W</li>
-              </ul>
-            </section>
-            <section>
-              <div class="flex items-center child-svg:mr-2 child-svg:text-blue-800">
-                <SoftwareIcon size="32" />
-                <h2>Software</h2>
-              </div>
-              <ul class="grid gap-2 grid-cols-3 text-center mt-4 heir-img:w-12 heir-a:text-base heir-a:text-blue-900 heir-a:flex heir-a:flex-col heir-a:items-center child:bg-gray-200 child:p-2 child:pb-4">
-                <li>
-                  <a
-                    href="https://github.com/exelban/stats"
-                    target="_blank"
-                    rel="noopener noreferrer"
-                  >
-                    Stats
-                    <img src={asset("/logos/stats.png")} />
-                  </a>
-                </li>
-                <li>
-                  <a
-                    href="https://github.com/brave/brave-browser"
-                    target="_blank"
-                    rel="noopener noreferrer"
-                  >
-                    Brave
-                    <img src={asset("/logos/brave.png")} />
-                  </a>
-                </li>
-                <li>
-                  <a
-                    href="https://github.com/microsoft/vscode"
-                    target="_blank"
-                    rel="noopener noreferrer"
-                  >
-                    VS Code
-                    <img src={asset("/logos/code.png")} />
-                  </a>
-                </li>
-                <li>
-                  <a
-                    href="https://github.com/helix-editor/helix"
-                    target="_blank"
-                    rel="noopener noreferrer"
-                  >
-                    Helix
-                    <img src={asset("/logos/helix.png")} />
-                  </a>
-                </li>
-                <li>
-                  <a
-                    href="https://github.com/fish-shell/fish-shell"
-                    target="_blank"
-                    rel="noopener noreferrer"
-                  >
-                    Fish
-                    <img src={asset("/logos/fish.png")} />
-                  </a>
-                </li>
-                <li>
-                  <a
-                    href="https://github.com/gnachman/iTerm2"
-                    target="_blank"
-                    rel="noopener noreferrer"
-                  >
-                    iTerm2
-                    <img src={asset("/logos/iterm.png")} />
-                  </a>
-                </li>
-                <li>
-                  <a
-                    href="https://colorslurp.com"
-                    target="_blank"
-                    rel="noopener noreferrer"
-                  >
-                    Slurp
-                    <img class="w-12" src={asset("/logos/slurp.png")} />
-                  </a>
-                </li>
-                <li>
-                  <a
-                    href="https://www.vectornator.io"
-                    target="_blank"
-                    rel="noopener noreferrer"
-                  >
-                    Curve
-                    <img class="w-12" src={asset("/logos/curve.png")} />
-                  </a>
-                </li>
-              </ul>
-            </section>
-            <section>
-              <div class="flex items-center child-svg:mr-2 child-svg:text-amber-900">
-                <TreeIcon size="36" />
-                <h2>Interests</h2>
-              </div>
-              <ul class="grid gap-2 grid-cols-3 text-center mt-4 child:bg-slate-100 child:p-1">
-                <li>HTML</li>
-                <li>CSS</li>
-                <li>Tailwind</li>
-                <li>Javascript</li>
-                <li>React</li>
-                <li>Flutter</li>
-                <li>Go</li>
-                <li>Rust</li>
-                <li>Kotlin</li>
-                <li>Firestore</li>
-                <li>Kubernetes</li>
-                <li>Istio</li>
-              </ul>
-            </section>
-            <section>
-              <div class="flex items-center child-svg:mr-2 child-svg:text-cyan-950">
-                <ContactIcon size="36" />
-                <h2>Contact</h2>
-              </div>
-              <ul class="grid gap-2 grid-cols-1 text-lg text-left mt-4 heir-strong:mr-2 child:bg-slate-100 child:p-2 child:flex child:flex-col child:sm:flex-row">
-                <li>
-                  <strong>Email:</strong>
-                  <span>pyros2097@gmail.com</span>
-                </li>
-                <li>
-                  <strong>Github:</strong>
-                  <a class="text-blue-900" href="https://github.com/pyrossh">
-                    https://github.com/pyrossh
-                  </a>
-                </li>
-                <li>
-                  <strong>LinkedIn:</strong>
-                  <a
-                    class="text-blue-900"
-                    href="https://www.linkedin.com/in/peter-john-in"
-                  >
-                    https://www.linkedin.com/in/pyrossh
-                  </a>
-                </li>
-              </ul>
-            </section>
-          </div>
-        </div>
-      </div>
-    </div>
-  );
-}

routes/posts.tsx DELETED Viewed

@@ -1,96 +0,0 @@
-import { Head } from "$fresh/runtime.ts";
-// const files = await Astro.glob("./**/*.{md,mdx}");
-// const posts = files.map(({ frontmatter: item }) => ({
-//   id: item.title.toLowerCase().replaceAll(" ", "-"),
-//   title: item.title,
-//   date: new Date(item.date),
-// }));
-// ---
-// <style>
-//   .container {
-//     display: flex;
-//     flex-direction: column;
-//     min-height: calc(100vh - 120px);
-//   }
-//   .row {
-//     display: flex;
-//     flex-direction: row;
-//     align-items: center;
-//     margin-top: 1.5rem;
-//     line-height: 1.5rem;
-//     & span {
-//       width: 9rem;
-//     }
-//     & a {
-//       margin-left: 2rem;
-//       text-decoration: none;
-//       color: black;
-//       border-bottom: 2px solid black;
-//       &:hover,
-//       &:visited {
-//         text-decoration: none;
-//       }
-//       @media (--mobile) {
-//         margin-left: 0rem;
-//       }
-//     }
-//   }
-// </style>
-export default function Posts() {
-  return (
-    <div class="mx-auto">
-      <Head>
-        <title>pyros.sh | Posts</title>
-        <meta name="description" content="Peter John's Posts" />
-      </Head>
-      <div class="px-4 py-40 mx-auto">TBD</div>
-      {
-        /* <div slot="body" class="container">
-        {
-          posts.map((post) => (
-            <div class="row">
-              <span>{post.date.toISOString().split("T")[0]}</span>
-              <a href={`/blog/${post.date.getFullYear()}/${post.id}`}>
-                {post.title}
-              </a>
-            </div>
-          ))
-        }
-      </div> */
-      }
-    </div>
-  );
-}
-// ---
-// const { title, description, image, date, tags } = Astro.props.frontmatter;
-// ---
-// <title slot="head">pyros.sh | {title}</title>
-// <meta slot="head" name="description" content={description} />
-// <meta slot="head" name="keywords" content={tags} />
-// <div slot="body" class="post-page">
-//   <div class="title-container">
-//     <div>
-//       <h1>{title}</h1>
-//       <h2>{description}</h2>
-//     </div>
-//     <div class="date">
-//       <h3>{date}</h3>
-//     </div>
-//   </div>
-//   <div class="tags-container">
-//     {tags.map((text) => <Tag text={text} />)}
-//   </div>
-//   <div>
-//     <slot />
-//   </div>
-// </div>

routes/stats.tsx DELETED Viewed

@@ -1,42 +0,0 @@
-import { Head } from "$fresh/runtime.ts";
-import { Handlers, PageProps } from "$fresh/server.ts";
-import List from "../components/List.tsx";
-import Tile from "../components/Tile.tsx";
-import { AnalyticsData, getAnalyticsData } from "../services/analytics.ts";
-export const handler: Handlers<AnalyticsData> = {
-  async GET(_req, ctx) {
-    const data = await getAnalyticsData();
-    return ctx.render(data);
-  },
-};
-export default function Stats({ data }: PageProps<AnalyticsData>) {
-  return (
-    <>
-      <Head>
-        <title>pyros.sh | Stats</title>
-        <meta name="description" content="Analytics of the pyros.sh website" />
-      </Head>
-      <div class="flex flex-1 flex-col theme-light">
-        <div class="py-4 text-lg font-medium text-gray-800">Dashboard</div>
-        <div class="charts no-select hidden">
-          <div class="headline">
-            <div class="metrics">
-              <Tile title="Unique Visitors" value={data.vistors.toString()} />
-              <Tile title="Page Views" value={data.views.toString()} />
-            </div>
-          </div>
-        </div>
-        <div class="grid grid-cols-2 gap-8">
-          <List title="Pages" entries={data.pages} />
-          <List title="Countries" entries={data.countries} flag />
-        </div>
-        <div class="grid grid-cols-2 gap-8 mt-8">
-          <List title="OS" entries={data.os} />
-          <List title="Browsers" entries={data.browsers} />
-        </div>
-      </div>
-    </>
-  );
-}

scripts/makePdf.ts DELETED Viewed

@@ -1,19 +0,0 @@
-// import { launch } from "https://deno.land/x/astral/mod.ts";
-// const browser = await launch({ headless: true });
-// const page = await browser.newPage("http://localhost:8000/cv");
-// const screenshot = await page.pdf();
-// Deno.writeFileSync("cv.pdf", screenshot);
-// await browser.close();
-// const kv = await Deno.openKv(
-//   "https://api.deno.com/databases/07a4395a-f4e2-47cf-8d2a-9a62382193fc/connect",
-// );
-// const entries = kv.list({
-//   prefix: ["analytics"],
-// });
-// for await (const entry of entries) {
-//   await kv.delete(entry.key);
-// }

src/app.html CHANGED Viewed

@@ -1,16 +1,13 @@
 <!doctype html>
 <html lang="en">
 	<head>
-    <title>pyros.sh</title>
+		<title>pyros.sh</title>
 		<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" />
+		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <meta name="author" content="pyrossh" />
-    <meta name="keywords" content="pyros.sh,pyrossh,astro,website" />
-    %unocss-svelte-scoped.global%
+		%unocss-svelte-scoped.global% %sveltekit.head%
-		%sveltekit.head%
 	</head>
 	<body data-sveltekit-preload-data="hover">
-    %sveltekit.body%
+		%sveltekit.body%
 	</body>
-</html>
+</html>

src/error.html DELETED Viewed

@@ -1,19 +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, initial-scale=1" />
-    %unocss-svelte-scoped.global%
-		%sveltekit.head%
-	</head>
-	<body data-sveltekit-preload-data="hover">
-		<div style="display: contents">
-      %sveltekit.body%
-      %sveltekit.status%
-      %sveltekit.error.message%
-    </div>
-	</body>
-</html>

src/lib/components/Footer.svelte CHANGED Viewed

@@ -8,9 +8,9 @@
 			<SocialLinks />
 		</div>
 		<div class="flex">
-			<span class="text-base text-#f1fa8c hover:no-underline"> powered by </span>
+			<span class="text-base text-#8D8D93 hover:no-underline"> powered by </span>
-			<a class="mx-2 -mt-3" href="https://fresh.deno.dev">
+			<a class="mx-2 -mt-3" href="https://kit.svelte.dev" target="_blank" rel="noopener noreferrer">
-				<!-- <LemonDrop /> -->
+				<div class="i-logos:svelte-kit w-24 h-12"></div>
 			</a>
 		</div>
 	</div>

src/lib/components/Slide.svelte CHANGED Viewed

@@ -11,7 +11,7 @@
 				target="_blank"
 				rel="noopener noreferrer"
 			>
-				<div class="i-mdi-github w-8 h-8 mr-2"  />
+				<div class="i-mdi-github mr-2" />
 				<p>{title}</p>
 			</a>
 			{@render children()}

src/lib/index.js DELETED Viewed

@@ -1,3 +0,0 @@
-// place files you want to import through the `$lib` alias in this folder.
-import "virtual:uno.css";
-import "@unocss/reset/normalize.css";

src/routes/+error.svelte ADDED Viewed

@@ -0,0 +1,29 @@
+<script>
+	import { page } from '$app/stores';
+</script>
+<svelte:head>
+	<title>pyros.sh | {$page.error?.message}</title>
+	<meta name="description" content="${$page.error?.message}" />
+</svelte:head>
+<div class="px-4 mx-auto h-screen">
+	<div class="max-w-screen-md mx-auto flex flex-col items-center justify-center">
+		<img
+			class="my-6"
+			src="/favicon.png"
+			width="128"
+			height="128"
+			alt="the Fresh logo: a sliced lemon dripping with juice"
+		/>
+		<h1 class="text-4xl font-bold">{$page.status} - {$page.error?.message}</h1>
+		<p class="my-4">
+			{#if $page.status === 404}
+				The page you were looking for doesn't exist.
+			{:else}
+				Something went wrong. Please try again later.
+			{/if}
+		</p>
+		<a href="/" class="underline mt-4"> Go back home </a>
+	</div>
+</div>

src/routes/+layout.svelte CHANGED Viewed

@@ -1,14 +1,19 @@
 <script>
+	import { page } from '$app/stores';
 	import Footer from '$lib/components/Footer.svelte';
 	import Header from '$lib/components/Header.svelte';
 	let { children } = $props();
+	export const prerender = true;
 </script>
 <svelte:head>
+	<meta name="author" content="pyrossh" />
+	<meta name="keywords" content="pyros.sh,pyrossh,astro,website" />
+	<link rel="canonical" href={$page.url.pathname} />
 	<meta property="og:site_name" content="pyros.sh" />
 	<meta property="og:type" content="website" />
-	<!-- <link rel="canonical" href={url.toString()} />
-  <meta property="og:url" content={url.toString()} /> -->
+	<meta property="og:url" content={$page.url.pathname} />
 </svelte:head>
 <div
 	style="display: contents"

src/routes/+page.svelte CHANGED Viewed

@@ -10,17 +10,20 @@
 	import curve from '$lib/assets/logos/curve.png';
 </script>
-<div class="mx-auto">
+<svelte:head>
 	<title>pyros.sh</title>
 	<meta
 		name="description"
 		content="A fullstack developer from Bangalore who likes to create frameworks and programming languages."
 	/>
+</svelte:head>
+<div class="mx-auto">
 	<div>
 		<h1 class="text-3xl font-bold mb-4">Hello!</h1>
 		<p>
 			I{"'"}m{' '}
-			<a class="underline" href="https://www.linkedin.com/in/peter-john-in">
+			<a class="underline" href="https://www.linkedin.com/in/pyrossh">
 				<strong>Peter John</strong>
 			</a>
 			, a fullstack developer from Bengaluru, India. I love writing code and I am lucky enough to do
@@ -40,7 +43,7 @@
 		</p>
 		<div>
 			<div class="flex items-center mt-8 mb-4">
-				<div class="i-ic-outline-space-dashboard text-pink-800 w-8 h-8 mr-2" />
+				<div class="i-ic-outline-space-dashboard text-pink-800 mr-2" />
 				<h2>Projects</h2>
 			</div>
 			<div
@@ -82,102 +85,118 @@
 					</div>
 				</Slide>
 				<section>
+					<div class="flex items-center">
-					<div class="flex items-center child-svg:mr-2 child-svg:text-green-800">
+						<div class="i-eos-icons:hardware-circuit text-green-800 mr-2" />
-						<!-- <HardwareIcon size="32" /> -->
 						<h2>Hardware</h2>
 					</div>
-					<ul
-						class="grid gap-2 grid-cols-1 text-center mt-4 heir-a:text-blue-900 child:bg-gray-200 child:p-1"
+					<ul class="grid gap-2 grid-cols-1 text-center mt-4 children:(bg-gray-200 p-1)">
-					>
 						<li>M2 Macbook Air</li>
 						<li>Raspberry Pi 4B</li>
 						<li>Raspberry Pi Zero 2W</li>
 					</ul>
 				</section>
 				<section>
+					<div class="flex items-center">
-					<div class="flex items-center child-svg:mr-2 child-svg:text-blue-800">
+						<div class="i-eos-icons:software-outlined text-blue-800 mr-2" />
-						<!-- <SoftwareIcon size="32" /> -->
 						<h2>Software</h2>
 					</div>
-					<ul
-						class="grid gap-2 grid-cols-3 text-center mt-4 heir-img:w-12 heir-a:text-base heir-a:text-blue-900 heir-a:flex heir-a:flex-col heir-a:items-center child:bg-gray-200 child:p-2 child:pb-4"
+					<ul class="grid gap-2 grid-cols-3 text-center mt-4 children:(bg-gray-200 p-2 pb-4)">
-					>
 						<li>
+							<a
+								class="soft-link"
-							<a href="https://github.com/exelban/stats" target="_blank" rel="noopener noreferrer">
+								href="https://github.com/exelban/stats"
+								target="_blank"
+								rel="noopener noreferrer"
+							>
 								Stats
-								<img class="w-12 h-12" src={stats} alt="Stats" />
+								<img class="soft-icon" src={stats} alt="Stats" />
 							</a>
 						</li>
 						<li>
 							<a
+								class="soft-link"
 								href="https://github.com/brave/brave-browser"
 								target="_blank"
 								rel="noopener noreferrer"
 							>
 								Brave
-								<img class="w-12 h-12" src={brave} alt="Brave" />
+								<img class="soft-icon" src={brave} alt="Brave" />
 							</a>
 						</li>
 						<li>
 							<a
+								class="soft-link"
 								href="https://github.com/microsoft/vscode"
 								target="_blank"
 								rel="noopener noreferrer"
 							>
 								VS Code
-								<img class="w-12 h-12" src={code} alt="VsCode" />
+								<img class="soft-icon" src={code} alt="VsCode" />
 							</a>
 						</li>
 						<li>
 							<a
+								class="soft-link"
 								href="https://github.com/helix-editor/helix"
 								target="_blank"
 								rel="noopener noreferrer"
 							>
 								Helix
-								<img class="w-12 h-12" src={helix} alt="Helix" />
+								<img class="soft-icon" src={helix} alt="Helix" />
 							</a>
 						</li>
 						<li>
 							<a
+								class="soft-link"
 								href="https://github.com/fish-shell/fish-shell"
 								target="_blank"
 								rel="noopener noreferrer"
 							>
 								Fish
-								<img class="w-12 h-12" src={fish} alt="Fish" />
+								<img class="soft-icon" src={fish} alt="Fish" />
 							</a>
 						</li>
 						<li>
 							<a
+								class="soft-link"
 								href="https://github.com/gnachman/iTerm2"
 								target="_blank"
 								rel="noopener noreferrer"
 							>
 								iTerm2
-								<img class="w-12 h-12" src={iterm} alt="iterm2" />
+								<img class="soft-icon" src={iterm} alt="iterm2" />
 							</a>
 						</li>
 						<li>
+							<a
+								class="soft-link"
-							<a href="https://colorslurp.com" target="_blank" rel="noopener noreferrer">
+								href="https://colorslurp.com"
+								target="_blank"
+								rel="noopener noreferrer"
+							>
 								Slurp
-								<img class="w-12" src={slurp} alt="slurp" />
+								<img class="soft-icon" src={slurp} alt="slurp" />
 							</a>
 						</li>
 						<li>
+							<a
+								class="soft-link"
-							<a href="https://www.vectornator.io" target="_blank" rel="noopener noreferrer">
+								href="https://www.vectornator.io"
+								target="_blank"
+								rel="noopener noreferrer"
+							>
 								Curve
-								<img class="w-12" src={curve} alt="curve" />
+								<img class="soft-icon" src={curve} alt="curve" />
 							</a>
 						</li>
 					</ul>
 				</section>
 				<section>
+					<div class="flex items-center">
-					<div class="flex items-center child-svg:mr-2 child-svg:text-amber-900">
+						<div class="i-mdi:file-tree-outline text-amber-900 mr-2" />
-						<!-- <TreeIcon size="36" /> -->
 						<h2>Interests</h2>
 					</div>
-					<ul class="grid gap-2 grid-cols-3 text-center mt-4 child:bg-slate-100 child:p-1">
+					<ul class="grid gap-2 grid-cols-3 text-center mt-4 children:(bg-slate-100 p-1)">
 						<li>HTML</li>
 						<li>CSS</li>
 						<li>Tailwind</li>
@@ -193,25 +212,25 @@
 					</ul>
 				</section>
 				<section>
+					<div class="flex items-center">
-					<div class="flex items-center child-svg:mr-2 child-svg:text-cyan-950">
+						<div class="i-mdi-contact-outline text-cyan-950 mr-2" />
-						<!-- <ContactIcon size="36" /> -->
 						<h2>Contact</h2>
 					</div>
 					<ul
-						class="grid gap-2 grid-cols-1 text-lg text-left mt-4 heir-strong:mr-2 child:bg-slate-100 child:p-2 child:flex child:flex-col child:sm:flex-row"
+						class="grid gap-2 grid-cols-1 text-lg text-left mt-4 children:(bg-slate-100 p-2 flex flex-col sm:flex-row)"
 					>
 						<li>
-							<strong>Email:</strong>
+							<strong class="mr-2">Email:</strong>
 							<span>pyros2097@gmail.com</span>
 						</li>
 						<li>
-							<strong>Github:</strong>
+							<strong class="mr-2">Github:</strong>
 							<a class="text-blue-900" href="https://github.com/pyrossh">
 								https://github.com/pyrossh
 							</a>
 						</li>
 						<li>
-							<strong>LinkedIn:</strong>
+							<strong class="mr-2">LinkedIn:</strong>
 							<a class="text-blue-900" href="https://www.linkedin.com/in/peter-john-in">
 								https://www.linkedin.com/in/pyrossh
 							</a>
@@ -227,4 +246,12 @@
 	h2 {
 		--at-apply: text-xl font-semibold middle;
 	}
+	.soft-link {
+		--at-apply: text-base text-blue-900 flex flex-col items-center;
+	}
+	.soft-icon {
+		--at-apply: w-12 h-12;
+	}
 </style>

src/routes/cv/+page.svelte ADDED Viewed

@@ -0,0 +1,196 @@
+<svelte:head>
+	<title>pyros.sh | CV</title>
+	<meta name="description" content="Peter John's CV" />
+</svelte:head>
+<div>
+	<section>
+		<h3>Equal Experts</h3>
+		<h4>Software Developer, Oct 2018 - present</h4>
+		<h5>
+			Making Software. Better. Equal Experts is a network of talented, experienced software
+			consultants, specialising in agile delivery.
+		</h5>
+		<div>
+			These are the client projects I worked on,
+			<ul>
+				<li>
+					<b>John Lewis</b>
+					<ul>
+						<li>Built a social quiz game to improve engagement across the website</li>
+						<li>
+							Implemented new functionality in customer self serve functions like returns,
+							cancellations, tracking.
+						</li>
+						<li>
+							Refactored the old self serve reactjs app to use nextjs and removed a large redux
+							dependency thereby simplifying the codebase.
+						</li>
+						<li>
+							Ran many experiments in the customer services and order pages to improve our metrics
+							and reduce contacts.
+						</li>
+						<li>
+							Built the new Product Description Page (PDP) for Simple Carpets using a micro frontend
+							architecture.
+						</li>
+					</ul>
+				</li>
+				<li>
+					<b>iOWNA</b>
+					<ul>
+						<li>Built a content editor for curators to create content on our platform</li>
+						<li>
+							Built the iOWNA crossplatform app in react-native that works in android, ios, and web
+							using one codebase.
+						</li>
+						<li>Implemented admin specific functionalities in the web app</li>
+						<li>Implemented an in-app OTA update method using expo and semantic versionin</li>
+						<li>Built the iOWNA marketing website</li>
+						<li>
+							Built the Health Questionnaire clinician/patient feedback form feature with push
+							notifications
+						</li>
+					</ul>
+				</li>
+				<li>
+					<b>Zeta</b>
+					<ul>
+						<li>
+							Added multiple download formats (pdf,html,xlsx) for reports in the Reporting Center
+						</li>
+						<li>
+							Created a Groovy Script to automate creating ACL in sandbox authorization framework
+						</li>
+						<li>Integrated Camunda Workflow Engine into Zeta services in Operations Center</li>
+						<li>Built a few workflows on Camunda and integrated it with some internal services</li>
+						<li>
+							Built a custom k8s CRD using the operator framework to automate creating ACL in
+							sandbox using custom resources
+						</li>
+					</ul>
+				</li>
+				<li>
+					<b>Lifebox</b>
+					<ul>
+						<li>Added search functionality to the hospital procedure codes</li>
+						<li>
+							Converted the Health Questionnaire from json to native go code making it easier to
+							make changes to it
+						</li>
+						<li>
+							Integrated with SAP using HL7 message format to create patients, episodes,
+							schedule/cancel procedures
+						</li>
+						<li>Built the Patient Document repository for uploading, downloading patient files</li>
+						<li>Built the patients online reports view using the data from SAP</li>
+					</ul>
+				</li>
+			</ul>
+		</div>
+	</section>
+	<section>
+		<h3>Numberz</h3>
+		<h4>Full Stack Developer, Sept 2016 - Oct 2018</h4>
+		<h5>
+			Numberz integrates banking with your day-2-day business work-flows freeing up a lot of effort,
+			time and heart-burn, to help your business grow.
+		</h5>
+		<ul>
+			<li>Implemented new features and fixed bugs on the numberz android app</li>
+			<li>Integrated numberz with Tally ERP</li>
+			<li>
+				Implemented CI and Devops within out system to ease our deployment process using docker and
+				docker-compose
+			</li>
+			<li>
+				Created a slack bot called deploybot which was used to deploy our microservices to our
+				servers
+			</li>
+			<li>Started tech talks on Thursdays to discuss cutting edge technologies</li>
+			<li>Architected and built the Notification Service using rabbitmq and nodejs</li>
+			<li>Built the Multi-User and Multi-Company Features</li>
+			<li>
+				Implemented and lead a team on integration with the GSTN System so that customers could file
+				their GST Taxes within our product
+			</li>
+			<li>Architected and built the numberz Identity Management Service(IMS)</li>
+			<li>Architected our new product called the Numberz Accounts Receivable (AR)</li>
+			<li>Laid down the architecture for the frontend and backend</li>
+			<li>
+				Built these core features for our new AR Product - Auto Reminders, Manual Reminders, User
+				Management, Cash Discounting, CFO Dashboard Metrics
+			</li>
+		</ul>
+	</section>
+	<section>
+		<h3>Playlyfe</h3>
+		<h4>Full Stack Developer, Apr 2014 - Sept 2016</h4>
+		<h5>
+			Playlyfe is an online Gamification Platform which empowers anyone to design and implement a
+			gamified system.
+		</h5>
+		<ul>
+			<li>Built the Playlyfe Hybrid Mobile app using Phonegap for Android and iOS</li>
+			<li>Built the leaderboard system using Mongodb, Redis and Couchbase as the datastore</li>
+			<li>Migration of data from v1 to v2 of the API</li>
+			<li>Built SDKs for the Playlyfe v2 API in C#, Java, Python, Ruby, PHP, Nodejs, Gos</li>
+			<li>Maintained the job server and wrote most of the background jobs</li>
+			<li>
+				Added documentation to most of the REST API and created the Developer Console which was Like
+				Swagger UI
+			</li>
+			<li>Integrated our REST API in Leanosphere's LMS</li>
+			<li>Integrated the REST API in Knolskape's product Aktivlearn LMS</li>
+			<li>Integrated the REST API in Linkstreet's LMS</li>
+			<li>
+				Integrated the REST API in Moodle LMS by creating an admin plugin to add Gamification
+				features
+			</li>
+			<li>Rebuilt the core platform in golang for performance and developement speed</li>
+			<li>Built the GraphQL API for our cutting edge product Catalyst</li>
+			<li>Convinced the boss to create our own scripting language plscript for our rule engine.</li>
+			<li>Build a REST API for our product catalyst for a POC with Vodafone</li>
+			<li>
+				Built the Quiz, Review, Match, Tournament features in Catalyst for a major project with HP
+			</li>
+			<li>Added gamification features to Saudi Matches a popular game tracking app</li>
+		</ul>
+	</section>
+</div>
+<style>
+	b {
+		font-weight: 600;
+	}
+	ul {
+		margin: 0.5rem;
+		padding-left: 2rem;
+		@media (--mobile) {
+			margin: 0.5rem;
+			padding-left: 1rem;
+		}
+	}
+	li {
+		list-style-type: disc;
+		list-style-position: outside;
+	}
+	h3 {
+		font-weight: 700;
+		font-size: 1.2rem;
+		margin-top: 0.5rem;
+		margin-bottom: 0.5rem;
+	}
+	h4 {
+		font-weight: 500;
+		margin-top: 0.5rem;
+	}
+	h5 {
+		margin-top: 0.5rem;
+	}
+</style>

src/routes/posts/+page.svelte ADDED Viewed

@@ -0,0 +1,198 @@
+<svelte:head>
+	<title>pyros.sh | Posts</title>
+	<meta name="description" content="Peter John's Posts" />
+</svelte:head>
+<div class="h-screen">
+	<div class="px-4 py-40 mx-auto">TBD</div>
+</div>
+<!--
+// {
+      //   /* <div slot="body" class="container">
+      //   {
+      //     posts.map((post) => (
+      //       <div class="row">
+      //         <span>{post.date.toISOString().split("T")[0]}</span>
+      //         <a href={`/blog/${post.date.getFullYear()}/${post.id}`}>
+      //           {post.title}
+      //         </a>
+      //       </div>
+      //     ))
+      //   }
+      // </div> */
+      // }
+// ---
+// const { title, description, image, date, tags } = Astro.props.frontmatter;
+// ---
+// <title slot="head">pyros.sh | {title}</title>
+// <meta slot="head" name="description" content={description} />
+// <meta slot="head" name="keywords" content={tags} />
+// <div slot="body" class="post-page">
+//   <div class="title-container">
+//     <div>
+//       <h1>{title}</h1>
+//       <h2>{description}</h2>
+//     </div>
+//     <div class="date">
+//       <h3>{date}</h3>
+//     </div>
+//   </div>
+//   <div class="tags-container">
+//     {tags.map((text) => <Tag text={text} />)}
+//   </div>
+//   <div>
+//     <slot />
+//   </div>
+// </div>
+// const files = await Astro.glob("./**/*.{md,mdx}");
+// const posts = files.map(({ frontmatter: item }) => ({
+//   id: item.title.toLowerCase().replaceAll(" ", "-"),
+//   title: item.title,
+//   date: new Date(item.date),
+// }));
+// ---
+// <style>
+//   .container {
+//     display: flex;
+//     flex-direction: column;
+//     min-height: calc(100vh - 120px);
+//   }
+//   .row {
+//     display: flex;
+//     flex-direction: row;
+//     align-items: center;
+//     margin-top: 1.5rem;
+//     line-height: 1.5rem;
+//     & span {
+//       width: 9rem;
+//     }
+//     & a {
+//       margin-left: 2rem;
+//       text-decoration: none;
+//       color: black;
+//       border-bottom: 2px solid black;
+//       &:hover,
+//       &:visited {
+//         text-decoration: none;
+//       }
+//       @media (--mobile) {
+//         margin-left: 0rem;
+//       }
+//     }
+//   }
+// </style>
+ -->
+<style>
+	.post-page {
+		display: flex;
+		flex-direction: column;
+		width: 100%;
+		& code {
+			font-family:
+				Menlo,
+				Monaco,
+				Courier New,
+				monospace;
+			font-size: 0.9em;
+		}
+		& p {
+			margin-top: 1rem;
+			margin-bottom: 1rem;
+		}
+		& pre {
+			max-width: 64rem;
+			font-family: monospace;
+			font-size: 14px;
+			border-radius: 16px;
+			padding: 16px;
+			margin: 8px;
+			line-height: 20px;
+			overflow-x: auto;
+		}
+		& img {
+			width: auto;
+			@media (--mobile) {
+				width: 100%;
+			}
+		}
+		& .title-container {
+			display: flex;
+			flex: 1;
+			font-family: serif;
+			flex-direction: column;
+			& h1 {
+				color: var(--black-light);
+				margin: 0;
+				line-height: 3rem;
+			}
+			& h2 {
+				color: var(--yellow-dark);
+				font-size: 1.5rem;
+				font-weight: 500;
+				margin-top: 20px;
+				margin-bottom: 20px;
+			}
+			& h3 {
+				color: var(--black-light);
+				font-size: 1.5rem;
+				font-weight: 500;
+				margin: 0;
+			}
+			& .date {
+				display: flex;
+				flex: 1;
+				flex-direction: row;
+				justify-content: flex-end;
+				margin-right: var(--space-10);
+				@media (--mobile) {
+					justify-content: flex-start;
+					margin-top: 0.5rem;
+					margin-bottom: 0.5rem;
+				}
+			}
+		}
+		& .tags-container {
+			margin-top: var(--space-1);
+			margin-bottom: var(--space-1);
+			@media (--mobile) {
+				margin-top: var(--space-4);
+				margin-bottom: var(--space-4);
+			}
+		}
+	}
+	.tag {
+		background-color: var(--black-light);
+		color: white;
+		display: inline-block;
+		padding-left: 8px;
+		padding-right: 8px;
+		text-align: center;
+		margin-right: 1rem;
+	}
+</style>

static/favicon.png CHANGED Viewed

Binary file

{design → static}/logo.curve RENAMED Viewed

File without changes

static/logo.svg DELETED Viewed

@@ -1,6 +0,0 @@
-<svg width="40" height="40" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <path d="M34.092 8.845C38.929 20.652 34.092 27 30 30.5c1 3.5-2.986 4.222-4.5 2.5-4.457 1.537-13.512 1.487-20-5C2 24.5 4.73 16.714 14 11.5c8-4.5 16-7 20.092-2.655Z" fill="#FFDB1E"/>
-  <path d="M14 11.5c6.848-4.497 15.025-6.38 18.368-3.47C37.5 12.5 21.5 22.612 15.5 25c-6.5 2.587-3 8.5-6.5 8.5-3 0-2.5-4-5.183-7.75C2.232 23.535 6.16 16.648 14 11.5Z" fill="#fff" stroke="#FFDB1E"/>
-  <path d="M28.535 8.772c4.645 1.25-.365 5.695-4.303 8.536-3.732 2.692-6.606 4.21-7.923 4.83-.366.173-1.617-2.252-1.617-1 0 .417-.7 2.238-.934 2.326-1.365.512-4.223 1.29-5.835 1.29-3.491 0-1.923-4.754 3.014-9.122.892-.789 1.478-.645 2.283-.645-.537-.773-.534-.917.403-1.546C17.79 10.64 23 8.77 25.212 8.42c.366.014.82.35.82.629.41-.14 2.095-.388 2.503-.278Z" fill="#FFE600"/>
-  <path d="M14.297 16.49c.985-.747 1.644-1.01 2.099-2.526.566.121.841-.08 1.29-.701.324.466 1.657.608 2.453.701-.715.451-1.057.852-1.452 2.106-1.464-.611-3.167-.302-4.39.42Z" fill="#fff"/>
-</svg>

static/styles.css DELETED Viewed

@@ -1,438 +0,0 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
-@page {
-  size: A4;
-  margin: 0;
-}
-.post-page {
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  & code {
-    font-family: Menlo, Monaco, Courier New, monospace;
-    font-size: 0.9em;
-  }
-  & p {
-    margin-top: 1rem;
-    margin-bottom: 1rem;
-  }
-  & pre {
-    max-width: 64rem;
-    font-family: monospace;
-    font-size: 14px;
-    border-radius: 16px;
-    padding: 16px;
-    margin: 8px;
-    line-height: 20px;
-    overflow-x: auto;
-  }
-  & img {
-    width: auto;
-    @media (--mobile) {
-      width: 100%;
-    }
-  }
-  & .title-container {
-    display: flex;
-    flex: 1;
-    font-family: serif;
-    flex-direction: column;
-    & h1 {
-      color: var(--black-light);
-      margin: 0;
-      line-height: 3rem;
-    }
-    & h2 {
-      color: var(--yellow-dark);
-      font-size: 1.5rem;
-      font-weight: 500;
-      margin-top: 20px;
-      margin-bottom: 20px;
-    }
-    & h3 {
-      color: var(--black-light);
-      font-size: 1.5rem;
-      font-weight: 500;
-      margin: 0;
-    }
-    & .date {
-      display: flex;
-      flex: 1;
-      flex-direction: row;
-      justify-content: flex-end;
-      margin-right: var(--space-10);
-      @media (--mobile) {
-        justify-content: flex-start;
-        margin-top: 0.5rem;
-        margin-bottom: 0.5rem;
-      }
-    }
-  }
-  & .tags-container {
-    margin-top: var(--space-1);
-    margin-bottom: var(--space-1);
-    @media (--mobile) {
-      margin-top: var(--space-4);
-      margin-bottom: var(--space-4);
-    }
-  }
-}
-.tag {
-  background-color: var(--black-light);
-  color: white;
-  display: inline-block;
-  padding-left: 8px;
-  padding-right: 8px;
-  text-align: center;
-  margin-right: 1rem;
-}
-html {
-  --black: #000;
-  --white: #fff;
-  --beige: #f8f5ed;
-  --green: #6ece9d;
-  --yellow: #ffda6e;
-  --orange: #f7a66b;
-  --red: #e87b7b;
-  --theme-light-color-primary: var(--black);
-  --theme-light-color-background-primary: var(--beige);
-  --theme-light-color-secondary: #707070;
-  --theme-light-color-background-secondary: var(--white);
-  --theme-light-color-button: var(--black);
-  --theme-light-color-background-button: var(--green);
-  --theme-light-color-accent: var(--green);
-  --theme-light-color-green: var(--green);
-  --theme-light-color-yellow: var(--yellow);
-  --theme-light-color-orange: var(--orange);
-  --theme-light-color-red: var(--red);
-  --theme-light-color-background-elevation: rgba(0, 0, 0, 0.04);
-  --theme-light-box-shadow-primary: 0px 4px 16px rgba(0, 0, 0, 0.1);
-  --theme-light-box-shadow-secondary: none;
-  --theme-dark-color-primary: var(--white);
-  --theme-dark-color-background-primary: #0a0a0a;
-  --theme-dark-color-secondary: #adadad;
-  --theme-dark-color-background-secondary: #141414;
-  --theme-dark-color-button: var(--black);
-  --theme-dark-color-background-button: var(--green);
-  --theme-dark-color-accent: var(--green);
-  --theme-dark-color-green: var(--green);
-  --theme-dark-color-yellow: var(--yellow);
-  --theme-dark-color-orange: var(--orange);
-  --theme-dark-color-red: var(--red);
-  --theme-dark-color-background-elevation: rgba(255, 255, 255, 0.04);
-  --theme-dark-box-shadow-primary: 0px 4px 16px rgba(0, 0, 0, 0.8);
-  --theme-dark-box-shadow-secondary: none;
-  --theme-border-radius-primary: 12px;
-}
-.theme-light {
-  color-scheme: light;
-  --color-primary: var(--theme-light-color-primary);
-  --color-background-primary: var(--theme-light-color-background-primary);
-  --color-secondary: var(--theme-light-color-secondary);
-  --color-background-secondary: var(--theme-light-color-background-secondary);
-  --color-button: var(--theme-light-color-button);
-  --color-background-button: var(--theme-light-color-background-button);
-  --color-accent: var(--theme-light-color-accent);
-  --color-green: var(--theme-light-color-green);
-  --color-yellow: var(--theme-light-color-yellow);
-  --color-orange: var(--theme-light-color-orange);
-  --color-red: var(--theme-light-color-red);
-  --color-background-elevation: var(--theme-light-color-background-elevation);
-  --box-shadow-primary: var(--theme-light-box-shadow-primary);
-  --box-shadow-secondary: var(--theme-light-box-shadow-secondary);
-  --border-radius-primary: var(--theme-border-radius-primary);
-}
-.theme-dark {
-  color-scheme: dark;
-  --color-primary: var(--theme-dark-color-primary);
-  --color-background-primary: var(--theme-dark-color-background-primary);
-  --color-secondary: var(--theme-dark-color-secondary);
-  --color-background-secondary: var(--theme-dark-color-background-secondary);
-  --color-button: var(--theme-dark-color-button);
-  --color-background-button: var(--theme-dark-color-background-button);
-  --color-accent: var(--theme-dark-color-accent);
-  --color-green: var(--theme-dark-color-green);
-  --color-yellow: var(--theme-dark-color-yellow);
-  --color-orange: var(--theme-dark-color-orange);
-  --color-red: var(--theme-dark-color-red);
-  --color-background-elevation: var(--theme-dark-color-background-elevation);
-  --box-shadow-primary: var(--theme-dark-box-shadow-primary);
-  --box-shadow-secondary: var(--theme-dark-box-shadow-secondary);
-  --border-radius-primary: var(--theme-border-radius-primary);
-  --img-filter: saturate(0.8) brightness(1.2);
-}
-.charts {
-  position: relative;
-  display: flex;
-  flex-direction: column;
-  gap: 12px;
-  margin: 8px 0 16px;
-  padding: 24px 24px 16px;
-  background-color: var(--color-background-secondary);
-  border-radius: var(--border-radius-primary);
-  box-shadow: var(--box-shadow-secondary);
-  cursor: default;
-  transition: gap 0.2s ease, padding 0.2s ease;
-}
-.dashboard {
-  display: grid;
-  gap: 16px;
-  grid-template-columns: repeat(2, minmax(0, 1fr));
-}
-.charts .headline {
-  display: flex;
-  justify-content: space-between;
-  gap: 12px;
-  flex-wrap: wrap;
-}
-.charts .headline .metrics {
-  display: flex;
-  flex-direction: row;
-  gap: 6px;
-  flex-wrap: wrap;
-}
-.charts .headline .metrics .metric {
-  /* position:relative; */
-  /* max-width:max-content; */
-  padding: 13px 16px 10px;
-  background-color: var(--color-background-secondary);
-  border-radius: calc(var(--border-radius-primary) / 2);
-  overflow: hidden;
-}
-.charts .headline .metrics .metric:before {
-  content: "";
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  width: 0;
-  z-index: 1;
-  transition: width 0.15s ease, background-color 0.1s ease, border-radius 0.1s;
-}
-.charts .headline .metrics .metric.clickable {
-  cursor: pointer;
-}
-@media only screen and (min-width: 513px) {
-  .charts .headline .metrics .metric.clickable:not(.active):hover {
-    opacity: 0.8;
-  }
-}
-.charts .headline .metrics .metric.active {
-  background-color: var(--color-background-elevation);
-}
-.charts .headline .metrics .metric.active:before {
-  width: 2px;
-}
-.charts .headline .metrics .metric.active.green:before {
-  background-color: var(--color-green);
-}
-.charts .headline .metrics .metric.active.yellow:before {
-  background-color: var(--color-yellow);
-}
-.charts .headline .metrics .metric.active.red:before {
-  background-color: var(--color-red);
-}
-.charts .headline .metrics .metric.active h2 {
-  color: var(--color-primary);
-}
-.charts .headline .metrics .metric > div {
-  display: flex;
-  align-items: center;
-}
-.charts .headline .metrics .metric h2 {
-  margin: 0 6px 0 0;
-  font-size: 18px;
-  color: var(--color-secondary);
-  white-space: nowrap;
-}
-.charts .headline .metrics .metric .sum {
-  font-size: 28px;
-  font-weight: 500;
-  white-space: nowrap;
-}
-.charts .headline .metrics .metric .tooltip .pop-over {
-  left: -128px;
-  width: 168px;
-}
-.charts .headline .metrics .metric .tooltip .pop-over:before {
-  left: 139px;
-}
-.charts .headline .action {
-  position: absolute;
-  right: 24px;
-  bottom: 24px;
-  height: 20px;
-  width: 20px;
-  padding: 0;
-}
-@media only screen and (min-width: 513px) {
-  .charts .headline .action:hover {
-    opacity: 0.8 !important;
-    background-color: transparent;
-  }
-}
-.charts .headline .action i {
-  margin: 0;
-  font-size: 20px;
-}
-@media only screen and (min-width: 769px) {
-  .charts.hidden {
-    gap: 0;
-    padding: 12px 8px 9px;
-  }
-}
-@media only screen and (max-width: 768px) {
-  .charts {
-    flex: 1;
-    padding: 0;
-  }
-  .charts .headline {
-    flex: 1;
-    padding: 12px 12px 9px;
-  }
-  .charts .headline .metrics {
-    display: grid;
-    gap: 0;
-    grid-template-columns: auto;
-    flex: 1;
-    padding: 0;
-    overflow: hidden;
-  }
-  .charts .headline .metrics .metric {
-    padding: 12px;
-  }
-  .charts .headline .metrics .metric:last-of-type {
-    grid-column: 1/3;
-  }
-  .charts .headline .metrics .metric .sum {
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-  }
-}
-@media only screen and (max-width: 512px) {
-  .charts .headline {
-    padding: 8px;
-  }
-  .charts .headline .action {
-    right: 20px;
-    bottom: 20px;
-  }
-}
-.chart {
-  display: flex;
-  flex-direction: column;
-  margin-top: 12px;
-  margin-left: -8px;
-  background-color: transparent;
-  border-radius: var(--border-radius-primary);
-  cursor: default;
-  overflow-x: auto;
-}
-.chart .chart-container {
-  position: relative;
-  height: 256px !important;
-  max-height: 60vh;
-  display: flex;
-  flex-direction: column;
-  padding: 0;
-  border-bottom-right-radius: calc(var(--border-radius-primary) / 2);
-  border-bottom-left-radius: calc(var(--border-radius-primary) / 2);
-  overflow: hidden;
-}
-@media only screen and (max-width: 768px) {
-  .chart .chart-container {
-    width: 768px;
-    padding-bottom: 12px;
-  }
-}
-.cv-page {
-  @apply text-lg;
-  & b {
-    font-weight: 600;
-  }
-  & ul {
-    margin: 0.5rem;
-    padding-left: 2rem;
-    @media (--mobile) {
-      margin: 0.5rem;
-      padding-left: 1rem;
-    }
-  }
-  & li {
-    list-style-type: disc;
-    list-style-position: outside;
-  }
-  & h3 {
-    font-weight: 700;
-    font-size: 1.2rem;
-    margin-top: 0.5rem;
-    margin-bottom: 0.5rem;
-  }
-  & h4 {
-    font-weight: 500;
-    margin-top: 0.5rem;
-  }
-  & h5 {
-    margin-top: 0.5rem;
-  }
-}

svelte.config.js CHANGED Viewed

@@ -1,13 +1,16 @@
-import adapter from "@sveltejs/adapter-auto";
+import adapterStatic from '@sveltejs/adapter-static';
 /** @type {import('@sveltejs/kit').Config} */
 const config = {
   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(),
+    adapter: adapterStatic({
+      pages: 'build',
+      assets: 'build',
+      fallback: undefined,
+      precompress: false,
+      strict: false
-  },
+    })
+  }
 };
 export default config;

tailwind.config.ts DELETED Viewed

@@ -1,28 +0,0 @@
-import { type Config } from "tailwindcss";
-import children from "tailwind-children";
-export default {
-  plugins: [children],
-  content: ["{routes,islands,components}/**/*.{ts,tsx}"],
-  theme: {
-    fontFamily: {
-      sans: "system-ui",
-      serif: "system-ui",
-      mono: "monospace",
-      logo: "Kaiti SC",
-    },
-    data: {
-      current: "current",
-    },
-    extend: {
-      colors: {
-        yellow: "#f1fa8c",
-        black: "#1a1a1a",
-        "black-lighter": "#1f1f1f",
-        "black-light": "#313a3d",
-        "yellow-dark": "#858579",
-        "slider-bg": "#f0ede2",
-      },
-    },
-  },
-} as Config;

uno.config.ts CHANGED Viewed

@@ -1,22 +1,25 @@
-import { defineConfig, presetIcons, presetUno } from "unocss";
+import { defineConfig, presetIcons, presetUno } from 'unocss';
-import transformerVariantGroup from "@unocss/transformer-variant-group";
+import transformerVariantGroup from '@unocss/transformer-variant-group';
-import transformerDirectives from '@unocss/transformer-directives'
+import transformerDirectives from '@unocss/transformer-directives';
 export default defineConfig({
   presets: [
     presetUno(),
-    presetIcons({}),
+    presetIcons({
-  ],
+      autoInstall: true,
-  transformers: [
+      extraProperties: {
-    transformerVariantGroup(),
-    transformerDirectives(),
+        width: '2.25rem',
+        height: '2.25rem'
+      }
+    })
   ],
+  transformers: [transformerVariantGroup(), transformerDirectives()],
   theme: {
     fontFamily: {
-      sans: "system-ui",
+      sans: 'system-ui',
-      serif: "system-ui",
+      serif: 'system-ui',
-      mono: "monospace",
+      mono: 'monospace',
-      logo: "Kaiti SC",
+      logo: 'Kaiti SC'
-    },
+    }
-  },
+  }
 });

~repos /website

git clone https://pyrossh.dev/repos/website.git

木 Personal website of pyrossh. Built with astrojs, shiki, vite.