From ab04bf839b9aa6aef143975313c39cb977315f83 Mon Sep 17 00:00:00 2001 From: chan-ig Date: Fri, 24 Oct 2025 22:23:33 +0530 Subject: [PATCH 1/2] For my Prashita --- docs/the-basics.md | 590 ++++++++++++++++++++++++++++++++++++++++++--- 1 file changed, 552 insertions(+), 38 deletions(-) diff --git a/docs/the-basics.md b/docs/the-basics.md index 714a46e..3fa30c7 100644 --- a/docs/the-basics.md +++ b/docs/the-basics.md @@ -1,40 +1,554 @@ ---- -id: the-basics -title: The Basics -sidebar_label: The Basics -slug: / ---- - -## Put a locally running HTTP, HTTPS or TLS app on the internet - -localhost.run is a client-less tool to instantly make a locally running application available on an internet accessible URL. - -All major operating systems already have SSH installed, and localhost.run uses SSH as a client, so no download is necessary to use the service and no account setup is needed for free domains. - -To connect an internet domain to an application running locally on port 8080 open a command terminal and run: - -```bash -ssh -R 80:localhost:8080 localhost.run -``` - -import { useState } from 'react' - -export const PortChooser = () => { - const [port, setPort] = useState(3000); - return ( - <> - running on  - -   - setPort(event.target.value)} /> - ? - use this command: - 
{`ssh -R 80:localhost:${port} localhost.run
-`}
- - ) -}; +# Creating the website files and zipping them into a ready-to-host archive. +# The HTML uses WebAudio to synthesize a soft acoustic-like guitar loop (no external mp3 required). +# Files created: index.html, README.txt, Prashita_website.zip + +html = r""" + + + + +Happy Birthday Prashita 🌸 + + + + +
+ + +
+
+
+
+
+
Tap the heart ❤️
+
+
+ + + + + +
+
+
+
+
+
+
+
+
+
Click me 🌼
+
+
+ + +
+
+
+
I love you so much
+
+ + + + + + + + +""" + +readme = r"""Prashita Birthday Website - Ready to Host +Files: +- index.html (interactive single-page website) +- README.txt (this file) + +How it works: +1) Open index.html in any modern browser (mobile or desktop). +2) Stage 1: Tap the heart -> "HAPPY BIRTHDAY PRASHITA!" appears. +3) Stage 2: A flower blooms with "Click me". +4) Stage 3: Click the flower -> cartoon meadow appears, "I love you so much" shows, floating hearts and soft acoustic guitar synth start. +5) A popup appears automatically: "I hope you like it — by your Sunshine 💛" + +Notes: +- The audio is generated in-browser using the Web Audio API (soft acoustic-like synth). No external MP3 required. +- If you prefer to use a specific MP3 file: + * Download your preferred mp3 (e.g. a soft acoustic guitar loop) and name it "guitar.mp3". + * Replace the WebAudio code in index.html (search for "WebAudio" comments) or swap the audio creation with a simple