JaylyDev
diff --git a/‎public/hk-tunnels-tolls/assets/ios-share-button.png‎
552 Bytes b/‎public/hk-tunnels-tolls/assets/ios-share-button.png‎
552 Bytes
diff --git a/‎public/hk-tunnels-tolls/assets/ios-share-en.png‎
173 KB b/‎public/hk-tunnels-tolls/assets/ios-share-en.png‎
173 KB
diff --git a/‎public/hk-tunnels-tolls/assets/ios-share-zh.png‎
172 KB b/‎public/hk-tunnels-tolls/assets/ios-share-zh.png‎
172 KB
diff --git a/‎public/hk-tunnels-tolls/manifest_en.json‎
Lines changed: 22 additions & 0 deletions b/‎public/hk-tunnels-tolls/manifest_en.json‎
Lines changed: 22 additions & 0 deletions
diff --git a/‎public/hk-tunnels-tolls/manifest_zh.json‎
Lines changed: 22 additions & 0 deletions b/‎public/hk-tunnels-tolls/manifest_zh.json‎
Lines changed: 22 additions & 0 deletions
diff --git a/‎public/llms.txt‎
Lines changed: 45 additions & 0 deletions b/‎public/llms.txt‎
Lines changed: 45 additions & 0 deletions
diff --git a/‎src/components/Kofi.tsx‎
Lines changed: 97 additions & 0 deletions b/‎src/components/Kofi.tsx‎
Lines changed: 97 additions & 0 deletions
diff --git a/‎src/components/SiteFormat.tsx‎
Lines changed: 31 additions & 14 deletions b/‎src/components/SiteFormat.tsx‎
Lines changed: 31 additions & 14 deletions
diff --git a/‎src/locale/locales/en.json‎
Lines changed: 33 additions & 9 deletions b/‎src/locale/locales/en.json‎
Lines changed: 33 additions & 9 deletions
@@ -0,0 +1,22 @@
+{
+  "name": "HK Tunnel Tolls",
+  "short_name": "HK Tunnel Tolls",
+  "description": "Query real-time and time-based toll rates for Hong Kong tunnels",
+  "start_url": "/hk-tunnels-tolls/",
+  "scope": "/hk-tunnels-tolls/",
+  "display": "standalone",
+  "background_color": "#ffffff",
+  "theme_color": "#ffffff",
+  "icons": [
+    {
+      "src": "apple-touch-icon.png",
+      "sizes": "180x180",
+      "type": "image/png"
+    },
+    {
+      "src": "icon.png",
+      "sizes": "256x256",
+      "type": "image/png"
+    }
+  ]
+}
@@ -0,0 +1,22 @@
+{
+  "name": "香港隧道收費",
+  "short_name": "香港隧道收費",
+  "description": "查詢香港各條隧道實時收費與分時段收費表",
+  "start_url": "/zh/hk-tunnels-tolls/",
+  "scope": "/zh/hk-tunnels-tolls/",
+  "display": "standalone",
+  "background_color": "#ffffff",
+  "theme_color": "#ffffff",
+  "icons": [
+    {
+      "src": "apple-touch-icon.png",
+      "sizes": "180x180",
+      "type": "image/png"
+    },
+    {
+      "src": "icon.png",
+      "sizes": "256x256",
+      "type": "image/png"
+    }
+  ]
+}
@@ -0,0 +1,45 @@
+# JaylyDev
+
+> JaylyDev is a personal portfolio website and resource hub maintained by Jayly. It is focused on Minecraft Bedrock scripting, development tooling, and community-driven projects. The site provides in-depth technical documentation, guides, and tools for the Minecraft Script API, Bedrock experiments, and Hong Kong tunnel toll data.
+
+Minecraft Bedrock Script API documentation is available at https://jaylydev.github.io/scriptapi-docs/. It covers up-to-date API references, guides, and code examples for the Minecraft Script API.
+
+## Minecraft Script API
+
+> Technical guides and reference documentation for writing scripts and add-ons for Minecraft Bedrock using the Script API.
+
+- [Minecraft Script API Reference](https://jaylydev.github.io/scriptapi-docs/): Full API reference for the Minecraft Bedrock Script API, covering stable and preview modules such as `@minecraft/server` and `@minecraft/server-ui`, with code examples and feature guides.
+- [LLM Index for Script API](https://jaylydev.github.io/scriptapi-docs/llms.txt): Machine-readable index of the Script API documentation site, intended for LLMs and automated tools, with usage notes on stable vs. beta API references.
+- [Configure Command Permissions on a Bedrock Dedicated Server](https://jaylydev.github.io/posts/bds-commands-config/): Guide to using the `permissions.json` file on Minecraft Bedrock Dedicated Server (BDS) to control which permission levels can run specific commands, including examples for locking down high-risk commands.
+- [Bedrock Switches to GDK for Windows](https://jaylydev.github.io/posts/bedrock-gdk/): Explains the migration of Minecraft Bedrock on Windows to the GDK (Game Development Kit) platform, including how to back up data, reinstall the game, and restore worlds after the transition.
+- [Bundle Minecraft Scripts with ESBuild](https://jaylydev.github.io/posts/bundle-minecraft-scripts-esbuild/): Step-by-step guide to using esbuild to bundle JavaScript and TypeScript files for use in Minecraft Bedrock add-ons, covering project setup, external npm packages, and Regolith integration.
+- [Bundle Minecraft Scripts with Webpack](https://jaylydev.github.io/posts/scripts-bundle-minecraft/): Guide to using Webpack to bundle JavaScript and TypeScript scripts for Minecraft Bedrock, covering project setup, configuration, and external package support.
+
+## Bedrock Experiments
+
+> Tools and guides for enabling and managing experimental features in Minecraft Bedrock worlds, including the web-based Experiments Editor.
+
+- [Bedrock Experiments Editor](https://jaylydev.github.io/bedrock-experiments/): Web-based tool to enable or disable experimental features in a Minecraft Bedrock world without opening the game. Upload a `.mcworld` or `.zip` file to modify the `level.dat` experiments tag and download the updated world file.
+- [Start from Template](https://jaylydev.github.io/bedrock-experiments/start-from-template/): A page within the Bedrock Experiments Editor that lets users choose a preconfigured world template as a starting point for editing experiment settings.
+- [Enable Experiments on Minecraft Education](https://jaylydev.github.io/posts/enable-experiments/): Guide for enabling experimental features in Minecraft Education Edition, including how to use the web-based Experiments Editor and apply the Enable Experiments resource pack.
+- [Introducing the Bedrock Experiments Editor](https://jaylydev.github.io/posts/bedrock-experiments-editor/): Announcement and overview post for the Bedrock Experiments Editor tool, explaining how it works and how to toggle experimental features outside of the game.
+
+## Hong Kong Tunnel Tolls
+
+> A real-time tunnel toll tracker and related guides for Hong Kong road tunnels, available in English and Traditional Chinese.
+
+- [Hong Kong Tunnel Tolls (App)](https://jaylydev.github.io/hk-tunnels-tolls/): Real-time toll price tracker for all major Hong Kong road tunnels (WHC, CHT, EHC, Tai Lam, Tate's Cairn, and more), showing current rates for private cars by time-of-day pricing.
+- [Check Hong Kong Tunnel Tolls in Real Time](https://jaylydev.github.io/posts/hk-toll-rate/): Post introducing the HK Tunnel Tolls app, explaining how to use it, with screenshots for desktop and mobile views, and information on iOS Shortcut support.
+- [查看香港實時隧道收費（中文）](https://jaylydev.github.io/posts/查看香港實時隧道收費/): Traditional Chinese version of the HK Tunnel Tolls introduction post, covering the same real-time toll checker for Hong Kong road tunnels.
+
+## Translations
+
+- [Chinese (中文)](https://jaylydev.github.io/zh/)
+
+## More Pages
+
+- [JaylyBot – Script Debugger Discord Bot](https://jaylydev.github.io/posts/jaylybot/): Overview of JaylyBot, a Discord bot used in over 350 servers that provides a Script API debugger, TypeScript-based code evaluation, type definition lookups, and utility commands for Minecraft Bedrock add-on developers.
+- [Minecraft Cinematic Editor](https://jaylydev.github.io/posts/cinematic-editor/): Documentation for the Minecraft Editor extension that enables keyframe-based cinematic camera sequences in Minecraft Bedrock on Windows, covering scene creation, camera transitions, easing, interpolation, keyframe effects, and Vibrant Visuals settings.
+- [Cinematic Runtime Add-On](https://jaylydev.github.io/posts/cinematic-runtime/): Documentation for the cross-platform Cinematic Runtime add-on, which allows players to create and play back cinematic camera scenes directly in a Minecraft Bedrock world without the Editor, including support for importing scenes from the Cinematic Editor.
+- [Minecraft Manhunt](https://jaylydev.github.io/posts/minecraft-manhunt/): Download page and feature guide for the Minecraft Manhunt add-on for Bedrock, featuring multiple game modes (Manhunt, Hitmen, Juggernaut, Item Randomizer, Assassin, Terminator) with multi-speedrunner support and a tracking compass.
+- [Support Jayly](https://jaylydev.github.io/donate/): Donation page where users can support Jayly's projects via Ko-fi, with one-time or monthly options and support for Apple Pay, Google Pay, and banking apps.
@@ -0,0 +1,97 @@
+import { Image } from "@heroui/react";
+
+interface KofiWidgetProps {
+  donationText: string;
+  supportText: string;
+  lang?: string;
+}
+
+export function KofiWidget({ donationText, supportText, lang }: KofiWidgetProps) {
+  // Due to the Global nature of stylesheets, we must use inline styles here.
+  // Read more: https://nextjs.org/docs/messages/css-global
+  const buttonStyle: React.CSSProperties = {
+    backgroundColor: "#00b4f7",
+    borderRadius: "100px",
+    height: "46px",
+    display: "flex",
+    alignItems: "center",
+    fontFamily: '"DM Sans", sans-serif',
+    fontVariantLigatures: "no-common-ligatures",
+    fontSize: "16px",
+    width: "max-content",
+    color: "#fff",
+    justifyContent: "space-between",
+    padding: "0 20px",
+    fontWeight: "var(--weight-m)",
+    cursor: "pointer",
+  };
+
+  const imgStyle: React.CSSProperties = {
+    width: "39px",
+    overflowClipMargin: "content-box",
+    overflow: "clip",
+  };
+
+  const textStyle: React.CSSProperties = {
+    marginLeft: "8px",
+    color: "#fff",
+  };
+
+  const localePrefix = lang && lang !== "en" ? `/${lang}` : "";
+
+  return (
+    // Entire widget is a link — clicking anywhere navigates to Ko-fi
+    <div className="flex justify-center m-12">
+      <a
+        href={`${localePrefix}/donate/`}
+        className="
+        group relative flex flex-col items-center gap-3 text-center no-underline
+        rounded-2xl border-2 border-dashed border-blue-500
+        px-8 py-7 min-w-[300px] max-w-[480px] mx-auto cursor-pointer
+        transition-all duration-300 ease-in-out
+        hover:border-solid hover:border-blue-400
+        hover:bg-[rgba(0,200,255,0.08)]
+        hover:shadow-[0_0_0_4px_rgba(59,130,246,0.15),0_0_32px_rgba(0,200,255,0.2),inset_0_0_40px_rgba(0,200,255,0.05)]
+        hover:scale-[1.03] 
+      "
+      >
+        {/* Title */}
+        <p className="flex items-center gap-2 text-xl font-semibold m-0 text-black dark:text-white">
+          <svg
+            className="w-5 h-5 text-blue-400 shrink-0"
+            viewBox="0 0 24 24"
+            fill="none"
+            stroke="currentColor"
+            strokeWidth="2"
+            strokeLinecap="round"
+            strokeLinejoin="round"
+          >
+            <path d="M18 8h1a4 4 0 0 1 0 8h-1" />
+            <path d="M2 8h16v9a4 4 0 0 1-4 4H6a4 4 0 0 1-4-4V8z" />
+            <line x1="6" y1="1" x2="6" y2="4" />
+            <line x1="10" y1="1" x2="10" y2="4" />
+            <line x1="14" y1="1" x2="14" y2="4" />
+          </svg>
+          {donationText}
+        </p>
+
+        {/* Subtitle */}
+        <p className="text-sm text-muted-foreground m-0 max-w-xs leading-relaxed text-black dark:text-white">
+          {supportText}
+        </p>
+
+        {/* Ko-fi button — pointer-events disabled since the parent <a> handles navigation */}
+        <span
+          title="Support me on ko-fi.com"
+          className="kofi-button hover:opacity-85 hover:text-[#f5f5f5] hover:no-underline active:text-[#f5f5f5] active:no-underline transition-opacity flex items-center justify-center gap-2 pointer-events-none"
+          style={buttonStyle}
+        >
+          <span className="kofitext flex items-center justify-center">
+            <Image src="https://storage.ko-fi.com/cdn/logomarkLogo.png" alt="Ko-fi donations" style={imgStyle} />
+            <span style={textStyle}>{donationText}</span>
+          </span>
+        </span>
+      </a>
+    </div>
+  );
+}
@@ -4,6 +4,7 @@ import Link from "next/link";
 import Script from "next/script";
 import { LanguageSelector } from "./LanguageSelector";
 import { LanguageSwitcher } from "./LanguageSwitcher";
+import { KofiWidget } from "./Kofi";
 
 export interface ISubheadingParams {
   id: string;
@@ -17,6 +18,15 @@ export interface ISiteGlobalParams {
   lang?: string;
 }
 
+export interface ISiteFooterParams extends ISiteGlobalParams {
+  showKofi?: boolean;
+}
+
+export interface IStatsCollectionParams {
+  disableGoogleAds?: boolean;
+  disableAnalytics?: boolean;
+}
+
 export function SiteHeader({ icon, t, lang = "en", localizedRoutes }: ISiteGlobalParams) {
   const localePrefix = lang && lang !== "en" ? `/${lang}` : "";
 
@@ -70,31 +80,38 @@ export function SiteHeader({ icon, t, lang = "en", localizedRoutes }: ISiteGloba
   );
 }
 
-export function SiteFooter({ t, lang = "en", localizedRoutes }: ISiteGlobalParams) {
+export function SiteFooter({ t, lang = "en", localizedRoutes, showKofi = true }: ISiteFooterParams) {
   const year = new Date().getFullYear(); // Static at build time
   // Uncomment when privacy policy is localized
   // const localePrefix = locale && locale !== "en" ? `/${locale}` : "";
 
   return (
-    <footer className="flex flex-row justify-center items-center text-sm text-gray-500 p-4 gap-2">
-      <span>{"© JaylyMC " + (year || "2025") /* Default fallback (e.g., 2025) for server-rendered HTML */}</span>
-      <Link href={`/privacy-policy/`}>{t("footer.privacyPolicy")}</Link>
-      {localizedRoutes && localizedRoutes.length > 1 && (
-        <LanguageSelector localizedRoutes={localizedRoutes} currentLocale={lang} />
+    <>
+      {showKofi && (
+        <KofiWidget donationText={t("donation.title")} supportText={t("donation.description")} lang={lang} />
       )}
-    </footer>
+      <footer className="flex flex-row justify-center items-center text-sm text-gray-500 p-4 gap-2">
+        <span>{"© JaylyMC " + (year || "2025") /* Default fallback (e.g., 2025) for server-rendered HTML */}</span>
+        <Link href={`/privacy-policy/`}>{t("footer.privacyPolicy")}</Link>
+        {localizedRoutes && localizedRoutes.length > 1 && (
+          <LanguageSelector localizedRoutes={localizedRoutes} currentLocale={lang} />
+        )}
+      </footer>
+    </>
   );
 }
 
-export function StatsCollection() {
+export function StatsCollection({ disableGoogleAds, disableAnalytics }: IStatsCollectionParams) {
   return (
     <>
-      <Script src="/analytics.js" strategy="afterInteractive" />
-      <Script
-        async
-        src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-2533146760921020"
-        crossOrigin="anonymous"
-      ></Script>
+      {!disableAnalytics && <Script src="/analytics.js" strategy="afterInteractive" />}
+      {!disableGoogleAds && (
+        <Script
+          async
+          src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-2533146760921020"
+          crossOrigin="anonymous"
+        ></Script>
+      )}
     </>
   );
 }
 
@@ -27,14 +27,20 @@
     "structureConverter.description": "A tool to convert Minecraft structures from Java (.nbt) to Bedrock (.mcstructure).",
     "structureConverter.linkDownload": "Download from GitHub",
     "bedrockExperiments.title": "Bedrock Experiments",
-    "bedrockExperiments.description": "An online tool to enable and disable experimental features in your Minecraft Bedrock world outside of the game.\nMojang refused to add this in Education Edition, so I made it myself.",
+    "bedrockExperiments.description": "An online tool to enable and disable experimental features in your Minecraft Bedrock world outside of the game.",
     "bedrockExperiments.linkHomepage": "Bedrock Experiments Editor"
   },
   "bedrockExperiments": {},
   "mathSymbols": {},
   "hkTunnelsTolls": {
-    "pageTitle": "Hong Kong Tunnel Tolls | Real-Time Rates at a Glance",
-    "pageDescription": "Instantly check real-time toll rates for all HK tunnels (Cross-Harbour, Tai Lam, etc.). Designed for drivers: open, view immediately, and plan your trip fast!",
+    "pageTitle": "Hong Kong Tunnel Tolls 2026 | Check Current WHC, CHT, EHC Rates",
+    "pageDescription": "Instantly check current tolls for WHC, CHT, EHC and Tai Lam Tunnel. Auto-updates by time, no app needed. Supports private cars, taxis and goods vehicles.",
+    "faq.whc.question": "How much is the Western Harbour Crossing toll now?",
+    "faq.whc.answer": "Western Harbour Crossing uses time-varying tolls. Private car tolls range from $20 to $60 depending on the period. Visit this page to see the latest current toll automatically shown for the present time.",
+    "faq.cht.question": "How much is the Cross-Harbour Tunnel toll?",
+    "faq.cht.answer": "Cross-Harbour Tunnel private car tolls range from $20 to $40 depending on the period. This page automatically shows the current toll based on your device time.",
+    "faq.all.question": "How much are Hong Kong tunnel tolls?",
+    "faq.all.answer": "Hong Kong toll tunnels, including Western Harbour Crossing, Cross-Harbour Tunnel, Eastern Harbour Crossing and Tai Lam Tunnel, use time-varying tolls. This page instantly shows current tunnel tolls and supports private cars, taxis, motorcycles and goods vehicles.",
     "appTitle": "HK Tunnel Tolls",
     "insiderPageTitle": "Hong Kong Real-Time Tunnel Tolls (Beta) | JaylyDev",
     "insiderPageDescription": "Provides real-time toll information for Hong Kong's three cross-harbour tunnels (Western Harbour Tunnel, Eastern Harbour Crossing, Cross-Harbour Tunnel) and Tai Lam Tunnel. Beta version app, may have errors or instability.",
@@ -68,10 +74,15 @@
     "note.3": "Private cars and motorcycles heading to Tai Lam Tunnel are subject to time-varying tolls, with taxi toll at $28 and commercial vehicle toll at $43.",
     "note.4": "\"Light Goods Vehicle (LGV)\" includes goods vehicles and special purpose vehicles not exceeding 5.5 tonnes.",
     "note.5": "\"Medium / Heavy Goods Vehicle (MGV / HGV)\" includes goods vehicles and special purpose vehicles exceeding 5.5 tonnes (excluding articulated vehicles).",
-    "references": "References: ",
+    "references.title": "References",
     "references.url": "https://jaylydev.github.io/posts/hk-toll-rate/#sources",
+    "iosAppGuide.title": "Add to iPhone Home Screen",
+    "iosAppGuide.0": "Tap the \"Share\" button at the bottom of the screen.",
+    "iosAppGuide.1": "Select \"Add to Home Screen\" from the share menu.",
+    "iosAppGuide.image": "/hk-tunnels-tolls/assets/ios-share-en.png",
+    "loading": "Loading...",
     "unableToCalculate": "Unable to calculate",
-    "transitionPeriod": "At transition period",
+    "transitionPeriod": "Currently in transition period",
     "tableHeaderPeriod": "Period",
     "tableHeaderTime": "Time",
     "tableHeaderToll": "Toll",
@@ -82,16 +93,29 @@
     "currentToll": "Current Toll",
     "vehicleTypeSelection": "Select Vehicle Type",
     "aboutHeading": "About This Website",
-    "aboutDescription": "\"Hong Kong Real-Time Tunnel Tolls\" — A great helper designed specifically for Hong Kong drivers! Through this website, you can instantly check tunnel toll rates. We provide real-time information for Hong Kong's three cross-harbour tunnels (Western Harbour Tunnel, Cross-Harbour Tunnel, Eastern Harbour Crossing), Tai Lam Tunnel, Tate's Cairn Tunnel, Aberdeen Tunnel, Shing Mun Tunnels, Lion Rock Tunnel, and Eagle's Nest Tunnel. Open it and view it instantly; simple to operate with clear info. Helping you instantly master the latest toll prices and easily plan all your trips!",
+    "aboutDescription": "Check real-time and time-varying toll rates for Hong Kong's Cross-Harbour Tunnels (WHC, CHT, EHC) and Tai Lam Tunnel. This website provides the latest 2026 instant cross-harbour prices, updating automatically based on your device time to help drivers easily compare routes.",
     "notesHeading": "Important Notes",
     "lastUpdated": "Last Updated: ",
-    "tollRates": "$1 Toll Schedule"
+    "tollRates": "$1 Toll Schedule",
+    "linksHeading": "Related Links",
+    "pwa.url": "/hk-tunnels-tolls/manifest_en.json"
+  },
+  "donate": {
+    "title": "Support Jayly",
+    "description": "Love using my services? Donate to fund my projects!",
+    "pageTitle": "Support Jayly",
+    "pageDescription": "Love using my services? Donate to fund my projects!",
+    "whatIsKoFi": "Ko-fi is a creator support platform where you can tip Jayly once or support monthly.",
+    "donateText": "Donate via Ko-fi",
+    "paymentMethodsMessage": "Open this Ko-fi page for more payment options, such as Apple Pay, Google Pay, and banking apps."
   },
   "global": {
     "header.home": "Home",
     "header.projects": "Projects",
     "header.posts": "Posts",
     "header.about": "About Me",
-    "footer.privacyPolicy": "Privacy Policy"
+    "footer.privacyPolicy": "Privacy Policy",
+    "donation.title": "Buy me a coffee",
+    "donation.description": "Support me to fund my projects"
   }
-}
+}