computerlovetech.github.io/index.html at main · computerlovetech/computerlovetech.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
<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>computerlove.tech · Open Source</title>
    <meta
      name="description"
      content="Public open source projects from computerlove.tech — agentic engineering tools, experiments, and educational resources."
    />
    <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=Space+Mono:ital,wght@0,400;0,700;1,400&family=Syne:wght@400;500;600;700;800&display=swap"
      rel="stylesheet"
    />
    <link rel="stylesheet" href="styles.css" />
  </head>
  <body>
    <div class="grid-bg" aria-hidden="true"></div>

    <nav class="nav" aria-label="Primary navigation">
      <div class="nav-container">
        <a class="logo" href="https://computerlove.tech" aria-label="computerlove.tech">
          <img class="logo-img" src="logo-nav.png" alt="computerlove.tech" />
        </a>
        <div class="nav-links">
          <a href="https://computerlove.tech/#services">Services</a>
          <a href="https://computerlove.tech/#open-source">Open Source</a>
          <a href="https://github.com/computerlovetech" class="nav-cta">GitHub Org</a>
        </div>
      </div>
    </nav>

    <main>
      <section class="hero" aria-labelledby="hello-title">
        <div class="hero-content">
          <p class="hero-badge"><span class="pulse"></span> Open source from Copenhagen</p>
          <h1 id="hello-title" class="hero-title">
            <span class="title-line">Public code</span>
            <span class="title-line accent">for builders</span>
          </h1>
          <p class="hero-subtitle">
            Welcome to the computerlove.tech GitHub organisation page. We publish tools,
            experiments, and learning resources for agentic engineering and AI-assisted software teams.
          </p>
          <div class="hero-ctas">
            <a class="btn btn-primary" href="https://github.com/computerlovetech">Browse the org →</a>
            <a class="btn btn-secondary" href="https://computerlove.tech">Visit computerlove.tech</a>
          </div>
        </div>

        <aside class="hero-visual" aria-label="Terminal welcome message">
          <div class="terminal">
            <div class="terminal-header">
              <div class="terminal-dots">
                <span class="dot red"></span>
                <span class="dot yellow"></span>
                <span class="dot green"></span>
              </div>
              <span class="terminal-title">github</span>
            </div>
            <div class="terminal-body">
              <div class="terminal-line"><span class="prompt">$</span><span class="command">open computerlove.tech</span></div>
              <div class="terminal-line output"><span class="accent">Org:</span> computerlovetech</div>
              <div class="terminal-line output"><span class="dimmed">agentic engineering · open source · education</span></div>
              <div class="terminal-line output"><span class="success">✓</span> Ready to explore</div>
              <div class="terminal-line"><span class="prompt">$</span><span class="cursor">▊</span></div>
            </div>
          </div>
        </aside>
      </section>

      <section class="repos" aria-labelledby="repo-title">
        <div class="section-header">
          <span class="section-tag">Public repositories</span>
          <h2 id="repo-title" class="section-title">Tools from the computerlove.tech org</h2>
          <p class="section-subtitle">Small, practical projects for teams adopting AI-assisted engineering workflows.</p>
        </div>
        <div class="repo-grid">
          <a class="repo-card featured" href="https://github.com/computerlovetech/agr">
            <span class="repo-label">Featured</span>
            <h3>agr</h3>
            <p>A package manager for AI agents. Install agent skills from GitHub with a single command.</p>
          </a>
          <a class="repo-card" href="https://github.com/computerlovetech/ralphify">
            <h3>ralphify</h3>
            <p>Keep your coding agent running in fresh, repeatable loops.</p>
          </a>
          <a class="repo-card" href="https://github.com/computerlovetech/skills">
            <h3>skills</h3>
            <p>Agent skills published by computerlove.tech.</p>
          </a>
          <a class="repo-card" href="https://github.com/computerlovetech/agent-diagnostics-mcp">
            <h3>agent-diagnostics-mcp</h3>
            <p>A simple Agent Self-diagnostics MCP Server for educational purposes.</p>
          </a>
        </div>
      </section>
    </main>
  </body>
</html>