-
Notifications
You must be signed in to change notification settings - Fork 17
Expand file tree
/
Copy pathindex.html
More file actions
431 lines (396 loc) · 15.5 KB
/
index.html
File metadata and controls
431 lines (396 loc) · 15.5 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
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description" content="Krypto Hashers Community - Open-source community for developers to collaborate and build projects." />
<title>Krypto Hashers Community</title>
<link rel="icon" type="image/png" href="./Images/KHC Title Logo.png" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css" />
<link rel="stylesheet" href="./style.css" />
</head>
<body>
<nav class="navbar">
<div class="logo-wrapper">
<span class="logo"
><span><</span><span>/KHC</span><span>></span></span
>
</div>
<ul class="nav-links" id="navMenu">
<li><a href="./index.html#our-story">About</a></li>
<li><a href="./index.html#project">Projects</a></li>
<li><a href="./index.html#join">Join Us</a></li>
<li><a href="./index.html#members">Members</a></li>
</ul>
<div class="menu-icon" id="menuToggle">
<i class="fas fa-bars"></i>
</div>
</nav>
<section class="hero">
<h1>
<span class="gradient-text"
>Krypto Hashers <span class="community">Community</span></span
>
</h1>
<p class="tagline">Welcome home, builder.</p>
<p></p>
<p class="description">
A raw, authentic open-source community of developers building quirky,
useful, and fun projects without the need for applause.
</p>
<div class="buttons">
<a
target="_blank"
href="https://discord.com/invite/x7CR9jKayd"
class="btn purple"
><i class="far fa-comment-alt"></i> Join Discord</a
>
<a
target="_blank"
href="https://github.com/Krypto-Hashers-Community"
class="btn black"
><i class="fab fa-github"></i> Star on Github</a
>
<a
target="_blank"
href="https://www.linkedin.com/company/krypto-hashers-community"
class="btn outline"
><i class="fa-brands fa-linkedin-in"></i> Follow on LinkedIn</a
>
</div>
</section>
<section class="discover">
<div class="scroll">
<a href="./index.html#our-story"> Discover More </a>
</div>
<span class="arrow">→</span>
</section>
<section class="our-story" id="our-story">
<h2 class="section-title">Our Story</h2>
<div class="story-content">
<div class="story-left">
<h3 class="subheading purple-text">Who We Are</h3>
<p>
The Krypto Hashers Community, or just KHC, is not your typical
open-source group chasing stars or clout. We're a raw, unfiltered
group of devs who simply build things because we feel like it. This
is a space for real developers solving real problems, not for
applause, but for the sheer joy of creating.
</p>
<p>
Whether it's a bot that comments "bruh" when a build fails, or an
automation script that reminds you to drink water at 3AM, we believe
in building what we wish existed.
</p>
<p>
KHC welcomes anyone—from the curious beginner who just wrote their
first loop, to the senior dev who writes tools for fun in the middle
of the night. We don't care about your tech stack, your years of
experience, or how many stars your repo has. If you love creating,
breaking, and learning, you belong here.
</p>
</div>
<div class="story-right">
<h3 class="subheading blue-text">What We Believe</h3>
<p>
We value collaboration over competition, questions over credentials,
and ideas over perfection. Our discussions are wild, our projects
are sometimes ridiculous, but our intentions are always sincere.
</p>
<p>
Whether you're building the next big automation, shipping a tool to
help your workflow, or just adding memes to the README—we see you.
And we're glad you're here.
</p>
<p>
KHC isn't a company. It's not a club. It's a mindset. One where
chaos, curiosity, and creativity come together to form something
truly meaningful.
</p>
<p>
So if you've ever stayed up all night debugging something stupid,
laughed at your own code, or wished you had people to just vibe with
and learn from—welcome home. This is KHC.
</p>
</div>
</div>
</section>
<section class="how-it-started">
<h2 class="section-title">How It Started</h2>
<div class="story-content">
<div class="started-left">
<p>
It all started in a small room, with me—just a regular developer, no
team, no community—just a laptop, no chai, and a thousand bugs I
couldn't solve. Every time I hit a wall, I'd head straight to Stack
Overflow, searching endlessly through GitHub issues, hoping someone
out there had already cried over the same problem.
</p>
<p>
Sometimes I found gold. Sometimes I found… complete chaos. And then,
I got stuck. So stuck that I stopped building. I gave up halfway
through projects. I left ideas in folders, never opened again. That
creative spark slowly dimmed, and I just couldn't get myself to open
the terminal again.
</p>
<p>
But deep down, I still wanted to build. I still believed in the joy
of making something out of nothing. One day, a random dev came
across one of my old projects. He didn't just star it—he fixed a bug
I left broken for months.
</p>
</div>
<div class="started-right">
<p>
That one pull request brought everything back. We talked, we
collaborated, we laughed at weird bugs together, and we slowly
started building again. That's when it clicked: there must be more
people like me.
</p>
<p>
People who love building but don't always have the energy to keep
going alone. People who just need a little nudge, a teammate, a
shared repo. That's how Krypto Hashers Community was born—not from
plans or frameworks, but from burnout and revival. From silence and
spark.
</p>
<p>
Since 2021, we've been around—quietly messing with ideas, breaking
stuff, fixing some of it, and making friends along the way. Now,
we're ready to open our doors and say: if you've ever stopped
building and wished someone would help you start again… this is your
sign.
</p>
</div>
</div>
<div class="welcome-container">
<p class="welcome-text">Welcome to KHC.</p>
</div>
</section>
<section class="community-stats-section">
<h2 class="section-title-community-stats">Community Stats</h2>
<p class="section-subtitle">
Real-time metrics from our GitHub organization
</p>
<div class="stats-boxes">
<div class="stat-box">
<i class="icon"><i class="fa-regular fa-star"></i></i>
<h3 id="stars-count">0</h3>
<p>Total Stars</p>
</div>
<div class="stat-box">
<i class="icon"><i class="fa-solid fa-code-fork"></i></i>
<h3 id="forks-count">0</h3>
<p>Total Forks</p>
</div>
<div class="stat-box">
<i class="icon"><i class="fas fa-user-circle"></i></i>
<h3 id="members-count">0</h3>
<p>Members</p>
</div>
</div>
<div class="language-box">
<h3 class="language-title">Top Languages</h3>
<div id="languages-list"></div>
</div>
</section>
<section class="projects-section" id="project">
<h2 class="section-title-projects">Our <span>Projects</span></h2>
<p class="section-subtitle">
Latest repositories from our GitHub organization
</p>
<div class="projects-grid" id="projects-grid"></div>
<div class="view-all">
<a
href="https://github.com/Krypto-Hashers-Community"
target="_blank"
class="btn-view-all"
>
<i class="fas fa-code-branch"></i> View All Projects on GitHub
</a>
</div>
</section>
<section class="join-section" id="join">
<h2 class="section-title-join">How to <span>Join</span></h2>
<p class="section-subtitle">
Joining KHC is intentionally simple. There are no coding tests,
application forms, or formal procedures. If you're genuinely interested
in building things, learning with others, or just exploring open source,
you're already halfway there.
</p>
<div class="join-cards">
<div class="join-card">
<div>
<div class="join-icon"><i class="fa-regular fa-star"></i></div>
<h3 class="steps">Star Our Repository</h3>
<p>
The first step is to star our GitHub organization and check out
our pinned repositories. This helps you stay in the loop and lets
us know you're interested. Next, head to our GitHub Discussions
page and drop a short introduction. It doesn't have to be
fancy—just tell us who you are and what brought you here.
</p>
</div>
<a
target="_blank"
href="https://github.com/Krypto-Hashers-Community"
class="btn-join"
>Star on GitHub</a
>
</div>
<div class="join-card">
<div>
<div class="join-icon"><i class="fa-solid fa-person"></i></div>
<h3 class="steps">Introduce Yourself</h3>
<p>
If you've got an idea, a bug you're stuck on, or even a random
thought about automations or tools—post it in the discussions. Our
members are always around and happy to help or build something
together.
</p>
</div>
<a
target="_blank"
href="https://discord.com/invite/x7CR9jKayd"
class="btn-join"
>Join Discord</a
>
</div>
<div class="join-card">
<div>
<div class="join-icon"><span><</span>/<span>></span></div>
<h3 class="steps">Get Involved</h3>
<p>
For those who want to become more actively involved, feel free to
reach out via email or DM one of the maintainers or our GitHub bot
account. We'll guide you through joining the organization and
assigning you to the right team based on your interests—whether
you like contributing code, brainstorming ideas, reviewing pull
requests, or designing visuals.
</p>
</div>
<a
target="_blank"
href="https://github.com/Krypto-Hashers-Community"
class="btn-join"
>Browse Projects</a
>
</div>
</div>
<div class="code-conduct" id="code-conduct">
<h3 class="code-heading">Our Code of Conduct</h3>
<p>
We value respect, inclusivity, and collaboration. KHC is a safe space
for developers of all backgrounds to experiment, learn, and grow
together. We don't tolerate harassment or discrimination of any kind.
</p>
</div>
</section>
<section id="members" class="members-section">
<h2 class="section-title">Meet <span>Our Members</span></h2>
<p class="section-subtitle">Powered by open-source passion</p>
<div id="member-loader">Loading members from GitHub...</div>
<div id="member-cards" class="member-cards-container"></div>
<button id="toggle-see-all-btn" class="see-all-btn">See All Members</button>
</section>
<section class="fuel-section">
<div class="fuel-left">
<h2 class="fuel-heading">
The <span class="highlight">Fuel Behind the Code</span>
</h2>
<p class="fuel-description">
Our community runs on a carefully calibrated mixture of caffeine,
pizza, and the occasional all-nighter. When we're not building, we're
gaming. When we're not gaming, we're debating the merits of tabs vs.
spaces.
</p>
<div class="fuel-stats">
<span class="fuel-stat">
<i class="fa-regular fa-mug-hot"></i>
<span id="coffee-count">87,342</span> cups of coffee
</span>
<span class="fuel-stat">
<i class="fa-solid fa-pizza-slice"></i>
<span id="pizza-count">1,254</span> pizzas consumed
</span>
</div>
</div>
<div class="fuel-right">
<pre class="code-snippet">
<code>
// KHC developer's daily routine
function developerDay() {
coffee.drink();
while (brain.isWorking()) {
code.write();
bugs.fix();
if (timeOfDay === "evening") {
games.play();
memes.share();
}
}
sleep(); // optional
}
</code>
</pre>
</div>
</section>
<footer class="khc-footer">
<div class="footer-content">
<div class="footer-left">
<div class="footer-logo">
<span class="logo-symbol"></</span
><span class="logo-text">KHC</span
><span class="logo-symbol">></span>
</div>
<p class="footer-tagline">
A raw, authentic open-source community of developers building
quirky, useful, and fun projects.
</p>
<div class="social-icons">
<a
href="https://github.com/Krypto-Hashers-Community"
target="_blank"
><i class="fab fa-github"></i
></a>
<a
href="https://www.linkedin.com/company/krypto-hashers-community"
target="_blank"
><i class="fab fa-linkedin"></i
></a>
<a href="https://discord.com/invite/x7CR9jKayd" target="_blank"
><i class="fas fa-comments"></i
></a>
</div>
</div>
<div class="footer-links">
<h4>Quick Links</h4>
<ul>
<li><a href="./index.html#our-story">About Us</a></li>
<li><a href="./index.html#project">Projects</a></li>
<li><a href="./index.html#join">Join Us</a></li>
<li><a href="./index.html#members">Members</a></li>
</ul>
</div>
<div class="footer-contact">
<h4>Contact</h4>
<p>
<a href="mailto:kryptohasherscommunity@gmail.com"
>kryptohasherscommunity@gmail.com</a
>
</p>
<p class="location"><i class="fas fa-map-marker-alt"></i>INDIA</p>
</div>
</div>
<div class="footer-bottom">
<p>© 2025 Krypto Hashers Community. All rights open-sourced.</p>
<p>
Built with
<span class="love"><i class="fa-solid fa-heart"></i></span> by the KHC
community
</p>
</div>
</footer>
<script src="./script.js"></script>
</body>
</html>