website-xp-phone 1.5.0

package/src/lib/resumeAnalytics.ts

@@ -0,0 +1,163 @@
+import { getApps, initializeApp, type FirebaseApp } from "firebase/app";
+import { getAnalytics, isSupported, logEvent, type Analytics } from "firebase/analytics";
+import {
+    addDoc,
+    collection,
+    getFirestore,
+    serverTimestamp,
+    type Firestore,
+} from "firebase/firestore";
+
+type EventParam = string | number | boolean;
+
+type ResumeInterestPayload = {
+    email: string;
+    source: "resume_page";
+    userAgent: string;
+    createdAt: ReturnType<typeof serverTimestamp>;
+};
+
+const getRequiredValue = (value: string | undefined) => {
+    const trimmed = value?.trim();
+    return trimmed ? trimmed : null;
+};
+
+const getFirebaseApp = (): FirebaseApp | null => {
+    const apiKey = getRequiredValue(import.meta.env.VITE_FIREBASE_API_KEY);
+    const authDomain = getRequiredValue(import.meta.env.VITE_FIREBASE_AUTH_DOMAIN);
+    const projectId = getRequiredValue(import.meta.env.VITE_FIREBASE_PROJECT_ID);
+    const appId = getRequiredValue(import.meta.env.VITE_FIREBASE_APP_ID);
+
+    if (!apiKey || !authDomain || !projectId || !appId) {
+        return null;
+    }
+
+    const messagingSenderId = getRequiredValue(
+        import.meta.env.VITE_FIREBASE_MESSAGING_SENDER_ID,
+    );
+    const storageBucket = getRequiredValue(import.meta.env.VITE_FIREBASE_STORAGE_BUCKET);
+    const measurementId = getRequiredValue(import.meta.env.VITE_FIREBASE_MEASUREMENT_ID);
+
+    const existingApp = getApps()[0];
+    if (existingApp) {
+        return existingApp;
+    }
+
+    return initializeApp({
+        apiKey,
+        authDomain,
+        projectId,
+        appId,
+        ...(messagingSenderId ? { messagingSenderId } : {}),
+        ...(storageBucket ? { storageBucket } : {}),
+        ...(measurementId ? { measurementId } : {}),
+    });
+};
+
+let analyticsPromise: Promise<Analytics | null> | null = null;
+let firestoreClient: Firestore | null = null;
+
+const RESUME_INTEREST_LAST_SUBMIT_KEY = "resumeInterestLastSubmitAt";
+const MIN_SUBMIT_INTERVAL_MS = 30_000;
+
+const getAnalyticsClient = async () => {
+    if (analyticsPromise) {
+        return analyticsPromise;
+    }
+
+    analyticsPromise = (async () => {
+        const app = getFirebaseApp();
+        if (!app) {
+            return null;
+        }
+
+        const analyticsSupported = await isSupported();
+        if (!analyticsSupported) {
+            return null;
+        }
+
+        return getAnalytics(app);
+    })();
+
+    return analyticsPromise;
+};
+
+const getFirestoreClient = () => {
+    if (firestoreClient) {
+        return firestoreClient;
+    }
+
+    const app = getFirebaseApp();
+    if (!app) {
+        return null;
+    }
+
+    firestoreClient = getFirestore(app);
+    return firestoreClient;
+};
+
+const isSubmitRateLimited = () => {
+    const lastSubmitAtRaw = window.localStorage.getItem(RESUME_INTEREST_LAST_SUBMIT_KEY);
+    if (!lastSubmitAtRaw) {
+        return false;
+    }
+
+    const lastSubmitAt = Number(lastSubmitAtRaw);
+    if (!Number.isFinite(lastSubmitAt)) {
+        return false;
+    }
+
+    return Date.now() - lastSubmitAt < MIN_SUBMIT_INTERVAL_MS;
+};
+
+export const trackResumeEvent = async (
+    eventName: string,
+    params: Record<string, EventParam> = {},
+) => {
+    try {
+        const analytics = await getAnalyticsClient();
+        if (!analytics) {
+            return;
+        }
+
+        logEvent(analytics, eventName, params);
+    } catch {
+        // Non-blocking analytics.
+    }
+};
+
+export const submitResumeInterest = async (email: string) => {
+    if (isSubmitRateLimited()) {
+        throw new Error("Please wait before submitting again.");
+    }
+
+    const firestore = getFirestoreClient();
+    if (!firestore) {
+        throw new Error("Missing Firebase configuration.");
+    }
+
+    const payload: ResumeInterestPayload = {
+        email: email.trim().toLowerCase(),
+        source: "resume_page",
+        userAgent: window.navigator.userAgent || "unknown",
+        createdAt: serverTimestamp(),
+    };
+
+    try {
+        await addDoc(collection(firestore, "resume_interest"), payload);
+    } catch {
+        await trackResumeEvent("resume_interest_submit_failed", {
+            status_code: 500,
+        });
+        throw new Error("Failed to submit resume interest.");
+    }
+
+    window.localStorage.setItem(
+        RESUME_INTEREST_LAST_SUBMIT_KEY,
+        String(Date.now()),
+    );
+
+    await trackResumeEvent("resume_interest_submit", {
+        status: "ok",
+    });
+};

