C0D1NG.github.io/index.html at main · C0D1NG/C0D1NG.github.io · GitHub

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
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <meta name="description"
    content="C0D1NG - Open Source Community of developers for developers. Join our growing community of contributors and build amazing projects together." />
  <meta name="keywords" content="coding, programming, open source, community, developers, github, contributors" />
  <meta name="author" content="C0D1NG Organization" />
  <meta property="og:title" content="C0D1NG - Developer Community" />
  <meta property="og:description" content="Open Source Community of developers for developers" />
  <meta property="og:type" content="website" />
  <meta property="og:url" content="https://c0d1ng.github.io/" />
  <link rel="icon" type="image/x-icon"
    href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90'>🚀</text></svg>" />
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"
    integrity="sha512-iecdLmaskl7CVkqkXNQ/ZH/XLlvWZOJyj7Yy7tcenmpD1ypASozpmT/E0iPtmFIB46ZmdtAc9eNBvH0H/ZpiBw=="
    crossorigin="anonymous" referrerpolicy="no-referrer" />
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet"
    integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous" />
  <link href="style.css" rel="stylesheet" crossorigin="anonymous" />
  <title>C0D1NG - Developer Community</title>
</head>

<body>
  <nav class="navbar navbar-expand-lg navbar-dark fixed-top" id="mainNav">
    <div class="container">
      <a class="navbar-brand" href="#page-top">
        <i class="fas fa-code"></i> C0D1NG
      </a>
      <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
        <span class="navbar-toggler-icon"></span>
      </button>
      <div class="collapse navbar-collapse" id="navbarNav">
        <ul class="navbar-nav ms-auto">
          <li class="nav-item">
            <a class="nav-link" href="#contributors">Contributors</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="https://github.com/C0D1NG" target="_blank">
              <i class="fab fa-github"></i> GitHub
            </a>
          </li>
        </ul>
      </div>
    </div>
  </nav>
  <header class="hero-section" id="page-top">
    <div class="container text-center">
      <div class="hero-content">
        <h1 class="hero-title animate-fade-in">
          Welcome to <span class="gradient-text">C0D1NG</span> Organization 🚀
        </h1>
        <p class="hero-subtitle animate-fade-in-delay">
          Open Source Community of developers, for developers, by developers
        </p>
        <div class="hero-stats animate-fade-in-delay-2">
          <div class="stat-item">
            <span class="stat-number" id="total-contributors">0</span>
            <span class="stat-label">Contributors</span>
          </div>
          <div class="stat-item">
            <span class="stat-number" id="total-commits">0</span>
            <span class="stat-label">Total Commits</span>
          </div>
        </div>
        <a href="#contributors" class="btn btn-primary btn-lg hero-cta animate-fade-in-delay-3">
          Meet Our Contributors <i class="fas fa-arrow-down"></i>
        </a>
      </div>
    </div>
    <div class="hero-animation">
      <div class="floating-icon"><i class="fas fa-code"></i></div>
      <div class="floating-icon"><i class="fab fa-github"></i></div>
      <div class="floating-icon"><i class="fas fa-laptop-code"></i></div>
      <div class="floating-icon"><i class="fas fa-rocket"></i></div>
    </div>
  </header>
  <section id="contributors" class="contributors-section">
    <div class="container">
      <div class="section-header text-center mb-5">
        <h2 class="section-title">Our Amazing Contributors</h2>
        <p class="section-subtitle">Meet the talented developers who make C0D1NG possible</p>
      </div>
      <div class="repo-selector-container mb-5">
        <div class="row justify-content-center">
          <div class="col-md-6">
            <div class="repo-selector-card">
              <label for="repo-select" class="form-label repo-selector-label">
                <i class="fas fa-repository"></i> Choose Repository
              </label>
              <div class="repo-selector-wrapper">
                <select id="repo-select" class="form-select repo-select">
                </select>
                <div class="repo-info" id="repo-info">
                  <div class="repo-stats">
                    <div class="repo-stat">
                      <i class="fas fa-star"></i>
                      <span id="repo-stars">-</span>
                    </div>
                    <div class="repo-stat">
                      <i class="fas fa-code-branch"></i>
                      <span id="repo-forks">-</span>
                    </div>
                    <div class="repo-stat">
                      <i class="fas fa-users"></i>
                      <span id="repo-contributors">-</span>
                    </div>
                  </div>
                  <p class="repo-description" id="repo-description">Loading repository information...</p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div id="loading-state" class="text-center">
        <div class="spinner-border text-primary" role="status">
          <span class="visually-hidden">Loading contributors...</span>
        </div>
        <p class="mt-3 text-white">Loading our amazing contributors...</p>
      </div>
      <div id="error-state" class="text-center d-none">
        <div class="alert alert-warning" role="alert">
          <i class="fas fa-exclamation-triangle"></i>
          <strong>Oops!</strong> We couldn't load the contributors right now. Please try refreshing the page.
          <button class="btn btn-outline-primary btn-sm ms-2" onclick="location.reload()">
            <i class="fas fa-redo"></i> Retry
          </button>
        </div>
      </div>
      <div id="coding" class="contributors-grid"></div>
    </div>
  </section>
  <footer class="thank-you-section text-center">
    <div class="container">
      <h2 class="thank-you-title">
        Thank You for Contributing! 🙏
      </h2>
      <p class="thank-you-subtitle">
        Every contribution makes a difference. Join us in building something amazing!
      </p>
      <div class="social-links">
        <a href="https://github.com/C0D1NG" target="_blank" class="social-link">
          <i class="fab fa-github"></i>
        </a>
      </div>
      <p class="copyright">
        &copy; 2025 C0D1NG Organization. Made with ❤️ by the community.
      </p>
    </div>
  </footer>
  <button id="back-to-top" class="btn btn-primary back-to-top" title="Go to top">
    <i class="fas fa-chevron-up"></i>
  </button>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"
    integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL"
    crossorigin="anonymous"></script>
  <script src="main.js"></script>
</body>

</html>