-
Notifications
You must be signed in to change notification settings - Fork 24
/
index.html
91 lines (81 loc) · 4.93 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
<!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/tailwindcss@2.2.19/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:your-email@example.com" class="text-green-600">vinyasvasanthegde7@gmail.com</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>