diff --git a/README.md b/README.md index 7c9b88e..6d65dff 100644 --- a/README.md +++ b/README.md @@ -1,46 +1,74 @@ -# Steam URL Converter +# URL Protocol Converter -A simple, standalone web app that converts Steam URLs to shareable HTTPS links. Perfect for sharing Steam lobby links on platforms like Discord where steam:// URLs are not clickable. +A simple, standalone web app that converts protocol URLs (like steam://) to shareable HTTPS links that work on any platform. Perfect for sharing URLs that normally aren't clickable on social media, chat platforms, or other websites. + +**🌐 Live at: [https://steadirect.com](https://steadirect.com)** ## Deployment The app is completely self-contained in a single `index.html` file. You can host it anywhere: - GitHub Pages -- Netlify -- Vercel +- Cloudflare Compute +- Neocities - Any web hosting service that can serve static files -## How it Works - -1. When hosted (e.g., at `https://yourdomain.com/`), the app will generate links like: - ``` - https://yourdomain.com/?url=steam%3A%2F%2Fjoinlobby%2F1131190%2F109775241747665514 - ``` - -2. When someone clicks the generated link, the app automatically redirects them to the original Steam URL: - ``` - steam://joinlobby/1131190/109775241747665514 - ``` - -## Examples - -Original Steam URL: -``` -steam://joinlobby/1131190/109775241747665514 -``` - -Generated shareable link (if hosted on example.com): -``` -https://example.com/?url=steam%3A%2F%2Fjoinlobby%2F1131190%2F109775241747665514 -``` - -The app will work the same way regardless of where it's hosted - it automatically uses whatever domain it's running on to generate the correct links. - ## Features - No external dependencies - Single file deployment - Works on any hosting platform - Automatic URL parameter handling -- Client-side only (no server required) \ No newline at end of file +- Client-side only (no server required) +- Easy copying with dedicated copy button +- Dark mode support: + - Automatically detects system theme preference + - Manual theme toggle button + - Remembers user's preferred theme + - Smooth theme transitions +- Accessibility: + - Screen reader compatible + - ARIA labels and roles + - Semantic HTML structure + - Keyboard navigation support +- Privacy focused: + - All URL conversion is done locally in the browser + - No data collection or logging + - No external requests or tracking + +## How it Works + +1. Using the web interface at [steadirect.com](https://steadirect.com), or by creating URLs directly: + ``` + https://steadirect.com/?url=steam%3A%2F%2Fjoinlobby%2F123456%2F987654321 + ``` + +2. When someone clicks the generated link, the app automatically redirects them to the original protocol URL: + ``` + steam://joinlobby/123456/987654321 + ``` + +## Examples + +The converter works with any protocol URL, for example: + +``` +steam://joinlobby/123456/987654321 +discord://discord.com/channels/123456789 +``` + +Generated shareable link: +``` +https://steadirect.com/?url=steam%3A%2F%2Fjoinlobby%2F123456%2F987654321 +``` + +The app can also be self-hosted - it will automatically use whatever domain it's running on to generate the correct links. + +## Disclaimer + +This is an independent tool and is not endorsed by or affiliated with Valve Corporation or any other platform. Steam® and the Steam logo are registered trademarks of Valve Corporation. This tool simply facilitates the conversion of URLs and performs all operations locally in your web browser without collecting or logging any data. + +## Links + +- [PacNP.al](https://pacnp.al) +- [@pacnp.al on Bluesky](https://bsky.app/profile/pacnp.al) \ No newline at end of file diff --git a/index.html b/index.html index 7f3f6a3..25ffa28 100644 --- a/index.html +++ b/index.html @@ -1,91 +1,257 @@ - + - Steam URL Converter + URL Protocol Converter + -
-

Steam URL Converter

-

Convert Steam URLs to shareable links that work on Discord and other platforms.

+
+ +

URL Protocol Converter

+

Convert protocol URLs to shareable HTTPS links that work on any platform.

- - + + + -
-
+ + +
+

How to use:

+
    +
  1. Paste any protocol URL (e.g., steam://, discord://, etc.)
    2. +
  2. Click "Convert" to generate a shareable HTTPS link
    3. +
  3. Use the copy button or click to copy the generated link
    4. +
  4. Share the link anywhere - when clicked, it will redirect to the original protocol URL
    5. +
+

Example: Convert steam://joinlobby/123456/987654321 to a link that works on Discord, social media, or any other platform!

+ +

Advanced Usage: Direct URL Parameters

+

You can also create links directly by adding the URL parameter:

+

Format: https://steadirect.com/?url=YOUR_PROTOCOL_URL

+

Example:
+ https://steadirect.com/?url=steam%3A%2F%2Fjoinlobby%2F123456%2F987654321

+
+ + +