<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width,initial-scale=1" />
  <title>About – Snek Web Community</title>
  <meta name="description" content="Snek is a privacy-centric web community platform engineered for reliability, security, and professional-grade design." />
  <link rel="stylesheet" href="/sandbox.css" />
  <style>
    * { margin:0; padding:0; box-sizing:border-box; }
    html, body { height: 100%; }
    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;
      display: flex;
      flex-direction: column;
      min-height: 100vh;
    }
    a { color: #7ef; text-decoration: none; }
    a:hover { text-decoration: underline; }
    .container { width: 90%; max-width: 800px; margin: auto; padding: 2rem 0; }
    .about-hero {
      text-align: center;
      padding: 3rem 0 2rem 0;
    }
    .about-hero h1 {
      font-size: 2.5rem;
      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;
    }
    .about-hero img {
      width: 80px;
      height: 80px;
      margin-bottom: 1rem;
    }
    .section {
      background: #181818;
      border-radius: 6px;
      padding: 2rem;
      margin-bottom: 2rem;
      box-shadow: 0 2px 8px rgba(0,0,0,0.3);
    }
    .section h2 {
      color: #7ef;
      margin-bottom: 1rem;
    }
    .section p, .section ul {
      margin-bottom: 1rem;
    }
    .section ul {
      list-style: disc inside;
    }
    .topnav {
      width: 100%;
      background: #181818;
      box-shadow: 0 2px 8px rgba(0,0,0,0.28);
      padding: 0.6rem 0;
      margin-bottom: 2rem;
    }
    .topnav .container {
      display: flex;
      align-items: center;
      justify-content: flex-start;
      padding: 0;
    }
    .topnav a {
      color: #7ef;
      font-weight: 600;
      font-size: 1.05rem;
      padding: 0.5rem 1rem;
      border-radius: 4px;
      margin-right: 0.35rem;
      transition: background 0.14s;
      text-decoration: none;
      display: inline-block;
    }
    .topnav a:hover, .topnav a.active {
      background: #222b;
      text-decoration: underline;
    }
    .topnav .home-link {
      display: flex;
      align-items: center;
      gap: 0.4em;
      font-size: 1.1rem;
      font-weight: bold;
      letter-spacing: 0.02em;
    }
    .topnav .home-link img {
      width: 28px;
      height: 28px;
      margin: 0 0.1em 0 0;
      vertical-align: middle;
      border-radius: 5px;
      background: #222;
    }
    @media (max-width: 480px) {
      .about-hero h1 { font-size: 2rem; }
      .about-hero img { width: 48px; height: 48px; }
      .section { padding: 1rem; }
      .topnav .container {
        flex-direction: column;
        align-items: flex-start;
      }
      .topnav a {
        padding: 0.5rem 0.7rem;
        font-size: 1rem;
        margin-bottom: 0.15rem;
      }
      .topnav .home-link img {
        width: 22px; height: 22px;
      }
    }
    footer {
      width: 100%;
      background: #181818;
      color: #aaa;
      text-align: center;
      padding: 1.4rem 0 1.3rem 0;
      font-size: 1.01rem;
      letter-spacing: 0.01em;
      margin-top: auto;
      box-shadow: 0 -1px 8px rgba(0,0,0,0.22);
    }
    @media (max-width: 480px) {
      footer {
        font-size: 0.97rem;
        padding: 1rem 0 0.9rem 0;
      }
    }
  </style>
</head>
<body>
  <nav class="topnav">
    <div class="container">
      <a class="home-link" href="/">
        <img src="/image/snek_logo_256x256.png" alt="Snek Home Logo" />
        Snek Community
      </a>
    </div>
  </nav>
  <header class="container about-hero">
    <img src="/image/snek_logo_256x256.png" alt="Snek Logo" />
    <h1>About Snek</h1>
    <p>Snek is engineered for professionals who demand reliability, uncompromising security, and mature, clean design. This is a platform for those who expect seamless functionality and consistent results.</p>
  </header>
  <main class="container">
    <section class="section">
      <h2>What is Snek?</h2>
      <p>
        Snek is a privacy-driven web community and collaboration platform built with rigorous attention to reliability and operational clarity. Security, stability, and ease of use are foundational—there is no tolerance for unnecessary complexity or distractions.
      </p>
      <p>
        Onboarding is immediate: connect via WebDAV (<strong>davs://molodetz.online/webdav</strong>) or SFTP (<strong>sftp://molodetz.online:2242</strong>) using your Snek-issued credentials. Storage policies are governed by fair-use principles and subject to moderation to ensure operational integrity.
      </p>
      <p>
        Repository management is centralized via user settings. Message editing is purposefully disabled by default to preserve communication fidelity and accountability.
      </p>
      <p>
        The platform leverages <strong>aiohttp</strong> for high-performance asynchronous operations, coupled with a bespoke ORM ensuring data integrity and consistency. All validation is centralized for maximum efficiency. Deployment is streamlined—single-command provisioning and full Docker support are standard. <strong>SQLite</strong> is the default database for simplicity, with <strong>PostgreSQL</strong> available for advanced requirements.
      </p>
      <p>
        The frontend employs vanilla JavaScript exclusively, guaranteeing a lightweight, high-speed user experience with minimal maintenance overhead. Key features include real-time typing indicators, integrated web bash terminal, Markdown support, and server-side rendering for optimal performance. Snek exists to address the growing disregard for privacy and trust in mainstream platforms—here, these are non-negotiable standards.
      </p>
    </section>
    <section class="section">
      <h2>Why does Snek exist?</h2>
      <p>
        Leading chat platforms routinely prioritize data exploitation, restrictive ecosystems, or inflated costs. Snek takes a disciplined, user-focused approach: privacy is uncompromised, the feature set is purposeful, and superfluous elements are eliminated.
      </p>
      <p>
        Snek was established in direct response to industry trends—RocketChat’s commercial pivot, Slack’s proprietary and expensive model, and Teams’ account lock-in and administrative burden. Snek is for those who require autonomy and technical transparency.
      </p>
    </section>
    <section class="section">
      <h2>Design Principles</h2>
      <ul>
        <li><strong>Privacy as Policy:</strong> No email required. No invasive logging. Expedited, secure registration. Your data remains exclusively yours.</li>
        <li><strong>Open Source Commitment:</strong> Complete code transparency. Deploy your own Snek instance or contribute to the ecosystem.</li>
        <li><strong>Engineering Rigor:</strong> No tolerance for bloat. All code is scrutinized for efficiency and security.</li>
        <li><strong>Protocol Flexibility:</strong> Native compatibility with WebDAV, SFTP, and other open standards. Vendor lock-in is categorically rejected.</li>
        <li><strong>Lean Architecture:</strong> Both backend and frontend are optimized for speed and resource efficiency.</li>
      </ul>
    </section>
    <section class="section">
      <h2>How is Snek Different?</h2>
      <p>
        Snek is a rigorously engineered, dependable platform designed for organizations and individuals who require transparency and predictability. There is no user tracking, analytics, or marketing—ever.
      </p>
      <p>
        Feature additions are strictly merit-based: only those that deliver measurable value and meet high standards of reliability are integrated. The focus is on sustained, long-term utility.
      </p>
    </section>
    <section class="section">
      <h2>Mission Statement</h2>
      <p>
        Snek’s mandate is to deliver robust, private communication and collaboration tools for professionals and discerning users. Our values: unwavering privacy, adherence to open standards, and uncompromising engineering discipline. Snek serves builders, technical leaders, and anyone seeking authoritative control over their digital environment.
      </p>
      <p>
        We uphold transparency, foster direct and thoughtful dialogue, and maintain a strictly professional atmosphere. Clear communication and constructive collaboration are non-negotiable.
      </p>
    </section>
  </main>
  <footer>
    <p>&copy; 2025 Snek – Engineered for business. Secure, resilient, and built for those who demand professional-grade software.</p>
  </footer>
    {% include "sandbox.html" %}
</body>
</html>

