Pulse/index.html at main · Greedeks/Pulse · 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
<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Pulse - GitHub Release Statistics</title>
  <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=Roboto:wght@400;500;700&display=swap" rel="stylesheet">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/7.0.1/css/all.min.css">
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css">
  <link rel="stylesheet" href="assets/css/main.css">
  <link rel="stylesheet" href="assets/css/components/buttons.css">
  <link rel="stylesheet" href="assets/css/components/release-card.css">
  <link rel="stylesheet" href="assets/css/components/statistics.css">
  <link rel="shortcut icon" href="assets/icon.ico" type="image/x-icon">
</head>
<body>

<div class="wrapper">
  <main class="main">
    <div class="header-text" style="text-align: center; margin-bottom: 0.5rem; padding: 0 1rem;">
      <h1 style="font-family: 'Roboto', sans-serif; font-weight: 500; font-size: clamp(1.9rem, 4.5vw, 2.5rem); color: #ffffff; margin-bottom: 0.3rem;">
        GitHub Release Statistics
      </h1>
      <a href="https://github.com/Greedeks" target="_blank" style="display: inline-flex; align-items: center; gap: 0.5rem; text-decoration: none; cursor: pointer;">
        <span style="font-size: clamp(1rem, 2.5vw, 1.2rem); color: #ffffff; line-height: 32px;">Created by</span>
        <img src="https://github.com/Greedeks.png" alt="Greedeks" style="width: 32px; height: 32px; border-radius: 50%; border: 1px solid rgba(255,255,255,0.2); filter: drop-shadow(0 0 8px rgba(164, 215, 244, 0.2));">
        <span style="font-size: clamp(1rem, 2.5vw, 1.2rem); color: #a4d7f4; filter: drop-shadow(0 0 8px rgba(164, 215, 244, 0.2)); font-weight: 500; line-height: 32px;">Greedeks</span>
      </a>
    </div>

    <div class="preview">
      <div class="glass-window">
        <div style="display: flex; align-items: center; justify-content: center; gap: 10px; margin-top: 1.2rem; margin-bottom: 1.5rem;">
          <a href="https://github.com/Greedeks/Pulse" target="_blank" style="color: #a4d7f4; text-decoration: none; font-size: 1.5rem; filter: drop-shadow(0 0 8px rgba(164, 215, 244, 0.6));">
            <i class="fab fa-github"></i>
          </a>
          <h2 style="margin: 0;">Profile & Repo Details</h2>
        </div>

        <form id="pulseForm">
          <input type="text" class="glass-input" name="username" placeholder="Username" required/>
          <input type="text" class="glass-input" name="repository" placeholder="Repository name" required/>
          <input type="text" class="glass-input" name="releaseTag" placeholder="Release tag (optional)" />
          <button type="submit" class="btn-glass">Submit</button>
        </form>
      </div>
    </div>

    <div class="content-container">
      <div class="content" id="releases"></div>
    </div>
  </main>

  <footer class="footer">
    <div class="footer-content">
      <div class="footer-label">
        <i class="fas fa-lightbulb"></i>
        <p class="footer-description">Enter a GitHub repository link to auto-complete the form:</p>
      </div>
      <div class="examples-row">
        <span class="example-item">username/repo</span>
        <span class="example-item">github.com/username/repo</span>
        <span class="example-item">https://github.com/username/repo</span>
        <span class="example-item">username/repo@v1.2.0</span>
        <span class="example-item">username/repo/releases/tag/1.2.1</span>
      </div>
    </div>
  </footer>
</div>

<button id="scrollTopBtn" class="btn-scroll-top">
  <i class="fas fa-chevron-up"></i>
</button>

<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/js/bootstrap.bundle.min.js"></script>
<script src="assets/js/pulse.js"></script>

</body>
</html>