dqj/amipro-home
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

ContextWizard landing page done

Browse Source
This commit is contained in:
qingjie.du
2025-11-23 16:08:21 +09:00
parent 531021ff6d
commit e0fe7b8c09
6 changed files with 425 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
contextwizard_top.html
View File

@@ -236,7 +236,7 @@
<section class="hero reveal">
<div class="hero__text" data-animate>
<span class="hero__badge"><i class="bx bx-bot"></i> ContextWizard</span>
<h1 class="hero__title">Never lose an AI conversation again.</h1>
<h1 class="hero__title">Unleash the power of every AI platform — all in one place.</h1>
<p class="hero__lead">
Harness each assistant's strengths, one-click backup or migrate every thread, and start immediately with zero configuration.
</p>
@@ -245,6 +245,14 @@
<li><i class="bx bx-check-circle"></i>Automatic capture across your favorite AI chat platforms</li>
<li><i class="bx bx-check-circle"></i>Search, filter, and relaunch chats instantly</li>
</ul>
<div style="margin-top: 2rem; display: flex; flex-wrap: wrap; gap: 1rem;">
<a href="contextwizard_install.html" class="btn btn-primary" style="min-width: 200px;">
<i class="bx bx-download me-1"></i>Install Manually
</a>
<a href="https://www.youtube.com/watch?v=RKBZ2g4WjbU" class="btn btn-outline-primary" style="min-width: 200px;" target="_blank">
<i class="bx bx-play-circle me-1"></i>Watch Video
</a>
</div>
</div>
<div class="hero__media" data-animate>
<div class="hero__orb"></div>
@@ -340,19 +348,7 @@
</article>
</div>
<section class="card mb-4 mt-5 reveal" data-animate>
<div class="card-body">
<h3 class="card-title" style="margin-bottom: 1rem;">How capturing works</h3>
<p>
ContextWizard watches the DOM of supported AI chat pages with lightweight MutationObservers, extracts each assistant/user message via platform-optimized selectors, and stores condensed transcripts in Chrome storage. Debouncing keeps your archive tidy, while the overlay indicator shows when a session is recording.
</p>
<ul class="checklist" style="margin-top: 1rem;">
<li><i class="bx bx-check-circle"></i>Works with tabs you actively view—no background scraping.</li>
<li><i class="bx bx-check-circle"></i>Landing pages (e.g., Gemini /app) are skipped until a unique conversation URL appears.</li>
<li><i class="bx bx-check-circle"></i>All saved data lives in <code>chrome.storage.local</code> unless you export it.</li>
</ul>
</div>
</section>
<hr class="my-1" />
<section class="card mb-4 reveal" data-animate>
<div class="row g-0 align-items-center">