ben/ben.de-roo.org
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update install/index.html

Browse Source
This commit is contained in:
Ben de Roo
2026-02-21 10:47:25 +01:00
parent 970370bc20
commit 810dd37de2
1 changed files with 79 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

98
install/index.html
View File

@@ -1,3 +1,4 @@
<!DOCTYPE html>
<html lang="en">
<head>
@@ -487,8 +488,8 @@
</div>
<!-- Green separator line -->
<div id="greenLine" style="padding:0 16px;font-family:'JetBrains Mono',monospace;font-size:13px;color:#22c55e;user-select:none;opacity:0;transition:opacity 0.3s;">
<span>-----------------------------------------------------------------------------------------------</span>
<div id="greenLine" style="padding:0 16px;font-family:'JetBrains Mono',monospace;font-size:13px;color:#22c55e;user-select:none;opacity:0;transition:opacity 0.3s;overflow:hidden;">
<span style="display:block;width:100%;border-bottom:1px dashed #22c55e;line-height:0;height:0;"></span>
</div>
<!-- Input area -->
@@ -557,35 +558,92 @@
<section id="compatibility">
<div class="container fade-in">
<div class="section-label">// compatibility</div>
<h2 class="section-title">Good for Linux users</h2>
<p class="section-desc">And kinda for Windows</p>
<h2 class="section-title">Platform support</h2>
<p class="section-desc">Built primarily for Linux terminals, with growing support for other platforms.</p>
<div class="docs-grid">
<div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;">
<div class="doc-card">
<div class="doc-card-header">
<h3>Linux</h3>
<!-- Linux -->
<div class="feature-card" style="border-color:rgba(34,197,94,0.3);">
<div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;">
<div style="display:flex;align-items:center;gap:12px;">
<div class="feature-icon">
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#22c55e" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2z"/><path d="M8 14s1.5 2 4 2 4-2 4-2"/><circle cx="9" cy="10" r="1" fill="#22c55e"/><circle cx="15" cy="10" r="1" fill="#22c55e"/></svg>
</div>
<h3 style="font-size:16px;font-weight:600;">Linux</h3>
</div>
<span style="font-family:'JetBrains Mono',monospace;font-size:11px;padding:4px 10px;border-radius:999px;background:rgba(34,197,94,0.15);color:#22c55e;border:1px solid rgba(34,197,94,0.25);font-weight:600;">FULLY SUPPORTED</span>
</div>
<p style="font-size:14px;color:var(--text-dim);line-height:1.6;margin-bottom:16px;">First-class support. All features work out of the box including ANSI colors, readline, and autofill.</p>
<div style="display:flex;flex-direction:column;gap:8px;">
<div style="display:flex;align-items:center;gap:8px;font-size:13px;">
<svg width="14" height="14" viewBox="0 0 16 16" fill="none" stroke="#22c55e" stroke-width="2"><path d="M3 8.5l3.5 3.5L13 4.5"/></svg>
<span style="color:var(--text-dim);">Full ANSI color support</span>
</div>
<div style="display:flex;align-items:center;gap:8px;font-size:13px;">
<svg width="14" height="14" viewBox="0 0 16 16" fill="none" stroke="#22c55e" stroke-width="2"><path d="M3 8.5l3.5 3.5L13 4.5"/></svg>
<span style="color:var(--text-dim);">Readline & autofill</span>
</div>
<div style="display:flex;align-items:center;gap:8px;font-size:13px;">
<svg width="14" height="14" viewBox="0 0 16 16" fill="none" stroke="#22c55e" stroke-width="2"><path d="M3 8.5l3.5 3.5L13 4.5"/></svg>
<span style="color:var(--text-dim);">Tested & verified</span>
</div>
<div class="doc-card-body">
<p>Fully tested for Linux. Works great in terminal environments.</p>
</div>
</div>
<div class="doc-card">
<div class="doc-card-header">
<h3>Windows</h3>
<!-- Windows -->
<div class="feature-card" style="border-color:rgba(234,179,8,0.3);">
<div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;">
<div style="display:flex;align-items:center;gap:12px;">
<div class="feature-icon" style="background:rgba(234,179,8,0.15);">
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#eab308" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="8" height="8" rx="1"/><rect x="13" y="3" width="8" height="8" rx="1"/><rect x="3" y="13" width="8" height="8" rx="1"/><rect x="13" y="13" width="8" height="8" rx="1"/></svg>
</div>
<h3 style="font-size:16px;font-weight:600;">Windows</h3>
</div>
<span style="font-family:'JetBrains Mono',monospace;font-size:11px;padding:4px 10px;border-radius:999px;background:rgba(234,179,8,0.15);color:#eab308;border:1px solid rgba(234,179,8,0.25);font-weight:600;">PARTIAL</span>
</div>
<p style="font-size:14px;color:var(--text-dim);line-height:1.6;margin-bottom:16px;">Works with modifications. The readline module and autofill function need to be adjusted for Windows compatibility.</p>
<div style="display:flex;flex-direction:column;gap:8px;">
<div style="display:flex;align-items:center;gap:8px;font-size:13px;">
<svg width="14" height="14" viewBox="0 0 16 16" fill="none" stroke="#22c55e" stroke-width="2"><path d="M3 8.5l3.5 3.5L13 4.5"/></svg>
<span style="color:var(--text-dim);">Core chat functionality</span>
</div>
<div style="display:flex;align-items:center;gap:8px;font-size:13px;">
<svg width="14" height="14" viewBox="0 0 16 16" fill="none" stroke="#eab308" stroke-width="2"><path d="M8 3v6M8 12v1"/></svg>
<span style="color:var(--text-dim);">Readline needs <a href="https://ben.de-roo.org/install/Windows" class="green-link" style="color:#eab308;">pyreadline3</a></span>
</div>
<div style="display:flex;align-items:center;gap:8px;font-size:13px;">
<svg width="14" height="14" viewBox="0 0 16 16" fill="none" stroke="#eab308" stroke-width="2"><path d="M8 3v6M8 12v1"/></svg>
<span style="color:var(--text-dim);">Autofill needs adjustment</span>
</div>
<div class="doc-card-body">
<p>Mostly compatible, but requires changes to the Readline and autofill function.</p>
</div>
</div>
<div class="doc-card">
<div class="doc-card-header">
<h3>macOS</h3>
<!-- macOS -->
<div class="feature-card" style="border-color:rgba(100,116,139,0.3);">
<div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;">
<div style="display:flex;align-items:center;gap:12px;">
<div class="feature-icon" style="background:rgba(100,116,139,0.15);">
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#94a3b8" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2z"/><path d="M9 9h6v6H9z"/></svg>
</div>
<h3 style="font-size:16px;font-weight:600;">macOS</h3>
</div>
<span style="font-family:'JetBrains Mono',monospace;font-size:11px;padding:4px 10px;border-radius:999px;background:rgba(100,116,139,0.15);color:#94a3b8;border:1px solid rgba(100,116,139,0.25);font-weight:600;">UNTESTED</span>
</div>
<p style="font-size:14px;color:var(--text-dim);line-height:1.6;margin-bottom:16px;">Should work since macOS has a Unix-based terminal, but it hasn't been tested yet. Community feedback is welcome!</p>
<div style="display:flex;flex-direction:column;gap:8px;">
<div style="display:flex;align-items:center;gap:8px;font-size:13px;">
<svg width="14" height="14" viewBox="0 0 16 16" fill="none" stroke="#64748b" stroke-width="2"><path d="M8 3v6M8 12v1"/></svg>
<span style="color:var(--text-dim);">Likely compatible (Unix-based)</span>
</div>
<div style="display:flex;align-items:center;gap:8px;font-size:13px;">
<svg width="14" height="14" viewBox="0 0 16 16" fill="none" stroke="#64748b" stroke-width="2"><path d="M8 3v6M8 12v1"/></svg>
<span style="color:var(--text-dim);">Needs community testing</span>
</div>
<div style="display:flex;align-items:center;gap:8px;font-size:13px;">
<svg width="14" height="14" viewBox="0 0 16 16" fill="none" stroke="#64748b" stroke-width="2"><path d="M8 3v6M8 12v1"/></svg>
<span style="color:var(--text-dim);">Open an issue to report results</span>
</div>
<div class="doc-card-body">
<p>Not tested due to not having a mac (I am broke) </p>
</div>
</div>