package/src/main.tsx

@@ -0,0 +1,35 @@
+import { StrictMode } from "react";
+import { createRoot } from "react-dom/client";
+import "react-toastify/dist/ReactToastify.css";
+import "./styles/main.css";
+import App from "./App";
+
+const checkStylesLoaded = () => {
+  const themeCssLink = document.getElementById("theme-css") as
+    | HTMLLinkElement
+    | null;
+  if (themeCssLink?.sheet) {
+    document.body.classList.add("styles-loaded");
+    return true;
+  }
+  return false;
+};
+
+if (!checkStylesLoaded()) {
+  const themeCssLink = document.getElementById("theme-css");
+  themeCssLink?.addEventListener("load", () => {
+    document.body.classList.add("styles-loaded");
+  });
+
+  window.setTimeout(() => {
+    if (!document.body.classList.contains("styles-loaded")) {
+      document.body.classList.add("styles-loaded");
+    }
+  }, 100);
+}
+
+createRoot(document.getElementById("root")!).render(
+  <StrictMode>
+    <App />
+  </StrictMode>,
+);

package/src/pages.json

@@ -0,0 +1,50 @@
+[
+    {
+        "path": "/",
+        "menuLabel": "home",
+        "title": "home of kine",
+        "description": "my cozy little personal website"
+    },
+    {
+        "path": "/addons",
+        "menuLabel": "addons",
+        "title": "ui of kine",
+        "description": "look at my UI in wow!"
+    },
+    {
+        "path": "/wow",
+        "menuLabel": "wow config",
+        "title": "WoW Config - kine",
+        "description": "Download World of Warcraft configuration files"
+    },
+    {
+        "path": "/blog",
+        "menuLabel": "blog",
+        "title": "blog of kine",
+        "description": "posts and notes from kine"
+    },
+    {
+        "path": "/music",
+        "menuLabel": "music",
+        "title": "glitchbox tracks",
+        "description": "my featured uploads from SoundCloud"
+    },
+    {
+        "path": "/sitemap",
+        "menuLabel": "sitemap",
+        "title": "sitemap of kine",
+        "description": "an immersive map of the site, assets, and crawlable surfaces"
+    },
+    {
+        "path": "/contact",
+        "menuLabel": "links",
+        "title": "try contact kine",
+        "description": "contact me!"
+    },
+    {
+        "path": "/resume",
+        "menuLabel": "resume",
+        "title": "please hire kine",
+        "description": "hire me!"
+    }
+]

package/src/sections.json

