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

feat: add static HTML content for GEO

Browse Source 
- merits.html: Passkey vs Password security comparison table
- passkey.html: How Passkeys Work steps and business benefits
- fido2_top.html: Why Choose amiPro Passkey Hub section
- contextwizard_top.html: What is ContextWizard section
- contextwizard_install.html: What You Get After Installation section
This commit is contained in:
qingjie.du
2026-06-21 12:23:18 +09:00
parent efef260de6
commit d06b4cf629
2 changed files with 894 additions and 185 deletions
Download Patch File Download Diff File Expand all files Collapse all files

423
contextwizard_install.html
View File

@@ -11,6 +11,44 @@
content="Step-by-step instructions to install the ContextWizard browser extension in Chrome, Edge, and other Chromium-based browsers."
/>
<link rel="canonical" href="https://amipro.me/contextwizard_install.html" />
<link rel="alternate" hreflang="en" href="https://amipro.me/contextwizard_install.html" />
<link rel="alternate" hreflang="ja" href="https://amipro.me/contextwizard_install.html" />
<link rel="alternate" hreflang="x-default" href="https://amipro.me/contextwizard_install.html" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Install ContextWizard - amiPro, LLC" />
<meta property="og:description" content="Step-by-step instructions to install the ContextWizard browser extension in Chrome, Edge, and other Chromium-based browsers." />
<meta property="og:url" content="https://amipro.me/contextwizard_install.html" />
<meta property="og:site_name" content="amiPro, LLC" />
<meta property="og:image" content="https://amipro.me/files/og-contextwizard.png" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Install ContextWizard - amiPro, LLC" />
<meta name="twitter:description" content="Step-by-step instructions to install the ContextWizard browser extension in Chrome, Edge, and other Chromium-based browsers." />
<meta name="twitter:image" content="https://amipro.me/files/og-contextwizard.png" />
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Article",
"headline": "Install ContextWizard - amiPro, LLC",
"description": "Step-by-step instructions to install the ContextWizard browser extension in Chrome, Edge, and other Chromium-based browsers.",
"url": "https://amipro.me/contextwizard_install.html",
"author": {
"@type": "Person",
"name": "amiPro Team"
},
"publisher": {
"@type": "Organization",
"name": "amiPro, LLC",
"url": "https://amipro.me"
},
"datePublished": "2025-01-15",
"dateModified": "2025-06-21"
}
</script>
<link rel="icon" type="image/x-icon" href="files/favicon.ico" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
@@ -113,8 +151,250 @@
}
</style>
<script>
const i18n_messages = new Map();
let lang_map;
lang_map = new Map();
lang_map.set('en', 'amiPro, LLC');
lang_map.set('ja', 'amiPro, LLC');
i18n_messages.set('nav_brand', lang_map);
lang_map = new Map();
lang_map.set('en', 'Privacy-first identity &amp; AI products');
lang_map.set('ja', 'プライバシーを重視したID・AIプロダクト');
i18n_messages.set('nav_tagline', lang_map);
lang_map = new Map();
lang_map.set('en', 'Back to ContextWizard');
lang_map.set('ja', 'ContextWizard に戻る');
i18n_messages.set('nav_back', lang_map);
lang_map = new Map();
lang_map.set('en', 'Contact support');
lang_map.set('ja', 'サポートに問い合わせ');
i18n_messages.set('nav_contact', lang_map);
lang_map = new Map();
lang_map.set('en', 'ContextWizard');
lang_map.set('ja', 'ContextWizard');
i18n_messages.set('hero_eyebrow', lang_map);
lang_map = new Map();
lang_map.set('en', 'Install ContextWizard in your browser');
lang_map.set('ja', 'ブラウザに ContextWizard をインストール');
i18n_messages.set('hero_title', lang_map);
lang_map = new Map();
lang_map.set('en', 'Follow this guide to install the unpackaged ContextWizard extension in Chrome, Microsoft Edge, Brave, or any Chromium-based browser that supports developer mode extensions.');
lang_map.set('ja', 'このガイドに従って、Chrome、Microsoft Edge、Brave、または開発者モード拡張機能をサポートする Chromium ベースのブラウザに、パッケージ未処理の ContextWizard 拡張機能をインストールします。');
i18n_messages.set('hero_lead', lang_map);
lang_map = new Map();
lang_map.set('en', 'Works offline on your machine');
lang_map.set('ja', 'オフラインで動作');
i18n_messages.set('chip_offline', lang_map);
lang_map = new Map();
lang_map.set('en', 'No account required');
lang_map.set('ja', 'アカウント不要');
i18n_messages.set('chip_no_account', lang_map);
lang_map = new Map();
lang_map.set('en', 'Download ContextWizard ZIP');
lang_map.set('ja', 'ContextWizard ZIP をダウンロード');
i18n_messages.set('btn_download', lang_map);
lang_map = new Map();
lang_map.set('en', 'Read privacy policy');
lang_map.set('ja', 'プライバシーポリシーを読む');
i18n_messages.set('btn_privacy', lang_map);
lang_map = new Map();
lang_map.set('en', 'Step-by-step installation');
lang_map.set('ja', 'ステップバイステップのインストール');
i18n_messages.set('steps_title', lang_map);
lang_map = new Map();
lang_map.set('en', 'Download the ZIP file');
lang_map.set('ja', 'ZIP ファイルをダウンロード');
i18n_messages.set('step1_title', lang_map);
lang_map = new Map();
lang_map.set('en', 'Click <strong>Download ContextWizard ZIP</strong> above and save the file to a location you can find, such as your <em>Downloads</em> folder.');
lang_map.set('ja', '上の<strong>「ContextWizard ZIP をダウンロード」</strong>をクリックし、<em>ダウンロード</em>フォルダなど、見つけやすい場所にファイルを保存します。');
i18n_messages.set('step1_desc', lang_map);
lang_map = new Map();
lang_map.set('en', 'The ZIP contains the full extension source so your browser can run it in developer mode.');
lang_map.set('ja', 'ZIP には完全な拡張機能ソースが含まれており、ブラウザの開発者モードで実行できます。');
i18n_messages.set('step1_note', lang_map);
lang_map = new Map();
lang_map.set('en', 'Unzip the archive');
lang_map.set('ja', 'アーカイブを展開');
i18n_messages.set('step2_title', lang_map);
lang_map = new Map();
lang_map.set('en', 'Locate the downloaded ZIP file, then unzip it:');
lang_map.set('ja', 'ダウンロードした ZIP ファイルを見つけて展開します：');
i18n_messages.set('step2_desc', lang_map);
lang_map = new Map();
lang_map.set('en', 'On macOS: double-click the ZIP file in Finder.');
lang_map.set('ja', 'macOS：Finder で ZIP ファイルをダブルクリックします。');
i18n_messages.set('step2_mac', lang_map);
lang_map = new Map();
lang_map.set('en', 'On Windows: right-click the ZIP and choose <em>Extract All…</em>.');
lang_map.set('ja', 'Windows：ZIP を右クリックし、<em>すべて展開...</em> を選択します。');
i18n_messages.set('step2_win', lang_map);
lang_map = new Map();
lang_map.set('en', 'You should end up with a folder named something like <code>ContextWizard-crx-latest</code>. Keep this folder in a permanent location (not inside your browser cache or trash).');
lang_map.set('ja', '<code>ContextWizard-crx-latest</code> という名前のフォルダが作成されます。このフォルダをブラウザのキャッシュやゴミ箱ではなく、永続的な場所に保管してください。');
i18n_messages.set('step2_note', lang_map);
lang_map = new Map();
lang_map.set('en', 'Open the extensions page');
lang_map.set('ja', '拡張機能ページを開く');
i18n_messages.set('step3_title', lang_map);
lang_map = new Map();
lang_map.set('en', 'In Chrome, open <code>chrome://extensions</code> in the address bar. In Edge, use <code>edge://extensions</code>. You will see the extensions management screen.');
lang_map.set('ja', 'Chrome では、アドレスバーに <code>chrome://extensions</code> を入力します。Edge では <code>edge://extensions</code> を使用します。拡張機能の管理画面が表示されます。');
i18n_messages.set('step3_desc', lang_map);
lang_map = new Map();
lang_map.set('en', 'This is where you manage, enable, and remove extensions in your browser.');
lang_map.set('ja', 'ここでブラウザの拡張機能の管理、有効化、削除を行います。');
i18n_messages.set('step3_note', lang_map);
lang_map = new Map();
lang_map.set('en', 'Enable developer mode');
lang_map.set('ja', '開発者モードを有効にする');
i18n_messages.set('step4_title', lang_map);
lang_map = new Map();
lang_map.set('en', 'Turn on <strong>Developer mode</strong> using the toggle in the top-right corner of the extensions page.');
lang_map.set('ja', '拡張機能ページの右上にあるトグルで<strong>「開発者モード」</strong>をオンにします。');
i18n_messages.set('step4_desc', lang_map);
lang_map = new Map();
lang_map.set('en', 'When Developer mode is on, you should see a <strong>Load unpacked</strong> button near the top of the page.');
lang_map.set('ja', '開発者モードがオンになると、ページ上部に<strong>「パッケージを展開して読み込む」</strong>ボタンが表示されます。');
i18n_messages.set('step4_note', lang_map);
lang_map = new Map();
lang_map.set('en', 'Load the unpacked extension');
lang_map.set('ja', 'パッケージ未処理の拡張機能を読み込む');
i18n_messages.set('step5_title', lang_map);
lang_map = new Map();
lang_map.set('en', 'Click <strong>Load unpacked</strong> and choose the folder you unzipped in Step 2.');
lang_map.set('ja', '<strong>「パッケージを展開して読み込む」</strong>をクリックし、ステップ 2 で展開したフォルダを選択します。');
i18n_messages.set('step5_desc', lang_map);
lang_map = new Map();
lang_map.set('en', 'In the file picker, select the <strong>folder</strong> (for example, <code>ContextWizard-crx-latest</code>), not the ZIP file.');
lang_map.set('ja', 'ファイル選択で ZIP ファイルではなく<strong>フォルダ</strong>（例：<code>ContextWizard-crx-latest</code>）を選択してください。');
i18n_messages.set('step5_note1', lang_map);
lang_map = new Map();
lang_map.set('en', 'After loading, your browser will add ContextWizard to the list of installed extensions.');
lang_map.set('ja', '読み込み後、ブラウザのインストール済み拡張機能一覧に ContextWizard が追加されます。');
i18n_messages.set('step5_note2', lang_map);
lang_map = new Map();
lang_map.set('en', 'Pin and open ContextWizard');
lang_map.set('ja', 'ContextWizard をピン留めして開く');
i18n_messages.set('step6_title', lang_map);
lang_map = new Map();
lang_map.set('en', 'Pin the extension so it is easy to reach, then open it in a new tab.');
lang_map.set('ja', '拡張機能をピン留めしてアクセスしやすくし、新しいタブで開きます。');
i18n_messages.set('step6_desc', lang_map);
lang_map = new Map();
lang_map.set('en', 'Click the puzzle icon (Chrome/Edge), then pin <strong>ContextWizard</strong>.');
lang_map.set('ja', 'パズルアイコン（Chrome/Edge）をクリックし、<strong>ContextWizard</strong> をピン留めします。');
i18n_messages.set('step6_li1', lang_map);
lang_map = new Map();
lang_map.set('en', 'Click the ContextWizard icon or open the extension\'s page to start using it.');
lang_map.set('ja', 'ContextWizard アイコンをクリックするか、拡張機能のページを開いて使用を開始します。');
i18n_messages.set('step6_li2', lang_map);
lang_map = new Map();
lang_map.set('en', 'Your conversations stay local on your machine. You can remove the unpacked extension at any time from the extensions page.');
lang_map.set('ja', '会話はすべてローカルのマシンに保存されます。拡張機能ページからいつでもパッケージ未処理の拡張機能を削除できます。');
i18n_messages.set('step6_note', lang_map);
lang_map = new Map();
lang_map.set('en', 'Supported browsers');
lang_map.set('ja', 'サポート対応ブラウザ');
i18n_messages.set('browsers_title', lang_map);
lang_map = new Map();
lang_map.set('en', 'ContextWizard works in most Chromium-based desktop browsers that support loading unpacked extensions:');
lang_map.set('ja', 'ContextWizard は、パッケージ未処理の拡張機能の読み込みをサポートするほとんどの Chromium ベースのデスクトップブラウザで動作します：');
i18n_messages.set('browsers_desc', lang_map);
lang_map = new Map();
lang_map.set('en', 'Mobile browsers and Safari do not support this unpacked extension flow.');
lang_map.set('ja', 'モバイルブラウザと Safari はこのパッケージ未処理拡張機能のフローをサポートしていません。');
i18n_messages.set('browsers_limit', lang_map);
lang_map = new Map();
lang_map.set('en', 'If something doesn\'t work');
lang_map.set('ja', '問題が発生した場合');
i18n_messages.set('troubleshoot_title', lang_map);
lang_map = new Map();
lang_map.set('en', 'Make sure <strong>Developer mode</strong> is enabled on the extensions page.');
lang_map.set('ja', '拡張機能ページで<strong>「開発者モード」</strong>が有効になっていることを確認してください。');
i18n_messages.set('troubleshoot_1', lang_map);
lang_map = new Map();
lang_map.set('en', 'Confirm you selected the <strong>uncompressed folder</strong>, not the ZIP file.');
lang_map.set('ja', '<strong>解凍済みフォルダ</strong>を選択していることを確認してください（ZIP ファイルではありません）。');
i18n_messages.set('troubleshoot_2', lang_map);
lang_map = new Map();
lang_map.set('en', 'Try restarting the browser after loading the extension.');
lang_map.set('ja', '拡張機能を読み込んだ後、ブラウザを再起動してみてください。');
i18n_messages.set('troubleshoot_3', lang_map);
lang_map = new Map();
lang_map.set('en', 'If you are still stuck, reach out and we\'ll help you get set up.');
lang_map.set('ja', 'まだ解決しない場合は、お問い合わせください。セットアップをお手伝いします。');
i18n_messages.set('troubleshoot_help', lang_map);
lang_map = new Map();
lang_map.set('en', 'Email support');
lang_map.set('ja', 'メールでサポート');
i18n_messages.set('btn_email_support', lang_map);
lang_map = new Map();
lang_map.set('en', 'ContextWizard overview');
lang_map.set('ja', 'ContextWizard 概要');
i18n_messages.set('footer_overview', lang_map);
lang_map = new Map();
lang_map.set('en', 'Privacy policy');
lang_map.set('ja', 'プライバシーポリシー');
i18n_messages.set('footer_privacy', lang_map);
lang_map = new Map();
lang_map.set('en', 'What You Get After Installation');
lang_map.set('ja', 'インストール後に利用できる機能');
lang_map.set('zh-CN', '安装后你将获得');
i18n_messages.set('static_get_title', lang_map);
</script>
<script>
window.onload = function () {
setI18NText(i18n_messages);
if (typeof initRevealAnimations === 'function') {
initRevealAnimations();
} else {
@@ -124,6 +404,10 @@
el.style.transform = 'none';
});
}
var nav = document.getElementById('navbar-collapse');
if (typeof createLanguageSelector === 'function') {
document.body.appendChild(createLanguageSelector());
}
};
</script>
</head>
@@ -148,13 +432,13 @@
style="margin-right: 16px;"
/>
<div>
<div style="font-weight: 700; font-size: 1.25rem; color: #0f172a;">amiPro, LLC</div>
<small style="color: #64748b;">Privacy-first identity &amp; AI products</small>
<div id="nav_brand" style="font-weight: 700; font-size: 1.25rem; color: #0f172a;">amiPro, LLC</div>
<small id="nav_tagline" style="color: #64748b;">Privacy-first identity &amp; AI products</small>
</div>
</div>
</div>
<a href="contextwizard_top.html" class="btn btn-link ms-auto me-3">Back to ContextWizard</a>
<a
<a id="nav_back" href="contextwizard_top.html" class="btn btn-link ms-auto me-3">Back to ContextWizard</a>
<a id="nav_contact"
href="mailto:sales@amipro.me?subject=ContextWizard%20support"
class="btn btn-outline-primary"
>Contact support</a>
@@ -165,40 +449,53 @@
<div class="container-xxl" style="padding: 32px 24px 72px;">
<section class="hero reveal">
<div class="hero__text" data-animate>
<span class="hero__eyebrow">ContextWizard</span>
<h1 class="hero__title">Install ContextWizard in your browser</h1>
<p class="hero__lead">
<span id="hero_eyebrow" class="hero__eyebrow">ContextWizard</span>
<h1 id="hero_title" class="hero__title">Install ContextWizard in your browser</h1>
<p id="hero_lead" class="hero__lead">
Follow this guide to install the unpackaged ContextWizard extension in Chrome, Microsoft Edge,
Brave, or any Chromium-based browser that supports developer mode extensions.
</p>
<div style="margin-top: 1.5rem;" class="hero__chips">
<span class="hero-chip">Works offline on your machine</span>
<span class="hero-chip">No account required</span>
<span id="chip_offline" class="hero-chip">Works offline on your machine</span>
<span id="chip_no_account" class="hero-chip">No account required</span>
</div>
<div
class="hero__actions"
style="margin-top: 2rem; display: flex; flex-wrap: wrap; gap: 1rem;"
>
<a
href="https://amipro.me/contextwizard-files/ContextWizard-crx-latest.zip"
class="btn btn-primary"
style="flex: 1 0 220px;"
>Download ContextWizard ZIP</a>
<a
href="contextwizard_privacy_policy.html"
class="btn btn-outline-secondary"
style="flex: 1 0 220px;"
>Read privacy policy</a>
<a
id="btn_download"
href="https://amipro.me/contextwizard-files/ContextWizard-crx-latest.zip"
class="btn btn-primary"
style="flex: 1 0 220px;"
>Download ContextWizard ZIP</a>
<a
id="btn_privacy"
href="contextwizard_privacy_policy.html"
class="btn btn-outline-secondary"
style="flex: 1 0 220px;"
>Read privacy policy</a>
</div>
</div>
</section>
<section style="margin-top: 2rem; padding: 1.5rem; background: #f0f9ff; border-radius: 12px; border-left: 4px solid #2563eb;">
<h2 id="static_get_title" style="font-size: 1.25rem; font-weight: 600; color: #0f172a; margin-bottom: 0.75rem;">What You Get After Installation</h2>
<ul style="color: #475569; line-height: 1.8; margin: 0; padding-left: 1.25rem;">
<li><strong>Automatic AI chat capture:</strong> ContextWizard detects when you visit a supported AI platform and starts recording conversations in real-time.</li>
<li><strong>Full-text search:</strong> Search across all your AI conversations by title, summary, or message body with instant results.</li>
<li><strong>Cross-platform bookmarks:</strong> Save key moments from ChatGPT, Claude, and Gemini in one unified list.</li>
<li><strong>Local-first privacy:</strong> All data is encrypted and stored in your browser local storage. Nothing leaves your machine.</li>
<li><strong>12-language UI:</strong> Automatically detects your browser language and supports manual switching.</li>
</ul>
</section>
<section class="reveal" data-animate style="margin-top: 48px;">
<div class="row g-4 align-items-start">
<div class="col-lg-7">
<article class="card step-card">
<div class="card-body">
<h2 style="font-weight: 600; color: #0f172a; margin-bottom: 1rem;">
<h2 id="steps_title" style="font-weight: 600; color: #0f172a; margin-bottom: 1rem;">
Step-by-step installation
</h2>
@@ -207,15 +504,15 @@
<div style="display: flex; align-items: flex-start;">
<div class="step-number">1</div>
<div>
<h3 style="font-size: 1.05rem; margin-bottom: 0.35rem;">Download the ZIP file</h3>
<p style="margin-bottom: 0.5rem; color: #475569;">
<h3 id="step1_title" style="font-size: 1.05rem; margin-bottom: 0.35rem;">Download the ZIP file</h3>
<p id="step1_desc" style="margin-bottom: 0.5rem; color: #475569;">
Click <strong>Download ContextWizard ZIP</strong> above and save the file to a
location you can find, such as your <em>Downloads</em> folder.
</p>
<p style="margin-bottom: 0; color: #64748b; font-size: 0.9rem;">
The ZIP contains the full extension source so your browser can run it in
developer mode.
</p>
<p id="step1_note" style="margin-bottom: 0; color: #64748b; font-size: 0.9rem;">
The ZIP contains the full extension source so your browser can run it in
developer mode.
</p>
</div>
</div>
</li>
@@ -224,15 +521,15 @@
<div style="display: flex; align-items: flex-start;">
<div class="step-number">2</div>
<div>
<h3 style="font-size: 1.05rem; margin-bottom: 0.35rem;">Unzip the archive</h3>
<p style="margin-bottom: 0.5rem; color: #475569;">
<h3 id="step2_title" style="font-size: 1.05rem; margin-bottom: 0.35rem;">Unzip the archive</h3>
<p id="step2_desc" style="margin-bottom: 0.5rem; color: #475569;">
Locate the downloaded ZIP file, then unzip it:
</p>
<ul style="padding-left: 1.1rem; margin-bottom: 0.5rem; color: #475569;">
<li>On macOS: double-click the ZIP file in Finder.</li>
<li>On Windows: right-click the ZIP and choose <em>Extract All…</em>.</li>
<li id="step2_mac">On macOS: double-click the ZIP file in Finder.</li>
<li id="step2_win">On Windows: right-click the ZIP and choose <em>Extract All…</em>.</li>
</ul>
<p style="margin-bottom: 0; color: #64748b; font-size: 0.9rem;">
<p id="step2_note" style="margin-bottom: 0; color: #64748b; font-size: 0.9rem;">
You should end up with a folder named something like
<code>ContextWizard-crx-latest</code>. Keep this folder in a permanent location
(not inside your browser cache or trash).
@@ -245,8 +542,8 @@
<div style="display: flex; align-items: flex-start;">
<div class="step-number">3</div>
<div style="width: 100%;">
<h3 style="font-size: 1.05rem; margin-bottom: 0.35rem;">Open the extensions page</h3>
<p style="margin-bottom: 0.5rem; color: #475569;">
<h3 id="step3_title" style="font-size: 1.05rem; margin-bottom: 0.35rem;">Open the extensions page</h3>
<p id="step3_desc" style="margin-bottom: 0.5rem; color: #475569;">
In Chrome, open <code>chrome://extensions</code> in the address bar. In Edge, use
<code>edge://extensions</code>. You will see the extensions management screen.
</p>
@@ -257,9 +554,9 @@
style="max-width: 100%; border-radius: 0.75rem; box-shadow: 0 10px 30px rgba(15, 23, 42, 0.12);"
/>
</div>
<p style="margin-bottom: 0; color: #64748b; font-size: 0.9rem;">
This is where you manage, enable, and remove extensions in your browser.
</p>
<p id="step3_note" style="margin-bottom: 0; color: #64748b; font-size: 0.9rem;">
This is where you manage, enable, and remove extensions in your browser.
</p>
</div>
</div>
</li>
@@ -268,8 +565,8 @@
<div style="display: flex; align-items: flex-start;">
<div class="step-number">4</div>
<div style="width: 100%;">
<h3 style="font-size: 1.05rem; margin-bottom: 0.35rem;">Enable developer mode</h3>
<p style="margin-bottom: 0.5rem; color: #475569;">
<h3 id="step4_title" style="font-size: 1.05rem; margin-bottom: 0.35rem;">Enable developer mode</h3>
<p id="step4_desc" style="margin-bottom: 0.5rem; color: #475569;">
Turn on <strong>Developer mode</strong> using the toggle in the top-right corner of
the extensions page.
</p>
@@ -280,7 +577,7 @@
style="max-width: 100%; border-radius: 0.75rem; box-shadow: 0 10px 30px rgba(15, 23, 42, 0.12);"
/>
</div>
<p style="margin-bottom: 0; color: #64748b; font-size: 0.9rem;">
<p id="step4_note" style="margin-bottom: 0; color: #64748b; font-size: 0.9rem;">
When Developer mode is on, you should see a <strong>Load unpacked</strong> button
near the top of the page.
</p>
@@ -292,8 +589,8 @@
<div style="display: flex; align-items: flex-start;">
<div class="step-number">5</div>
<div style="width: 100%;">
<h3 style="font-size: 1.05rem; margin-bottom: 0.35rem;">Load the unpacked extension</h3>
<p style="margin-bottom: 0.5rem; color: #475569;">
<h3 id="step5_title" style="font-size: 1.05rem; margin-bottom: 0.35rem;">Load the unpacked extension</h3>
<p id="step5_desc" style="margin-bottom: 0.5rem; color: #475569;">
Click <strong>Load unpacked</strong> and choose the folder you unzipped in Step 2.
</p>
<div style="margin: 0.5rem 0 0.75rem;">
@@ -303,11 +600,11 @@
style="max-width: 100%; border-radius: 0.75rem; box-shadow: 0 10px 30px rgba(15, 23, 42, 0.12);"
/>
</div>
<p style="margin-bottom: 0.25rem; color: #475569; font-size: 0.9rem;">
<p id="step5_note1" style="margin-bottom: 0.25rem; color: #475569; font-size: 0.9rem;">
In the file picker, select the <strong>folder</strong> (for example,
<code>ContextWizard-crx-latest</code>), not the ZIP file.
</p>
<p style="margin-bottom: 0; color: #64748b; font-size: 0.9rem;">
<p id="step5_note2" style="margin-bottom: 0; color: #64748b; font-size: 0.9rem;">
After loading, your browser will add ContextWizard to the list of installed
extensions.
</p>
@@ -319,8 +616,8 @@
<div style="display: flex; align-items: flex-start;">
<div class="step-number">6</div>
<div>
<h3 style="font-size: 1.05rem; margin-bottom: 0.35rem;">Pin and open ContextWizard</h3>
<p style="margin-bottom: 0.5rem; color: #475569;">
<h3 id="step6_title" style="font-size: 1.05rem; margin-bottom: 0.35rem;">Pin and open ContextWizard</h3>
<p id="step6_desc" style="margin-bottom: 0.5rem; color: #475569;">
Pin the extension so it is easy to reach, then open it in a new tab.
</p>
<div style="margin: 0.5rem 0 0.75rem;">
@@ -331,10 +628,10 @@
/>
</div>
<ul style="padding-left: 1.1rem; margin-bottom: 0.5rem; color: #475569;">
<li>Click the puzzle icon (Chrome/Edge), then pin <strong>ContextWizard</strong>.</li>
<li>Click the ContextWizard icon or open the extension's page to start using it.</li>
<li id="step6_li1">Click the puzzle icon (Chrome/Edge), then pin <strong>ContextWizard</strong>.</li>
<li id="step6_li2">Click the ContextWizard icon or open the extension's page to start using it.</li>
</ul>
<p style="margin-bottom: 0; color: #64748b; font-size: 0.9rem;">
<p id="step6_note" style="margin-bottom: 0; color: #64748b; font-size: 0.9rem;">
Your conversations stay local on your machine. You can remove the unpacked
extension at any time from the extensions page.
</p>
@@ -352,8 +649,8 @@
style="border-radius: 1.25rem; box-shadow: 0 16px 50px rgba(15, 23, 42, 0.08);"
>
<div class="card-body">
<h3 style="font-size: 1.15rem; margin-bottom: 0.75rem;">Supported browsers</h3>
<p style="color: #475569;">
<h3 id="browsers_title" style="font-size: 1.15rem; margin-bottom: 0.75rem;">Supported browsers</h3>
<p id="browsers_desc" style="color: #475569;">
ContextWizard works in most Chromium-based desktop browsers that support loading
unpacked extensions:
</p>
@@ -362,22 +659,22 @@
<span class="browser-pill"><i class="bx bxl-microsoft"></i>Microsoft Edge</span>
<span class="browser-pill"><i class="bx bxs-ship"></i>Brave / Vivaldi / Opera</span>
</div>
<p style="color: #64748b; font-size: 0.9rem;">
Mobile browsers and Safari do not support this unpacked extension flow.
</p>
<p id="browsers_limit" style="color: #64748b; font-size: 0.9rem;">
Mobile browsers and Safari do not support this unpacked extension flow.
</p>
<hr />
<h3 style="font-size: 1.05rem; margin-bottom: 0.5rem;">If something doesnt work</h3>
<h3 id="troubleshoot_title" style="font-size: 1.05rem; margin-bottom: 0.5rem;">If something doesnt work</h3>
<ul style="padding-left: 1.1rem; color: #475569;">
<li>Make sure <strong>Developer mode</strong> is enabled on the extensions page.</li>
<li>Confirm you selected the <strong>uncompressed folder</strong>, not the ZIP file.</li>
<li>Try restarting the browser after loading the extension.</li>
<li id="troubleshoot_1">Make sure <strong>Developer mode</strong> is enabled on the extensions page.</li>
<li id="troubleshoot_2">Confirm you selected the <strong>uncompressed folder</strong>, not the ZIP file.</li>
<li id="troubleshoot_3">Try restarting the browser after loading the extension.</li>
</ul>
<p style="color: #64748b; font-size: 0.9rem; margin-bottom: 0.75rem;">
If you are still stuck, reach out and well help you get set up.
</p>
<a href="mailto:support@amipro.me?subject=ContextWizard%20installation%20help" class="btn btn-sm btn-outline-primary">
<p id="troubleshoot_help" style="color: #64748b; font-size: 0.9rem; margin-bottom: 0.75rem;">
If you are still stuck, reach out and we'll help you get set up.
</p>
<a id="btn_email_support" href="mailto:support@amipro.me?subject=ContextWizard%20installation%20help" class="btn btn-sm btn-outline-primary">
Email support
</a>
</div>
@@ -397,8 +694,8 @@
<a href="https://www.amipro.me" target="_blank" class="footer-link fw-bolder">amiPro, LLC</a>
</div>
<div>
<a href="contextwizard_top.html" class="footer-link me-4">ContextWizard overview</a>
<a href="contextwizard_privacy_policy.html" class="footer-link">Privacy policy</a>
<a id="footer_overview" href="contextwizard_top.html" class="footer-link me-4">ContextWizard overview</a>
<a id="footer_privacy" href="contextwizard_privacy_policy.html" class="footer-link">Privacy policy</a>
</div>
</div>
</footer>