userscripts/index.html at main · USLTD/userscripts · 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
---
layout: null
---
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>{{ site.title | default: "Userscript Directory" }}</title>
  <style>
    :root {
      --bg: #0d1117; --surface: #161b22; --border: #30363d;
      --text: #c9d1d9; --muted: #8b949e; --accent: #58a6ff;
      --btn-bg: #238636; --btn-hover: #2ea043;
    }
    body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif; padding: 40px 20px; background: var(--bg); color: var(--text); max-width: 900px; margin: auto; line-height: 1.5; }
    h1 { border-bottom: 1px solid var(--border); padding-bottom: 10px; color: var(--accent); }

    .file-row { padding: 16px; border-bottom: 1px solid #21262d; background: var(--bg); }
    .file-main { display: flex; align-items: center; justify-content: space-between; }

    .file-info { display: flex; flex-direction: column; gap: 4px; max-width: 75%; }
    .title-wrapper { display: flex; align-items: center; gap: 10px; }
    .file-name { font-weight: 600; color: var(--accent); text-decoration: none; font-size: 18px; }
    .version-badge { background: #1f6feb33; color: #79c0ff; font-size: 11px; padding: 2px 6px; border-radius: 10px; font-weight: bold; }

    .script-desc { font-size: 13px; color: var(--text); margin: 0; }
    .file-meta { color: var(--muted); font-size: 12px; }

    .btn-install { background-color: var(--btn-bg); color: white; padding: 8px 16px; border-radius: 6px; text-decoration: none; font-size: 14px; font-weight: 600; white-space: nowrap; }
    .btn-install:hover { background-color: var(--btn-hover); }

    .history-details { margin-top: 12px; font-size: 13px; color: var(--muted); }
    .history-details summary { cursor: pointer; user-select: none; margin-bottom: 8px; }
    .history-details summary:hover { color: var(--text); }
    .history-list { list-style: none; padding: 0; margin: 0; border-left: 2px solid var(--border); padding-left: 12px; }
    .history-list li { margin-bottom: 6px; display: flex; justify-content: space-between; }
    .history-list a { color: var(--accent); text-decoration: none; }
    .history-list a:hover { text-decoration: underline; }

    footer { margin-top: 40px; color: var(--muted); font-size: 12px; border-top: 1px solid var(--border); padding-top: 20px; text-align: center; }
  </style>
</head>
<body>
  <h1>{{ site.title | default: "Userscripts" }}</h1>

  <div class="file-list">
    {% if site.data.scripts.size == 0 or site.data.scripts == nil %}
      <p style="color: var(--muted);">No userscripts found or build script hasn't run yet.</p>
    {% endif %}

    {% for script in site.data.scripts %}
        <div class="file-row">
          <div class="file-main">
            <div class="file-info">
              <div class="title-wrapper">
                <span class="file-name">{{ script.name }}</span>
                <span class="version-badge">v{{ script.version }}</span>
              </div>
              <p class="script-desc">{{ script.description }}</p>
              <span class="file-meta">
                Updated: {{ script.updated }} • Size: {{ script.sizeKb }} KB
              </span>
            </div>
            <a href="{{ site.url }}{{ site.baseurl }}/{{ script.filename }}" class="btn-install">Install Latest</a>
          </div>

          {% if script.history.size > 0 %}
          <details class="history-details">
            <summary>View Previous Versions</summary>
            <ul class="history-list">
              {% for commit in script.history %}
              <li>
                <span>{{ commit.date }} - {{ commit.message }}</span>
                <a href="{{ commit.url }}" title="Install from commit {{ commit.hash }}">Install Old Version</a>
              </li>
              {% endfor %}
            </ul>
          </details>
          {% endif %}
        </div>
    {% endfor %}
  </div>

  <footer>
    Hosted securely on <a href="https://userscripts.usltd.ge" style="color: var(--accent); text-decoration: none;">userscripts.usltd.ge</a> • Auto-generated entirely statically.
  </footer>
</body>
</html>