-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
134 lines (119 loc) · 6.57 KB
/
index.html
File metadata and controls
134 lines (119 loc) · 6.57 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Git-Top</title>
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/all.min.css">
<link rel="icon" href="data/favicon.ico" type="image/x-icon">
<link rel="canonical" href="https://git-top.net" />
<meta name="description" content="A dashboard for tracking trending GitHub repositories and software releases. Minimalist, automated, and open-source."/>
<meta name="robots" content="index, follow">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta property="og:title" content="Git-Top">
<meta property="og:url" content="https://git-top.net">
<meta property="og:type" content="website">
</head>
<body>
<div id="boot-screen">
<div id="boot-terminal"></div>
</div>
<div class="contents" style="display: none;">
<div class="main">
<div class="header">
<div class="header-left"><a href="https://github.com/Knuspii/git-top.net"><img src="data/logo.svg" alt="Git-Top" class="tui-logo"></a></div>
<div class="header-right"><i class="fa-solid fa-server"></i> >_</div>
</div>
<div class="link-buttons">
<a href="https://data.knuspii.net/privacy.html"><i class="fa-solid fa-shield-halved"></i> Privacy</a>
<a href="https://www.githubstatus.com/"><i class="fa-solid fa-signal"></i> GH Status</a>
<a href="https://github.com/Knuspii/git-top.net"><i class="fa-solid fa-code-branch"></i> Project Page</a>
<button onclick="location.reload()" id="nav-refresh"><i class="fa-solid fa-rotate"></i> Reload</button>
</div>
<div class="container-type-text">
<div class="type-text"><i class="fa-solid fa-triangle-exclamation"></i> This website won't work with JavaScript disabled!!!</div>
</div>
<div class="space">
<div class="header-left">[ <i class="fa-regular fa-calendar"></i> Date: <span id="date"></span> ]</div>
<div class="header-right">[ <i class="fa-regular fa-clock"></i> Time: <span id="clock"></span> ]</div>
</div>
<div class="terminal-header">
<div class="header-left"><i class="fa-solid fa-terminal"></i> git-top-terminal.bin</div>
<div class="header-right">_ [] X</div>
</div>
<div id="terminal"></div>
<div class="space"></div>
<div class="status-bar"></div>
<div class="container-repos">
<div class="container-header"><i class="fa-solid fa-bolt" style="color: var(--input-color);"></i> Top Repositories of the Day!<span class="subtext"> <i class="fa-solid fa-sync fa-spin"></i> this gets auto updated!</span></div>
<div class="repos">
<table class="daily-repos-table">
<tbody></tbody>
</table>
</div>
</div>
<div class="container-repos">
<div class="container-header"><i class="fa-solid fa-calendar-day" style="color: var(--input-color);"></i> Top Repositories of the Week!<span class="subtext"> <i class="fa-solid fa-sync fa-spin"></i> this gets auto updated!</span></div>
<div class="repos">
<table class="weekly-repos-table">
<tbody></tbody>
</table>
</div>
</div>
<div class="container-repos">
<div class="container-header"><i class="fa-solid fa-calendar-days" style="color: var(--input-color);"></i> Top Repositories of the Month!<span class="subtext"> <i class="fa-solid fa-sync fa-spin"></i> this gets auto updated!</span></div>
<div class="repos">
<table class="monthly-repos-table">
<tbody></tbody>
</table>
</div>
</div>
<div class="container-repos">
<div class="container-header"><i class="fa-solid fa-database" style="color: var(--input-color);"></i> Top Repositories of the last 3 Months!<span class="subtext"> <i class="fa-solid fa-sync fa-spin"></i> this gets auto updated!</span></div>
<div class="repos">
<table class="three-months-repos-table">
<tbody></tbody>
</table>
</div>
</div>
<div class="space"></div>
<div class="container-software">
<div class="container-header"><i class="fa-solid fa-box-open" style="color: var(--input-color);"></i> Featured Software<span class="subtext"> <i class="fa-solid fa-sync fa-spin"></i> this gets auto updated!</span></div>
<table class="software-table">
<thead>
<tr>
<th><i class="fa-solid fa-cubes"></i> Name</th>
<th><i class="fa-solid fa-tag"></i> Version</th>
<th><i class="fa-solid fa-file-lines"></i> Description</th>
</tr>
</thead>
<tbody></tbody>
</table>
</div>
<div class="space"></div>
<div class="container-registry">
<div class="container-header"><i class="fa-solid fa-circle-nodes"></i> Registry</div>
<br>
<p><i class="fa-solid fa-circle-question"></i> How it works?</p>
<p><i class="fa-solid fa-angle-right"></i> It uses the GitHub API and a little web scraping to fetch all the info.</p>
<p><i class="fa-solid fa-angle-right"></i> The info then gets written into separate .json files.</p>
<p><i class="fa-solid fa-angle-right"></i> And the website just displays them in a table.</p>
<p><i class="fa-solid fa-angle-right"></i> Take a look at the script here: <a href="https://github.com/Knuspii/git-top.net/blob/main/data/get_data.sh"><i class="fa-solid fa-terminal"></i> Script</a></p>
<br>
<br>
<p><i class="fa-solid fa-circle-info"></i> This website is an independent project and is not affiliated with, endorsed by, or sponsored by GitHub.</p>
<p><i class="fa-solid fa-scale-balanced"></i> This website is licensed under the <a href="https://www.gnu.org/licenses/gpl-3.0.de.html" target="_blank"><i class="fa-solid fa-certificate"></i> GPL-3.0 License</a>.</p>
<br>
<p>Made with ❤️ by Knuspii.</p>
<br>
<a href="mailto:info@knuspii.net"><i class="fa-regular fa-envelope"></i> E-Mail</a>
<a href="https://github.com/Knuspii" target="_blank"><i class="fa-brands fa-github"></i> GitHub</a>
<a href="https://knuspii.net" target="_blank"><i class="fa-solid fa-globe"></i> knuspii.net</a>
<a href="https://randomcats.net" target="_blank"><i class="fa-solid fa-cat"></i> randomcats.net</a>
</div>
</div>
</div>
<script src="js/terminal.js"></script>
<script src="js/get_data.js" defer></script>
</body>
</html>