-
Notifications
You must be signed in to change notification settings - Fork 24
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
1fab126
commit d99302b
Showing
1 changed file
with
91 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,91 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
|
|
||
| <head> | ||
| <meta charset="UTF-8"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| <title>Shorto - Home</title> | ||
| <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/tailwind.min.css" rel="stylesheet"> | ||
| </head> | ||
|
|
||
| <body class="bg-gray-100 font-sans leading-normal tracking-normal"> | ||
| <!-- Header --> | ||
| <header class="bg-green-600 text-white text-center py-8"> | ||
| <h1 class="text-4xl font-bold">Welcome to Shorto</h1> | ||
| <p class="mt-4">An open-source Chrome Extension that shortens your URLs in one click with a QR code!</p> | ||
| </header> | ||
|
|
||
| <!-- Main Content --> | ||
| <main class="container mx-auto mt-10 px-6"> | ||
| <!-- About Section --> | ||
| <section class="bg-white rounded-lg shadow-md p-8 mb-8"> | ||
| <h2 class="text-3xl font-bold mb-4">About Shorto</h2> | ||
| <p class="text-gray-700 mb-4">Shorto is a lightweight Chrome extension that allows you to shorten URLs quickly and efficiently. Simply click on the extension icon, and in one click, you can generate a shortened URL and a QR code. Share your links easily on social media, through messaging apps, or for privacy reasons.</p> | ||
| <p class="text-gray-700 mb-4">🔒 <strong>Your Privacy is Our Priority</strong> - No Unnecessary Permissions or User Tracking with Our Extension.</p> | ||
| </section> | ||
|
|
||
| <!-- Features Section --> | ||
| <section class="bg-white rounded-lg shadow-md p-8 mb-8"> | ||
| <h2 class="text-3xl font-bold mb-4">🚀 Features</h2> | ||
| <ul class="list-disc list-inside text-gray-700"> | ||
| <li>Custom API Key Support</li> | ||
| <li>Retrieve Link with Creation History</li> | ||
| <li>Automatic URL Shortening</li> | ||
| <li>Create, Copy, and Download QR Code</li> | ||
| <li>Selected Tab Link Copy Button</li> | ||
| <li>Keyboard Shortcuts: Windows: Ctrl+Shift+S Mac: Command+Shift+S</li> | ||
| <li>Downloads</li> | ||
| </ul> | ||
| </section> | ||
|
|
||
| <!-- Technologies Section --> | ||
| <section class="bg-white rounded-lg shadow-md p-8 mb-8"> | ||
| <h2 class="text-3xl font-bold mb-4">💻 Languages and Libraries Used</h2> | ||
| <ul class="list-disc list-inside text-gray-700"> | ||
| <li>HTML, JavaScript, CSS</li> | ||
| <li>Spectre.css: A lightweight and responsive CSS framework. 🎨</li> | ||
| <li>FileSaver.js: A JavaScript library that provides a convenient way to save files on the client side. 💾</li> | ||
| <li>qrcode.js: A library for generating QR codes in JavaScript. 📷</li> | ||
| <li>t.ly (API): An API for URL shortening. 🌐</li> | ||
| </ul> | ||
| </section> | ||
|
|
||
| <!-- Contributing Section --> | ||
| <section class="bg-white rounded-lg shadow-md p-8 mb-8"> | ||
| <h2 class="text-3xl font-bold mb-4">🚀 Contributing Guidelines</h2> | ||
| <p class="text-gray-700 mb-4">Welcome to our open-source project! We appreciate all contributions. 🙌 For detailed step-by-step instructions, please check our <a href="#" class="text-green-600">Contributing.md</a>.</p> | ||
| <h3 class="text-2xl font-bold mb-4">💡 Submitting Contributions</h3> | ||
| <ul class="list-disc list-inside text-gray-700"> | ||
| <li>Check for existing issues or create new ones.</li> | ||
| <li>Every change should have an associated issue. 📝</li> | ||
| <li>Include screenshots in your pull request and link it to the issue using Closes #issue-number. 🖼️</li> | ||
| </ul> | ||
| <h3 class="text-2xl font-bold mb-4">🛠️ Getting Started</h3> | ||
| <ul class="list-disc list-inside text-gray-700"> | ||
| <li>Fork this repository. 🍴</li> | ||
| <li>Clone your forked repository to your local machine. 🖥️</li> | ||
| <li>Add a reference (remote) to the original repository.</li> | ||
| <li>Periodically, update your main branch with changes from the main project. 🔄</li> | ||
| <li>Create a new branch for your work. 🌿</li> | ||
| <li>Make and commit your changes. ✅</li> | ||
| <li>Push your changes to your remote branch. 🚀</li> | ||
| <li>Create a pull request with a clear title and description. 📢</li> | ||
| </ul> | ||
| <p class="text-gray-700 mt-4">Thank you for contributing! 🎉</p> | ||
| </section> | ||
|
|
||
| <!-- Contact Us Section --> | ||
| <section class="bg-white rounded-lg shadow-md p-8"> | ||
| <h2 class="text-3xl font-bold mb-4">Contact Us</h2> | ||
| <p class="text-gray-700">If you have any questions or feedback, feel free to reach out to us at: <a href="mailto:[email protected]" class="text-green-600">[email protected]</a></p> | ||
| </section> | ||
| </main> | ||
|
|
||
| <!-- Footer --> | ||
| <footer class="bg-green-600 text-white text-center py-4 mt-8"> | ||
| <p>© 2024 Shorto. All rights reserved.</p> | ||
| </footer> | ||
| </body> | ||
|
|
||
| </html> | ||
|
|