This repository has been archived by the owner on Aug 8, 2024. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
141 lines (121 loc) · 7.18 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
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>TopGit - View Your Top Github Repositories</title>
<meta name="description"
content="TopGit helps you discover the best and top-starred repositories on Github. Find popular repositories based on stars, forks, or a combination of both.">
<meta name="keywords"
content="Github, Repositories, Top Repositories, Most Starred Repositories, Most Forked Repositories">
<meta name="robots" content="index, follow">
<meta property="og:title" content="TopGit - View Your Top Github Repositories">
<meta property="og:description"
content="TopGit helps you discover the best and top-starred repositories on Github.">
<meta property="og:url" content="https://topgit.netlify.app">
<meta property="og:type" content="website">
<meta property="og:image" content="https://topgit.netlify.app/assets/screenshot.jpg">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="TopGit - View Your Top Github Repositories">
<meta name="twitter:description"
content="TopGit helps you discover the best and top-starred repositories on Github.">
<meta name="twitter:image" content="https://topgit.netlify.app/assets/screenshot.jpg">
<link rel="apple-touch-icon" sizes="180x180" href="/assets/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/assets/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/assets/favicon-16x16.png">
<link rel="manifest" href="/assets/site.webmanifest">
<link rel="stylesheet" href="/style.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap"
rel="stylesheet">
</head>
<body>
<header>
<div>
<a href="/">
<img src="/assets/logo-100.png" alt="">
<h1 id="heading">TopGit</h1>
</a>
</div>
</header>
<img id="load-img1" class="loading" src="/assets/loading.gif" alt="Loading...">
<section id="form-container" style="display: none;">
<div class="form-div">
<form action="/">
<input name="user" type="text" placeholder="Github Username" required>
<button><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24">
<path
d="M10.5 5.75a.75.75 0 0 1 .75.75v3.25h3.25a.75.75 0 0 1 0 1.5h-3.25v3.25a.75.75 0 0 1-1.5 0v-3.25H6.5a.75.75 0 0 1 0-1.5h3.25V6.5a.75.75 0 0 1 .75-.75Z">
</path>
<path
d="M0 10.5C0 4.701 4.701 0 10.5 0S21 4.701 21 10.5c0 2.63-.967 5.033-2.564 6.875l4.344 4.345a.749.749 0 1 1-1.06 1.06l-4.345-4.344A10.459 10.459 0 0 1 10.5 21C4.701 21 0 16.299 0 10.5Zm10.5-9a9 9 0 0 0-9 9 9 9 0 0 0 9 9 9 9 0 0 0 9-9 9 9 0 0 0-9-9Z">
</path>
</svg></button>
</form>
</div>
<div class="info-container">
<div>
<h1>Welcome to TopGit! 🚀</h1>
<p>Discover the Best of GitHub with TopGit! Explore, analyze, and share the top repositories on GitHub
with ease. Whether you want to showcase your best projects or find inspiration from others, TopGit
makes it simple and fun.</p>
<h2>What Can You Do with TopGit?</h2>
<ul>
<li>⭐ <strong>View Your Top Repositories:</strong> Discover your most starred and most forked
projects.</li>
<li>🍴 <strong>Explore Others' Best Repositories:</strong> Check out the top repositories of any
GitHub user.</li>
<li>📈 <strong>Get Insights:</strong> Analyze and compare repositories based on stars and forks.
</li>
</ul>
<h2>How It Works</h2>
<ol>
<li><strong>Enter a GitHub Username:</strong> Type in your username or any other GitHub username to
explore their top repositories.</li>
<li><strong>Select the Criteria:</strong> Choose whether you want to see the most starred, most
forked, or a combination of both.</li>
<li><strong>Explore and Share:</strong> Browse through the top repositories and share your favorites
with friends or the community.</li>
</ol>
<h2>Rate Limit</h2>
<p>⚠️ <strong>Note:</strong> You can check only up to 60 users per hour due to GitHub API rate limits.
Plan your searches accordingly!</p>
<h2>Try It Out! 🌟</h2>
<p>Discover the best of GitHub now at <a href="https://topgit.netlify.app">TopGit</a>.</p>
<p>Curious about my top repositories? <a href="https://topgit.netlify.app/?user=TechShreyash">Check them
out here</a>.</p>
<h2>Get Started!</h2>
<p>Ready to explore the top GitHub repositories? Enter a GitHub username in the search box above and
start discovering the best projects on GitHub today! 🎉</p>
</div>
</div>
</section>
<section id="showcase-container" style="display: none;">
<div class="upper-container">
<select id="top-type">
<option value="sum">Most Starred + Forked</option>
<option value="stars">Most Starred</option>
<option value="forks">Most Forked</option>
</select>
<div class="refresh-div">
<a id="refresh-btn" class="refresh-btn"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"
width="24" height="24">
<path
d="M3.38 8A9.502 9.502 0 0 1 12 2.5a9.502 9.502 0 0 1 9.215 7.182.75.75 0 1 0 1.456-.364C21.473 4.539 17.15 1 12 1a10.995 10.995 0 0 0-9.5 5.452V4.75a.75.75 0 0 0-1.5 0V8.5a1 1 0 0 0 1 1h3.75a.75.75 0 0 0 0-1.5H3.38Zm-.595 6.318a.75.75 0 0 0-1.455.364C2.527 19.461 6.85 23 12 23c4.052 0 7.592-2.191 9.5-5.451v1.701a.75.75 0 0 0 1.5 0V15.5a1 1 0 0 0-1-1h-3.75a.75.75 0 0 0 0 1.5h2.37A9.502 9.502 0 0 1 12 21.5c-4.446 0-8.181-3.055-9.215-7.182Z">
</path>
</svg></a>
</div>
</div>
<img id="load-img2" class="loading" src="/assets/loading.gif" alt="Loading..." style="display: none;">
<div id="card-container" class="container">
</div>
<div class="load-more"><a id="load-more-btn">LOAD MORE</a></div>
</section>
<div class="page-views">
<img src="https://stats.techzbots.co/api/views_badge?page=https%3A%2F%2Ftopgit.netlify.app&color1=03045e&color2=fb5607&label=Total%20Views"
alt="Total Views">
</div>
<script src="/script.js"></script>
</body>
</html>