chore: update d, example, html files
This commit is contained in:
@@ -171,11 +171,31 @@
|
||||
<td><code>ai.c</code></td>
|
||||
<td>Async OpenRouter API integration, Exa semantic search</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><strong>News</strong></td>
|
||||
<td><code>news.c</code></td>
|
||||
<td>News ticker with API integration, scrolling animation, article navigation</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><strong>Autostart</strong></td>
|
||||
<td><code>autostart.c</code></td>
|
||||
<td>XDG Autostart support, .desktop file parsing, concurrent app launch</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><strong>Services</strong></td>
|
||||
<td><code>services.c</code></td>
|
||||
<td>Background service management, process lifecycle control</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><strong>Demo</strong></td>
|
||||
<td><code>demo.c</code></td>
|
||||
<td>Automated feature demonstration mode, tutorial system</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><strong>API</strong></td>
|
||||
<td><code>api.c</code></td>
|
||||
<td>WebSocket server, JSON-RPC command handler, remote control interface</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><strong>Util</strong></td>
|
||||
<td><code>util.c</code></td>
|
||||
|
||||
+14
-14
@@ -134,27 +134,27 @@ decorations = true</code></pre>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td><code>border_width</code></td>
|
||||
<td><code>2</code></td>
|
||||
<td><code>0</code></td>
|
||||
<td>0-50</td>
|
||||
<td>Window border width in pixels</td>
|
||||
<td>Window border width in pixels (0 for seamless design)</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><code>title_height</code></td>
|
||||
<td><code>24</code></td>
|
||||
<td><code>28</code></td>
|
||||
<td>0-100</td>
|
||||
<td>Title bar height in pixels</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><code>panel_height</code></td>
|
||||
<td><code>28</code></td>
|
||||
<td><code>32</code></td>
|
||||
<td>0-100</td>
|
||||
<td>Top/bottom panel height</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><code>gap</code></td>
|
||||
<td><code>4</code></td>
|
||||
<td><code>0</code></td>
|
||||
<td>0-100</td>
|
||||
<td>Gap between tiled windows</td>
|
||||
<td>Gap between tiled windows (0 for edge-to-edge tiling)</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><code>font</code></td>
|
||||
@@ -170,11 +170,11 @@ decorations = true</code></pre>
|
||||
<button class="copy-btn" onclick="copyCode(this)">Copy</button>
|
||||
</div>
|
||||
<pre><code>[appearance]
|
||||
border_width = 2
|
||||
border_width = 0
|
||||
title_height = 28
|
||||
panel_height = 32
|
||||
gap = 8
|
||||
font = DejaVu Sans-10</code></pre>
|
||||
gap = 0
|
||||
font = fixed</code></pre>
|
||||
<h2 id="layout" style="margin-top: 3rem;">[layout] - Layout Behavior</h2>
|
||||
<p style="color: var(--text-muted); margin-bottom: 1.5rem;">
|
||||
Configure the default layout mode and tiling parameters.
|
||||
@@ -489,11 +489,11 @@ focus_mode = click
|
||||
focus_follow_delay = 100
|
||||
decorations = true
|
||||
[appearance]
|
||||
border_width = 2
|
||||
title_height = 24
|
||||
panel_height = 28
|
||||
gap = 6
|
||||
font = DejaVu Sans-10
|
||||
border_width = 0
|
||||
title_height = 28
|
||||
panel_height = 32
|
||||
gap = 0
|
||||
font = fixed
|
||||
[layout]
|
||||
default = tiling
|
||||
master_ratio = 0.55
|
||||
|
||||
+32
-3
@@ -131,12 +131,24 @@
|
||||
</p>
|
||||
<h3>Window Decorations</h3>
|
||||
<p>
|
||||
Each window has a title bar showing its name. The title bar color indicates focus:
|
||||
DWN features a professional borderless design for maximum screen utilization:
|
||||
</p>
|
||||
<ul>
|
||||
<li><strong>Blue title bar</strong> - Focused window</li>
|
||||
<li><strong>Gray title bar</strong> - Unfocused window</li>
|
||||
<li><strong>0px borders</strong> - No visible borders around windows</li>
|
||||
<li><strong>0px gaps</strong> - Windows tile edge-to-edge without spacing</li>
|
||||
<li><strong>28px title bars</strong> - Minimal height showing window name and controls</li>
|
||||
</ul>
|
||||
<p>
|
||||
The title bar color indicates focus:
|
||||
</p>
|
||||
<ul>
|
||||
<li><strong>Bright title bar</strong> - Focused window</li>
|
||||
<li><strong>Dim title bar</strong> - Unfocused window</li>
|
||||
</ul>
|
||||
<p>
|
||||
This seamless design creates a smooth, professional appearance where content takes
|
||||
center stage. All settings can be customized in <code>~/.config/dwn/config</code>.
|
||||
</p>
|
||||
<h2 id="tutorial">Interactive Tutorial</h2>
|
||||
<p>
|
||||
DWN includes a built-in interactive tutorial that teaches you essential shortcuts
|
||||
@@ -152,6 +164,23 @@
|
||||
<h3>Start the Tutorial</h3>
|
||||
<p>Press <kbd>Super</kbd> + <kbd>T</kbd> at any time to start or resume the tutorial.</p>
|
||||
</div>
|
||||
<h2 id="demo">Demo Mode</h2>
|
||||
<p>
|
||||
DWN includes an automated demo mode that showcases all features without requiring
|
||||
any interaction. The demo:
|
||||
</p>
|
||||
<ul>
|
||||
<li>Automatically demonstrates window management operations</li>
|
||||
<li>Shows workspace switching and layout changes</li>
|
||||
<li>Highlights panel features and system tray widgets</li>
|
||||
<li>Demonstrates AI integration capabilities (if configured)</li>
|
||||
<li>Displays the complete keyboard shortcut reference</li>
|
||||
</ul>
|
||||
<div class="card">
|
||||
<h3>Start Demo Mode</h3>
|
||||
<p>Press <kbd>Super</kbd> + <kbd>Shift</kbd> + <kbd>D</kbd> to start the demo.
|
||||
Press the same shortcut again to stop it at any time.</p>
|
||||
</div>
|
||||
<h2 id="windows">Managing Windows</h2>
|
||||
<h3>Window Operations</h3>
|
||||
<div class="table-wrapper">
|
||||
|
||||
+16
-1
@@ -63,7 +63,7 @@
|
||||
<li>Adjustable master area ratio (0.1 - 0.9)</li>
|
||||
<li>Multiple windows in master area</li>
|
||||
<li>Smart stack arrangement</li>
|
||||
<li>Configurable gaps between windows</li>
|
||||
<li>Seamless borderless design (0px borders, 0px gaps)</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="card">
|
||||
@@ -94,6 +94,21 @@
|
||||
<p style="margin: 0;">Switch layouts instantly with <kbd>Super</kbd> + <kbd>Space</kbd>.
|
||||
Your window arrangement is preserved when switching back.</p>
|
||||
</div>
|
||||
<h3 style="margin-top: 3rem; margin-bottom: 1.5rem;">Borderless Design</h3>
|
||||
<div class="card">
|
||||
<p>DWN employs a professional, seamless aesthetic with zero window borders and zero gaps:</p>
|
||||
<ul style="margin-top: 1rem; padding-left: 1.25rem; color: var(--text-muted);">
|
||||
<li><strong>0px borders</strong> - No visible borders around windows</li>
|
||||
<li><strong>0px gaps</strong> - Windows tile edge-to-edge without spacing</li>
|
||||
<li><strong>28px title bars</strong> - Minimal height for window controls</li>
|
||||
<li><strong>Maximum screen utilization</strong> - Every pixel counts</li>
|
||||
</ul>
|
||||
<p style="margin-top: 1rem; color: var(--text-muted);">
|
||||
This creates a smooth, professional appearance where content takes center stage. The focus
|
||||
remains on your work, not on window decorations. All settings are configurable via
|
||||
<code>~/.config/dwn/config</code> if you prefer different values.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="section section-alt">
|
||||
|
||||
+20
-1
@@ -45,7 +45,8 @@
|
||||
<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. Fast, flexible, and fully featured.
|
||||
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>
|
||||
@@ -109,6 +110,24 @@
|
||||
<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">📰</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">🎓</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">📐</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>
|
||||
|
||||
Reference in New Issue
Block a user