<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width,initial-scale=1" />
  <title>Snek – Professional Community for Developers, Testers & AI Professionals</title>
  <meta name="description" content="Snek is a privacy-focused web platform for developers, testers, and AI professionals. Share files, collaborate on code, communicate securely, self-host, and utilize advanced AI tools—all with rapid onboarding, no email, and no logs." />
  <meta name="keywords" content="Snek, developer platform, web community, testers, AI, artificial intelligence, file sharing, Git, SFTP, WebDAV, communication, collaboration, open source, self-hosting, privacy, PWA, Ubuntu terminal, web terminal, audit-free, no email" />
  <meta property="og:title" content="Snek – Professional Community for Developers, Testers & AI Professionals" />
  <meta property="og:description" content="Join Snek: a trusted, privacy-focused platform for developers, testers, and AI professionals. Collaborate, share, and self-host with confidence." />
  <meta property="og:image" content="/image/snek_logo_256x256.png" />
  <meta property="og:type" content="website" />
  <meta property="og:url" content="https://snek.community/" />
  <meta name="twitter:card" content="summary_large_image" />
  <meta name="twitter:title" content="Snek – Professional Community for Developers, Testers & AI Professionals" />
  <meta name="twitter:description" content="A privacy-focused platform for developers, testers, and AI professionals. No email, no logs—just secure collaboration and innovation." />
  <meta name="twitter:image" content="/image/snek_logo_256x256.png" />
  <link rel="canonical" href="https://snek.community/" />
  <link rel="stylesheet" href="/sandbox.css" />
  <style>
    * { margin:0; padding:0; box-sizing:border-box; }
    html, body { height: 100%; }
    .card {
        opacity: 0.9;
        z-index: 10;
    }
    .star {
        z-index: -10;
    }
    body {
      font-family: 'Segoe UI',sans-serif;
      background: #111;
      color: #eee;
      line-height:1.5;
      min-height: 100vh;
      position: relative;
      overflow-x: auto;
      overflow-y: auto;
    }
    a { color: #7ef; text-decoration: none; }
    a:hover { text-decoration: underline; }
    .container { width: 90%; max-width: 960px; margin: auto; padding: 2rem 0; }
    .hero {
      text-align: center;
      padding: 4rem 0;
      background-image: url('/image/snek_logo_256x256.png');
      background-size: contain;
      background-position: left center;
      background-repeat: no-repeat;
    }
    .hero h1 {
      font-size: 3rem;
      background: linear-gradient(90deg,#7ef 0%,#0fa 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      text-fill-color: transparent;
      margin-bottom: .5rem;
    }
    .hero p {
      font-size: 1.2rem;
      margin: 1rem 0 2rem;
    }
    .btn {
      display: inline-block;
      padding: .75rem 1.5rem;
      margin: .5rem;
      background: #0fa;
      color: #111; 
      font-weight: bold;
      border-radius: 4px;
      transition: background .2s;
      cursor: pointer;
    }
    .btn:hover { background: #7ef; }
    .grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
      gap: 1.5rem;
      margin-top: 2rem;
    }
    .card {
      background: #1a1a1a;
      border-radius: 6px;
      padding: 1.5rem;
      box-shadow: 0 2px 6px rgba(0,0,0,0.6);
    }
    .card h3 {
      margin-bottom: .75rem;
      color: #7ef;
      font-size: 1.25rem;
    }
    .card ul {
      list-style: disc inside;
      margin-top: .5rem;
    }
    section#signup,
    section#selfhost {
      text-align:center;
      margin:4rem 0;
    }
    section#selfhost pre {
      display:inline-block;
      background:#222;
      padding:1rem;
      border-radius:4px;
      color:#7ef;
      font-size:1rem;
      margin: 1rem 0;
      text-align: left;
      box-sizing: border-box;
    }
    footer {
      text-align: center;
      font-size: .9rem;
      padding: 2rem 0;
      color: #888;
    }
    footer code {
      background: #222;
      padding: 2px 4px;
      border-radius: 3px;
      color: #7ef;
    }
    .about-link {
      display: inline-block;
      margin: 1.5rem 0 0 0;
      color: #0fa;
      font-size: 1.05rem;
      font-weight: bold;
      text-decoration: underline;
      transition: color .2s;
    }
    .about-link:hover {
      color: #7ef;
    }
    @media (max-width: 480px) {
      .hero h1 { font-size: 2.4rem; }
      .btn { width: 100%; box-sizing: border-box; text-align:center; }
      .hero {
        background-size: 64px 64px;
        padding-left: 0;
      }
    }
  </style>
</head>
<body>
<header class="container hero">
  <h1>Snek</h1>
  <p>Professional Platform for Developers, Testers &amp; AI Professionals</p>
  <a href="/login.html" class="btn">Login</a>
  <a href="/register.html" class="btn">Register</a>
  <a href="/about.html" class="about-link">About</a>
</header>
<main class="container">
  <section id="features" class="grid">
    <div class="card">
      <h3>File Management</h3>
      <ul>
        <li>Access secure SFTP storage with your Snek credentials</li>
        <li>WebDAV integration with unified authentication</li>
      </ul>
    </div>
    <div class="card">
      <h3>Git Repository Hosting</h3>
      <ul>
        <li>Configure repositories with any official Git client</li>
        <li>Immediate setup for push and pull operations</li>
      </ul>
    </div>
    <div class="card">
      <h3>AI Integration</h3>
      <ul>
        <li>Interact with both free and commercial AI models</li>
        <li>AI-driven image generation</li>
        <li>Rapid custom AI bot deployment (example included)</li>
      </ul>
    </div>
    <div class="card">
      <h3>Development &amp; Terminal Access</h3>
      <ul>
        <li>In-browser Ubuntu terminal environment</li>
        <li>Comprehensive profile and permission management</li>
      </ul>
    </div>
    <div class="card">
      <h3>Communication &amp; Media</h3>
      <ul>
        <li>Share any file format via chat</li>
        <li>Rich media playback including audio, video, and images</li>
        <li>Direct messaging functionality</li>
      </ul>
    </div>
    <div class="card">
      <h3>Privacy &amp; Global Community</h3>
      <ul>
        <li>Zero logging—no IP or activity tracking</li>
        <li>Email-free registration process</li>
        <li>International, open community</li>
        <li>Ethical hacking and innovation encouraged</li>
      </ul>
    </div>
    <div class="card">
      <h3>Customization &amp; Deployment</h3>
      <ul>
        <li>Full layout and theme personalization</li>
        <li>Install as a PWA for mobile and desktop</li>
        <li>Self-host with <code>pip install</code>; no configuration required</li>
      </ul>
    </div>
  </section>
  <section id="signup">
    <h2>Start Now</h2>
    <p>No email. No activity logs. Register a username and access the platform immediately.</p>
    <a href="/register" class="btn">Sign Up</a>
    <br>
    <a href="/about.html" class="about-link">Learn more about Snek</a>
  </section>
  <section id="selfhost" style="margin-bottom:4rem;">
    <h2>Deploy Your Own Instance</h2>
    <p>Execute the following commands:</p>
    <pre>
pip install git+https://retoor.molodetz.nl/retoor/snek.git
snek serve
    </pre>
    <p>Deployment is immediate—no configuration is necessary.</p>
    <a href="/about.html" class="about-link">Discover the benefits of self-hosting</a>
  </section>
  {% include "sandbox.html" %}
</main>
<footer>
  <p>&copy; 2025 Snek – The premier global platform for developers, testers, and AI professionals.</p>
  <a href="/about.html" class="about-link">About Snek</a>
</footer>
</body>
</html>

