dwn/index.html at master

 <!DOCTYPE html>
 <html lang="en">
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="description" content="DWN - A modern, production-ready X11 window manager with XFCE-like functionality and optional AI integration.">
     <meta name="keywords" content="window manager, X11, Linux, tiling, floating, EWMH, AI, productivity">
     <title>DWN Window Manager - Modern X11 Window Management</title>
     <link rel="stylesheet" href="css/style.css">
 </head>
 <body>
     <header>
         <nav>
             <a href="index.html" class="logo">
                 <span class="logo-icon">D</span>
                 <span>DWN</span>
             </a>
             <ul class="nav-links">
                 <li><a href="index.html" class="active">Home</a></li>
                 <li><a href="features.html">Features</a></li>
                 <li><a href="installation.html">Install</a></li>
                 <li class="dropdown">
                     <a href="documentation.html">Docs</a>
                     <div class="dropdown-menu">
                         <a href="documentation.html">Getting Started</a>
                         <a href="shortcuts.html">Keyboard Shortcuts</a>
                         <a href="configuration.html">Configuration</a>
                         <a href="ai-features.html">AI Features</a>
                         <a href="architecture.html">Architecture</a>
                         <a href="design-patterns.html">Design Patterns</a>
                     </div>
                 </li>
                 <li><a href="https://retoor.molodetz.nl/retoor/dwn">Git</a></li>
             </ul>
             <div class="nav-toggle" onclick="toggleNav()">
                 <span></span>
                 <span></span>
                 <span></span>
             </div>
         </nav>
     </header>
     <main>
         <section class="hero">
             <div class="container hero-content">
                 <h1>Modern Window Management for X11</h1>
                 <p class="subtitle">
                     DWN is a production-ready window manager written in ANSI C with XFCE-like functionality,
                     powerful tiling layouts, and optional AI integration. Seamless borderless design, zero gaps,
                     and professional appearance. Fast, flexible, and fully featured.
                 </p>
                 <div class="hero-buttons">
                     <a href="installation.html" class="btn btn-primary btn-lg">Get Started</a>
                     <a href="features.html" class="btn btn-secondary btn-lg">Explore Features</a>
                 </div>
             </div>
         </section>
         <section class="section">
             <div class="container">
                 <h2 style="text-align: center; margin-bottom: 1rem;">Why Choose DWN?</h2>
                 <p style="text-align: center; color: var(--text-muted); max-width: 600px; margin: 0 auto 3rem;">
                     DWN combines the simplicity of traditional floating window managers with the productivity
                     of tiling layouts, all wrapped in a modern, customizable package.
                 </p>
                 <div class="features-grid">
                     <div class="feature-card">
                         <div class="feature-icon">&#9776;</div>
                         <h3>Multiple Layouts</h3>
                         <p>Switch seamlessly between tiling, floating, and monocle layouts.
                            Resize master areas and organize windows exactly how you work.</p>
                     </div>
                     <div class="feature-card">
                         <div class="feature-icon">&#9881;</div>
                         <h3>9 Workspaces</h3>
                         <p>Organize your workflow across 9 virtual desktops with per-workspace
                            state. Move windows between workspaces with a single keystroke.</p>
                     </div>
                     <div class="feature-card">
                         <div class="feature-icon">&#127912;</div>
                         <h3>Fully Customizable</h3>
                         <p>INI-style configuration with extensive theming options. Customize colors,
                            fonts, borders, gaps, and behavior to match your style.</p>
                     </div>
                     <div class="feature-card">
                         <div class="feature-icon">&#128161;</div>
                         <h3>AI Integration</h3>
                         <p>Optional AI command palette and semantic web search. Control your desktop
                            with natural language and get intelligent suggestions.</p>
                     </div>
                     <div class="feature-card">
                         <div class="feature-icon">&#128172;</div>
                         <h3>Extensible API</h3>
                         <p>Real-time WebSocket interface for programmatic control. Build custom
                            dashboards, mobile remotes, and automated workflows.</p>
                     </div>
                     <div class="feature-card">
                         <div class="feature-icon">&#128276;</div>
                         <h3>Notification Daemon</h3>
                         <p>Built-in D-Bus notification support following freedesktop.org standards.
                            No need for external notification daemons.</p>
                     </div>
                     <div class="feature-card">
                         <div class="feature-icon">&#128187;</div>
                         <h3>System Tray</h3>
                         <p>XEmbed protocol for external app icons (Telegram, Bluetooth, etc.) plus
                            built-in battery, volume, and WiFi widgets with interactive controls.</p>
                     </div>
                     <div class="feature-card">
                         <div class="feature-icon">&#9889;</div>
                         <h3>XDG Autostart</h3>
                         <p>Automatic startup of system services and tray applications following the
                            XDG Autostart spec. Works with nm-applet, blueman, and more.</p>
                     </div>
                     <div class="feature-card">
                         <div class="feature-icon">&#128240;</div>
                         <h3>News Ticker</h3>
                         <p>Real-time news feed with scrolling article titles in the panel. Press
                            Super+Return to open the current article in your browser.</p>
                     </div>
                     <div class="feature-card">
                         <div class="feature-icon">&#127891;</div>
                         <h3>Interactive Learning</h3>
                         <p>Built-in tutorial system (Super+T) guides you through keyboard shortcuts.
                            Demo mode (Super+Shift+D) showcases all features automatically.</p>
                     </div>
                     <div class="feature-card">
                         <div class="feature-icon">&#128208;</div>
                         <h3>Borderless Design</h3>
                         <p>Zero window borders and zero gaps for a seamless, professional appearance.
                            Windows tile edge-to-edge for maximum screen utilization.</p>
                     </div>
                 </div>
             </div>
         </section>
         <section class="section section-alt">
             <div class="container">
                 <div class="stats">
                     <div class="stat-item">
                         <h3>~15K</h3>
                         <p>Lines of Pure C</p>
                     </div>
                     <div class="stat-item">
                         <h3>0</h3>
                         <p>Runtime Dependencies</p>
                     </div>
                     <div class="stat-item">
                         <h3>&lt;5MB</h3>
                         <p>Memory Footprint</p>
                     </div>
                     <div class="stat-item">
                         <h3>43+</h3>
                         <p>Keyboard Shortcuts</p>
                     </div>
                 </div>
             </div>
         </section>
         <section class="section">
             <div class="container">
                 <h2 style="text-align: center;">Get Up and Running in Minutes</h2>
                 <p style="text-align: center; color: var(--text-muted); max-width: 600px; margin: 0 auto 3rem;">
                     DWN is designed for easy installation and immediate productivity.
                     Build from source or use your distribution's package manager.
                 </p>
                 <div class="card" style="max-width: 700px; margin: 0 auto;">
                     <div class="code-header">
                         <span>Terminal</span>
                         <button class="copy-btn" onclick="copyCode(this)">Copy</button>
                     </div>
                     <pre><code># Clone the repository
 git clone https://retoor.molodetz.nl/retoor/dwn.git
 cd dwn
 # Install dependencies (auto-detects your distro)
 make deps
 # Build and install
 make
 sudo make install
 # Add to your .xinitrc
 echo "exec dwn" >> ~/.xinitrc</code></pre>
                 </div>
                 <p style="text-align: center; margin-top: 2rem;">
                     <a href="installation.html" class="btn btn-primary">Full Installation Guide</a>
                 </p>
             </div>
         </section>
         <section class="section section-alt">
             <div class="container">
                 <h2 style="text-align: center;">See DWN in Action</h2>
                 <p style="text-align: center; color: var(--text-muted); max-width: 600px; margin: 0 auto 3rem;">
                     A clean, modern interface that stays out of your way while providing everything you need.
                 </p>
                 <div class="screenshot-grid">
                     <div class="screenshot">
                         <div class="screenshot-placeholder">
                             [Tiling Layout with Terminal and Editor]
                         </div>
                         <div class="screenshot-caption">Master-stack tiling layout perfect for development</div>
                     </div>
                     <div class="screenshot">
                         <div class="screenshot-placeholder">
                             [System Tray and Notifications]
                         </div>
                         <div class="screenshot-caption">Integrated system tray with volume and WiFi controls</div>
                     </div>
                     <div class="screenshot">
                         <div class="screenshot-placeholder">
                             [AI Command Palette]
                         </div>
                         <div class="screenshot-caption">AI-powered command palette for natural language control</div>
                     </div>
                     <div class="screenshot">
                         <div class="screenshot-placeholder">
                             [WebSocket API Dashboard]
                         </div>
                         <div class="screenshot-caption">Real-time WebSocket API for custom integrations</div>
                     </div>
                 </div>
             </div>
         </section>
         <section class="section">
             <div class="container">
                 <h2 style="text-align: center;">How DWN Compares</h2>
                 <p style="text-align: center; color: var(--text-muted); max-width: 600px; margin: 0 auto 3rem;">
                     DWN bridges the gap between minimal tiling managers and full desktop environments.
                 </p>
                 <div class="comparison">
                     <div class="comparison-card">
                         <h3>Minimal Tiling WMs</h3>
                         <p style="color: var(--text-muted);">dwm, i3, bspwm</p>
                         <ul>
                             <li>Lightweight and fast</li>
                             <li>Keyboard-driven workflow</li>
                             <li>Highly customizable</li>
                             <li>Steep learning curve</li>
                             <li>Requires additional tools</li>
                         </ul>
                     </div>
                     <div class="comparison-card featured">
                         <h3>DWN</h3>
                         <p style="color: var(--text-muted);">Best of both worlds</p>
                         <ul>
                             <li>Lightweight and fast</li>
                             <li>Keyboard-driven workflow</li>
                             <li>Highly customizable</li>
                             <li>Interactive tutorial</li>
                             <li>Built-in panels and systray</li>
                             <li>AI integration optional</li>
                             <li>Notification daemon included</li>
                         </ul>
                     </div>
                     <div class="comparison-card">
                         <h3>Desktop Environments</h3>
                         <p style="color: var(--text-muted);">XFCE, GNOME, KDE</p>
                         <ul>
                             <li>Feature complete</li>
                             <li>User-friendly</li>
                             <li>Heavy resource usage</li>
                             <li>Less customizable</li>
                             <li>Slower performance</li>
                         </ul>
                     </div>
                 </div>
             </div>
         </section>
         <section class="section">
             <div class="container" style="text-align: center;">
                 <h2>Ready to Try DWN?</h2>
                 <div class="hero-buttons" style="justify-content: center;">
                     <a href="installation.html" class="btn btn-primary btn-lg">Install DWN</a>
                     <a href="documentation.html" class="btn btn-secondary btn-lg">Read the Docs</a>
                 </div>
             </div>
         </section>
     </main>
     <footer>
         <div class="container">
             <div class="footer-grid">
                 <div class="footer-section">
                     <h4>DWN Window Manager</h4>
                     <p style="color: var(--text-muted);">
                         A modern, production-ready X11 window manager with XFCE-like
                         functionality and optional AI integration.
                     </p>
                 </div>
                 <div class="footer-section">
                     <h4>Documentation</h4>
                     <ul>
                         <li><a href="documentation.html">Getting Started</a></li>
                         <li><a href="shortcuts.html">Keyboard Shortcuts</a></li>
                         <li><a href="configuration.html">Configuration</a></li>
                         <li><a href="architecture.html">Architecture</a></li>
                         <li><a href="design-patterns.html">Design Patterns</a></li>
                     </ul>
                 </div>
                 <div class="footer-section">
                     <h4>Resources</h4>
                     <ul>
                         <li><a href="features.html">Features</a></li>
                         <li><a href="installation.html">Installation</a></li>
                         <li><a href="ai-features.html">AI Integration</a></li>
                         <li><a href="https://retoor.molodetz.nl/retoor/dwn">Git</a></li>
                     </ul>
                 </div>
                 <div class="footer-section">
                     <h4>Community</h4>
                     <ul>
                         <li><a href="https://retoor.molodetz.nl/retoor/dwn/issues">Issue Tracker</a></li>
                         <li><a href="https://retoor.molodetz.nl/retoor/dwn/discussions">Discussions</a></li>
                         <li><a href="https://retoor.molodetz.nl/retoor/dwn/blob/main/CONTRIBUTING.md">Contributing</a></li>
                         <li><a href="https://retoor.molodetz.nl/retoor/dwn/blob/main/LICENSE">License (MIT)</a></li>
                     </ul>
                 </div>
             </div>
             <div class="footer-bottom">
                 <p>DWN Window Manager by retoor &lt;retoor@molodetz.nl&gt; - MIT License</p>
             </div>
         </div>
     </footer>
     <script src="js/main.js"></script>
 </body>
 </html>