website/about.html at main · devspace-qzz-io/website · 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
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>About - DevSpace</title>
  <meta name="description" content="Learn about DevSpace - free subdomains for developers.">
  <link rel="stylesheet" href="styles.css">
  <link href="logo - Copy.png" type="image/x-icon"   rel="shortcut icon"/>
</head>
<body>
  <nav>
    <div class="nav-container">
      <a href="index.html" class="logo">
        <img src="logo.png" alt="DevSpace">
      </a>
      <button class="menu-toggle" aria-label="Toggle menu" onclick="toggleMenu()">
        <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
          <line x1="3" y1="12" x2="21" y2="12"></line>
          <line x1="3" y1="6" x2="21" y2="6"></line>
          <line x1="3" y1="18" x2="21" y2="18"></line>
        </svg>
      </button>
      <ul class="nav-links" id="navLinks">
        <li><a href="index.html">Home</a></li>
        <li><a href="about.html" class="active">About</a></li>
        <li><a href="rules.html">Rules</a></li>
        <li><a href="apply.html">Apply</a></li>
        <li><a href="contact.html">Contact</a></li>
        <li><a href="abuse.html">Abuse Policy</a></li>
        <li><a href="https://docs.devspace.qzz.io">Documentation</a></li>
      </ul>
    </div>
  </nav>

  <main>
    <section class="hero" style="padding: 2rem 0;">
      <h1>About DevSpace</h1>
      <p class="subtitle">DevSpace is an experimental developer namespace project by Anvesh Raman.</p>
    </section>

    <section class="section">
      <h2>Our Mission</h2>
      <p>DevSpace was created to provide developers with clean, memorable subdomains for their projects, portfolios, and documentation. We believe every developer deserves a professional web presence without the barrier of domain costs.</p>

      <div class="about-stats">
        <div class="stat-card">
          <div class="number">Free</div>
          <div class="label">Forever</div>
        </div>
        <div class="stat-card">
          <div class="number">100%</div>
          <div class="label">Open Source</div>
        </div>
        <div class="stat-card">
          <div class="number">24/7</div>
          <div class="label">Uptime</div>
        </div>
      </div>
    </section>

    <section class="section">
      <h2>What We Offer</h2>
      <ul class="rules-list">
        <li>Free subdomains in the format <code>username.devspace.qzz.io</code></li>
        <li>Support for GitHub Pages and Vercel hosting</li>
        <li>Manual review to ensure quality</li>
        <li>Simple JSON-based registration process</li>
        <li>Community-driven registry on GitHub</li>
      </ul>
    </section>

    <section class="section">
      <h2>How It Started</h2>
      <p>DevSpace began as a simple idea: make it easy for developers to get a professional subdomain without the hassle and cost of purchasing a domain. By leveraging GitHub for the registry, we created a transparent, community-driven system where anyone can contribute and review changes.</p>

      <p>The project is maintained by volunteers who believe in supporting the developer community. All domain registrations are processed through Pull Requests, ensuring transparency and giving the community a voice in what gets approved.</p>
    </section>

    <section class="section">
      <h2>Supported Platforms</h2>
      <p>We currently support two of the most popular static hosting platforms:</p>

      <div class="platforms">

  <!-- GitHub Pages -->
  <div class="platform">
    <svg viewBox="0 0 24 24" fill="currentColor">
      <path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"/>
    </svg>
    GitHub Pages
  </div>

  <!-- Vercel -->
  <div class="platform">
    <svg viewBox="0 0 24 24" fill="currentColor">
      <path d="M24 22.525H0l12-21.05 12 21.05z"/>
    </svg>
    Vercel
  </div>

  <!-- Netlify -->
  <div class="platform">
    <svg viewBox="0 0 24 24" fill="currentColor">
      <path d="M3 3h6v6H3zM15 3h6v6h-6zM3 15h6v6H3zM15 15h6v6h-6z"/>
    </svg>
    Netlify
  </div>

  <!-- Cloudflare Pages -->
  <div class="platform">
    <svg viewBox="0 0 24 24" fill="currentColor">
      <path d="M6 18h12a4 4 0 0 0 0-8 6 6 0 0 0-11-2A5 5 0 0 0 6 18z"/>
    </svg>
    Cloudflare Pages
  </div>

  <!-- Firebase Hosting -->
  <div class="platform">
    <svg viewBox="0 0 24 24" fill="currentColor">
      <path d="M5 20l7-16 7 16-7-4z"/>
    </svg>
    Firebase Hosting
  </div>

</div>

      <p>Both platforms offer excellent performance, SSL certificates, and global CDN distribution — perfect for developer portfolios and project sites.</p>
    </section>

    <section class="section">
      <h2>Open Source</h2>
      <p>DevSpace is built on open source principles. The entire registry is hosted on GitHub, making it transparent and community-driven. Anyone can:</p>
      <ul class="rules-list">
        <li>View all registered domains</li>
        <li>Submit new domain requests via Pull Request</li>
        <li>Report issues or suggest improvements</li>
        <li>Contribute to the project</li>
      </ul>
    </section>

    <section class="section">
      <h2>Get Involved</h2>
      <p>Want to contribute to DevSpace? Here are some ways you can help:</p>
      <ul class="rules-list">
        <li>Submit bug reports or feature requests</li>
        <li>Help review Pull Requests</li>
        <li>Spread the word to other developers</li>
        <li>Contribute code improvements</li>
      </ul>

      <div class="cta-group" style="margin-top: 2rem;">
        <a href="https://github.com/devspace-qzz-io/register" target="_blank" rel="noopener" class="btn btn-primary">
          <svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor" style="margin-right: 0.5rem;">
            <path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"/>
          </svg>
          View on GitHub
        </a>
        <a href="contact.html" class="btn btn-secondary">Contact Us</a>
      </div>
    </section>
  </main>

  <footer>
    <div class="footer-container">
      <div class="footer-links">
        <a href="https://github.com/devspace-qzz-io/register" target="_blank" rel="noopener">
          <svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor">
            <path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"/>
          </svg>
          GitHub
        </a>
      </div>
      <span class="footer-text">Maintained by <a href="https://anveshraman.qzz.io" style="color: gray;">Anvesh Raman</a> © 2026 DevSpace</span>
    </div>
  </footer>

  <script>
    function toggleMenu() {
      document.getElementById('navLinks').classList.toggle('active');
    }
  </script>
</body>
</html>