Upload files to "/"
This commit is contained in:
commit
004397fd48
23
README.md
Normal file
23
README.md
Normal file
@ -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.
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
## 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.
|
||||||
76
index.html
Normal file
76
index.html
Normal file
@ -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&fg_color=fff&link_color=9966cc&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>
|
||||||
1
pic1.svg
Normal file
1
pic1.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 7.1 KiB |
1
pic2.svg
Normal file
1
pic2.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 21 KiB |
1
pic3.svg
Normal file
1
pic3.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 14 KiB |
BIN
screenshot.png
Normal file
BIN
screenshot.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 18 KiB |
188
styles.css
Normal file
188
styles.css
Normal file
@ -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;
|
||||||
|
}
|
||||||
|
}
|
||||||
Loading…
Reference in New Issue
Block a user