@@ -0,0 +1,243 @@
+{
+  "heading": "Welcome to kine's website!",
+  "content": [
+    {
+      "heading": "what is kine",
+      "content": [
+        "its my name",
+        {
+          "heading": "why is kine?",
+          "content": [
+            "because kine is short word",
+            "it is stable, and calm by",
+            "nature of its content"
+          ]
+        }
+      ]
+    },
+    {
+      "heading": "who is kine",
+      "content": [
+        {
+          "heading": "current occupation",
+          "content": "to graduate University of Sussex!"
+        },
+        {
+          "heading": "current hobbies",
+          "content": "gaming, programming, music"
+        },
+        {
+          "heading": "current status",
+          "content": "hapax proxima search"
+        }
+      ]
+    },
+    {
+      "heading": "what's kine busy with",
+      "content": [
+        "preparing to:",
+        {
+          "content": [
+            "graduate University of Sussex",
+            "apply for a very prestige job in the IT sector",
+            "meet new people",
+            "travel to new exotic places"
+          ]
+        },
+        "actively implementing:",
+        {
+          "content": [
+            "blogging platform",
+            "audio compression/filtering algorithms",
+            "python rapid development framework",
+            "fluent web app admin panel",
+            "bulletproof security"
+          ]
+        }
+      ]
+    },
+    {
+      "heading": "what's kine favourite games",
+      "content": [
+        {
+          "heading": "world of warcraft",
+          "content": [
+            {
+              "heading": "what is a Rueg",
+              "content": [
+                "playing on Thunderstrike as Rueg",
+                {
+                  "heading": "why the name Rueg?",
+                  "content": "rueg is a rogue skeleton"
+                },
+                {
+                  "heading": "what is the appearance of Rueg?",
+                  "content": [
+                    "he is an unnamed skeleton of mystery",
+                    "a short non-descript skeleton",
+                    "with various head accessories",
+                    "sometimes no eyes",
+                    "sometimes no jaws",
+                    {
+                      "heading": "reveal rueg",
+                      "content": [
+                        "<img src=\"https://akinevz.com/images/rueg1.png\" alt=\"rueg image 1\" style=\"width: auto; height: auto; max-height: 600px;\" />"
+                      ]
+                    },
+                    {
+                      "heading": "reveal rueg",
+                      "content": [
+                        "<img src=\"https://akinevz.com/images/rueg2.png\" alt=\"rueg image 2\" style=\"width: auto; height: auto; max-height: 600px;\" />"
+                      ]
+                    }
+                  ]
+                },
+                {
+                  "heading": "where to find Rueg?",
+                  "content": "anywhere, really"
+                }
+              ]
+            },
+            {
+              "heading": "who is Ateric",
+              "content": [
+                "playing on Thunderstrike as Ateric the Gnome",
+                {
+                  "heading": "what class is Ateric?",
+                  "content": "a Mage"
+                },
+                {
+                  "heading": "will we ever see Ateric?",
+                  "content": [
+                    {
+                      "heading": "reveal ateric",
+                      "content": [
+                        "<img src=\"https://akinevz.com/images/Ateric1.png\" alt=\"ateric image 1\" style=\"width: auto; height: auto; max-height: 600px;\" />"
+                      ]
+                    },
+                    {
+                      "heading": "reveal ateric",
+                      "content": [
+                        "<img src=\"https://akinevz.com/images/Ateric2.png\" alt=\"ateric image 2\" style=\"width: auto; height: auto; max-height: 600px;\" />"
+                      ]
+                    }
+                  ]
+                }
+              ]
+            },
+            {
+              "heading": "who is Equal",
+              "content": [
+                "playing on Thunderstrike as Equal the Human",
+                {
+                  "heading": "what class is Equal?",
+                  "content": "a Priest"
+                },
+                {
+                  "heading": "is she real?",
+                  "content": [
+                    "<img src=\"https://akinevz.com/images/equal1.png\" alt=\"equal dance\" style=\"width: auto; height: auto; max-height: 600px;\" />"
+                  ]
+                }
+              ]
+            },
+            {
+              "heading": "who is Jungie",
+              "content": [
+                "playing on Spineshatter as Jungie the Troll",
+                {
+                  "heading": "what class is Jungie?",
+                  "content": [
+                    "a Shaman",
+                    "uhh... actually he's a Hunter, but there's also a Warrior..."
+                  ]
+                }
+              ]
+            },
+            {
+              "heading": "who is Kogg",
+              "content": [
+                "playing on Thunderstrike as Kogg the Tauren",
+                {
+                  "heading": "what class is Kogg?",
+                  "content": "a Shaman"
+                },
+                {
+                  "heading": "where does Kogg come from?",
+                  "content": [
+                    "born in Northrend, he was raised by the Taunka people",
+                    "he was recruited into the Horde war effort by the Warsong"
+                  ]
+                },
+                {
+                  "heading": "does Kogg ever stand still?",
+                  "content": [
+                    "<img src=\"/images/kogg1.png\" alt=\"kogg image 1\" style=\"width: auto; height: auto; max-height: 600px;\" />",
+                    "<img src=\"/images/kogg2.png\" alt=\"kogg image 2\" style=\"width: auto; height: auto; max-height: 600px;\" />"
+                  ]
+                }
+              ]
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "heading": "what's kine fascinations",
+      "content": [
+        {
+          "heading": "the concept of:",
+          "content": [
+            "programming and technology",
+            "and cats [\\[?\\]](https://akinevz.com/images/hyperawareofwhatacatis.png)",
+            {
+              "heading": "open source",
+              "content": [
+                "**public live projects**:",
+                {
+                  "heading": "pagerts, my first npm package",
+                  "link": "https://www.npmjs.com/package/pagerts"
+                }
+              ]
+            },
+            {
+              "heading": "secret",
+              "content": [
+                "soon (tm)",
+                {
+                  "heading": "what does this mean?",
+                  "content": "this is ancient Blizzard Studios terminology for something that is inevitably postponed"
+                }
+              ]
+            },
+            {
+              "heading": "music",
+              "link": "https://soundcloud.com/akinevz"
+            },
+            {
+              "heading": "abstract and surreal",
+              "content": []
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "heading": "where's kine been",
+      "content": [
+        {
+          "heading": "for studies",
+          "content": "currently at University of Sussex"
+        },
+        {
+          "heading": "for work",
+          "content": [
+            "at Revolent Group (Salesforce)",
+            "in the wild (freelance)",
+            "at CMS (during merger w/ Nabarro+Olswang)"
+          ]
+        }
+      ]
+    }
+  ]
+}

package/src/src+addons.zip

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:1bb88bc21e6e8de5e5cd604dc3bb9073d9db79ccdd2a69c5a52663e0351d864a
+size 16884