Upload files to "/"

2024-10-26 02:44:26 +03:00 · 2024-10-26 02:44:26 +03:00 · 004397fd48
commit 004397fd48
9 changed files with 291 additions and 0 deletions
--- a/README.md
+++ b/README.md
@ -0,0 +1,23 @@
+# Introducing ViewGetter YT: Boost Your YouTube Presence!
+
+**ViewGetter YT** a powerful tool designed to revolutionize how content creators manage and grow their YouTube channels. Developed in Python, this app is crafted to help you navigate the "YouTube algorithm" and amplify your content's reach effortlessly.
+
+![Home](https://github.com/user-attachments/assets/6b7eee3b-4556-4f50-aed5-1103f495e5d2)
+
+##  Key Features:
+
+- **Real-Time View Tracking**: Get precise insights into your video performance with up-to-date view counts.
+- **Unlimited Uses**: Unlike any other app, ViewGetter offers unlimited uses.
+- **Regular Updates**: Benefit from ongoing improvements and new features to stay ahead in the YouTube landscape.
+
+##  Explore the Website
+
+Visit my website to learn more about how ViewGetter YT can enhance your YouTube experience: [**ViewGetter YT Website**](https://viewgetter.netlify.app/)
+
+##  Get Involved
+
+I am excited to share this tool with the community and value your feedback. Contribute, suggest improvements, or open issues on our [**GitHub repository**](https://github.com/nuseirat/viewgetter).
+
+## License
+
+This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.
--- a/index.html
+++ b/index.html
@ -0,0 +1,76 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>ViewGetter YT</title>
+    <link rel="icon" href="logo.png" type="image/x-icon"> 
+    <link rel="stylesheet" href="styles.css">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
+</head>
+
+<body>
+    <div class="container">
+        <div class="card logo-section">
+            <div class="logo">
+                <img src="logo.png" alt="Your Logo">
+                <p><b>ViewGetter YT</b></p>
+            </div>
+            <p>Created by <br>Mohammed Nuseirat</p>
+            <div class="social-links">
+                <a href="https://x.com/MohaNuseirat" class="social-link">
+                    <i class="fa-brands fa-twitter"></i>
+                    <span>Twitter</span>
+                </a>
+                <a href="https://github.com/nuseirat" class="social-link">
+                    <i class="fa-brands fa-github"></i>
+                    <span>GitHub</span>
+                </a>
+                <a href="https://nuseirat.github.io/" class="social-link">
+                    <i class="fa-solid fa-globe"></i>
+                    <span>Website</span>
+                </a>
+            </div>
+        </div>
+        <div class="content-section">
+            <div class="middle-cards">
+                <div class="card">
+                    <h3>Real Views</h3>
+                    <img src="pic1.svg" alt="Feature 1 Image" />
+                </div>
+                <div class="card">
+                    <h3>Unlimited Uses</h3>
+                    <img src="pic2.svg" alt="Feature 2 Image" />
+                </div>
+                <div class="card">
+                    <h3>Updates</h3>
+                    <img src="pic3.svg" alt="Updates Image" />
+                </div>
+            </div>
+            <div class="buy-section">
+                <h2>Download Now</h2>
+                <div class="iframe-container">
+                    <iframe frameborder="0" src="https://itch.io/embed/2928135?bg_color=2a2a2a&amp;fg_color=fff&amp;link_color=9966cc&amp;border_color=2a2a2a" width="100%" height="167">
+                        <a href="https://nuseirat.itch.io/viewgetter">ViewGetter YT by nuseirat</a>
+                    </iframe>
+                </div>
+            </div>
+        </div>
+        <div class="card screenshot">
+            <h3>Screenshot</h3>
+            <img src="screenshot.png" alt="Placeholder" />
+            <div class="other-projects">
+                <h4>Other Projects</h4>
+                <ul>
+                    <li><a href="https://certifymaster.netlify.app/" class="project-link">CertifyMaster</a></li>
+                    <li><a href="https://aougpa.netlify.app/" class="project-link">AOU GPA Calc</a></li>
+                </ul>
+            </div>
+        </div>
+    </div>
+
+    <script src="script.js"></script>
+</body>
+
+</html>
--- a/logo.png
+++ b/logo.png
--- a/pic1.svg
+++ b/pic1.svg
--- a/pic2.svg
+++ b/pic2.svg
--- a/pic3.svg
+++ b/pic3.svg
--- a/screenshot.png
+++ b/screenshot.png
--- a/script.js
+++ b/script.js
@ -0,0 +1 @@
+
--- a/styles.css
+++ b/styles.css
@ -0,0 +1,188 @@
+body {
+    font-family: Arial, sans-serif;
+    background-color: #1a1a1a;
+    color: #ffffff;
+    margin: 0;
+    padding: 20px;
+}
+
+.container {
+    display: grid;
+    grid-template-columns: 1fr 3fr 1fr;
+    gap: 20px;
+    max-width: 1200px;
+    margin: auto;
+}
+
+.card {
+    background-color: #2a2a2a;
+    border-radius: 10px;
+    padding: 20px;
+    text-align: center;
+}
+
+.card img {
+    margin-top: 10px;
+    border-radius: 5px;
+    max-width: 100%;
+}
+
+.logo img {
+    width: 100px;
+    margin-bottom: 10px;
+}
+
+.metric {
+    font-size: 36px;
+    margin: 10px 0;
+}
+
+.buy-section {
+    background-color: #3a3a3a;
+    padding: 20px;
+    border-radius: 10px;
+    grid-column: span 3;
+}
+
+.buy-button {
+    background-color: #9966cc;
+    color: white;
+    border: none;
+    padding: 10px 20px;
+    border-radius: 5px;
+    cursor: pointer;
+}
+
+.social-links {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 10px;
+}
+
+.social-link {
+    color: #9966cc;
+    text-decoration: none;
+    display: flex;
+    align-items: center;
+    gap: 10px;
+}
+
+.social-link i {
+    font-size: 24px;
+}
+
+.logo-section {
+    grid-row: span 2;
+}
+
+.content-section {
+    display: flex;
+    flex-direction: column;
+    gap: 20px;
+}
+
+.middle-cards {
+    display: flex;
+    gap: 20px;
+}
+
+.middle-cards .card {
+    flex: 1;
+    min-width: 200px;
+}
+
+.iframe-container {
+    margin: 20px 0;
+    border-radius: 5px;
+    overflow: hidden;
+}
+
+.screenshot {
+    grid-row: span 2;
+    align-self: stretch;
+    position: relative;
+}
+
+.screenshot img {
+    width: 100%;
+    border-radius: 10px;
+}
+
+.other-projects {
+    text-align: center;
+    margin-top: 20px;
+}
+
+.other-projects h4 {
+    color: #9966cc;
+    margin-bottom: 10px;
+}
+
+.other-projects ul {
+    list-style: none;
+    padding-left: 0;
+}
+
+.other-projects li {
+    margin-bottom: 5px;
+}
+
+.project-link {
+    color: #ffffff;
+    text-decoration: none;
+}
+
+.project-link:hover {
+    text-decoration: underline;
+    color: #9966cc;
+}
+
+/* Responsive Styles */
+@media (max-width: 1200px) {
+    .container {
+        grid-template-columns: 1fr 2fr 1fr;
+    }
+
+    .middle-cards {
+        flex-direction: column;
+    }
+
+    .card {
+        padding: 15px;
+    }
+}
+
+@media (max-width: 768px) {
+    .container {
+        grid-template-columns: 1fr;
+        gap: 10px;
+    }
+
+    .logo-section {
+        grid-row: auto;
+    }
+
+    .content-section {
+        flex-direction: column;
+    }
+
+    .screenshot {
+        grid-row: auto;
+    }
+
+    .other-projects {
+        position: static;
+        margin-top: 10px;
+    }
+
+    .social-links {
+        flex-direction: row;
+        flex-wrap: wrap;
+        justify-content: center;
+    }
+
+    .social-link {
+        margin-right: 20px;
+    }
+}