Content
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Autobot Sync Setup - Kevin</title>
<style>
* { box-sizing: border-box; margin: 0; padding: 0; }
body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; background: #1a1a2e; color: #e0e0e0; padding: 40px 20px; line-height: 1.6; }
.container { max-width: 720px; margin: 0 auto; }
h1 { color: #00d4aa; font-size: 28px; margin-bottom: 8px; }
.subtitle { color: #888; font-size: 14px; margin-bottom: 32px; }
.step { background: #16213e; border-radius: 12px; padding: 24px; margin-bottom: 16px; border-left: 4px solid #00d4aa; }
.step-num { display: inline-block; background: #00d4aa; color: #1a1a2e; width: 28px; height: 28px; border-radius: 50%; text-align: center; line-height: 28px; font-weight: 700; font-size: 14px; margin-right: 10px; }
.step h2 { display: inline; font-size: 18px; color: #fff; }
.step p { margin-top: 12px; color: #bbb; }
.step ol, .step ul { margin-top: 12px; margin-left: 20px; color: #bbb; }
.step li { margin-bottom: 8px; }
.warning { background: #2a1a0a; border-left-color: #f0a030; }
.warning h2 { color: #f0a030; }
.credential { background: #0f3460; border-radius: 8px; padding: 14px 18px; margin-top: 12px; font-family: 'SF Mono', 'Fira Code', 'Consolas', monospace; font-size: 14px; position: relative; cursor: pointer; border: 1px solid #1a4a8a; }
.credential:hover { border-color: #00d4aa; }
.credential .label { color: #888; font-size: 12px; text-transform: uppercase; letter-spacing: 1px; }
.credential .value { color: #00d4aa; word-break: break-all; margin-top: 4px; }
.copy-hint { position: absolute; right: 14px; top: 50%; transform: translateY(-50%); color: #555; font-size: 11px; }
.note { background: #1a1a2e; border: 1px solid #333; border-radius: 8px; padding: 16px; margin-top: 12px; font-size: 13px; color: #999; }
.note strong { color: #e0e0e0; }
.path { color: #ffd700; font-family: 'SF Mono', 'Fira Code', 'Consolas', monospace; font-size: 13px; }
.done { background: #0a2a1a; border-left-color: #00ff88; }
.done h2 { color: #00ff88; }
code { background: #0f3460; padding: 2px 6px; border-radius: 4px; font-family: 'SF Mono', 'Fira Code', 'Consolas', monospace; font-size: 13px; color: #00d4aa; }
img.screenshot { max-width: 100%; border-radius: 8px; margin-top: 12px; border: 1px solid #333; }
.kbd { background: #333; color: #fff; padding: 2px 8px; border-radius: 4px; font-family: 'Consolas', monospace; font-size: 12px; border: 1px solid #555; }
</style>
<script>
function copyText(el) {
const val = el.querySelector('.value').textContent;
navigator.clipboard.writeText(val);
const hint = el.querySelector('.copy-hint');
hint.textContent = 'Copied!';
setTimeout(() => hint.textContent = 'Click to copy', 1500);
}
</script>
</head>
<body>
<div class="container">
<h1>Autobot Sync Setup</h1>
<p class="subtitle">Kevin's Installation Guide — Windows</p>
<div class="step warning">
<span class="step-num">1</span>
<h2>Completely Remove LiveSync</h2>
<p>The old LiveSync plugin needs to be fully removed first. Follow all parts:</p>
<p style="margin-top: 16px; color: #f0a030; font-weight: 600;">Part A — Disable & Uninstall in Obsidian</p>
<ol>
<li>Open <code>Settings</code> (click the gear icon in the bottom left)</li>
<li>Go to <code>Community plugins</code></li>
<li>Find <strong>Self-hosted LiveSync</strong> in the list</li>
<li>Toggle it <strong>OFF</strong></li>
<li>Click the <strong>trash icon</strong> next to it to uninstall</li>
<li><strong>Close Obsidian completely</strong> (File → Exit, or right-click the taskbar icon → Close)</li>
</ol>
<p style="margin-top: 16px; color: #f0a030; font-weight: 600;">Part B — Delete leftover plugin files</p>
<p>Even after uninstalling, LiveSync can leave files behind. Delete them manually:</p>
<ol>
<li>Open <strong>File Explorer</strong> and navigate to your vault folder (see Step 2 if you need help finding it)</li>
<li>Make sure hidden folders are visible (see Step 3)</li>
<li>Open the <span class="path">.obsidian\plugins\</span> folder</li>
<li>Look for a folder called <code>obsidian-livesync</code> — if it exists, <strong>delete the entire folder</strong></li>
</ol>
<p style="margin-top: 16px; color: #f0a030; font-weight: 600;">Part C — Delete LiveSync's hidden database</p>
<p>LiveSync stores a local database inside a hidden folder. Remove it:</p>
<ol>
<li>Go back to your vault's <span class="path">.obsidian</span> folder</li>
<li>Look for a folder called <code>livesync</code> — if it exists, <strong>delete the entire folder</strong></li>
<li>Also look for any files starting with <code>livesync</code> (like <code>livesync-setting.json</code>) and delete those too</li>
</ol>
<div class="note"><strong>Don't worry:</strong> Your local vault files (notes, attachments, etc.) stay on your computer. We're only removing the broken sync plugin and its database, not your notes.<br><br>
<strong>Summary of what to delete:</strong><br>
• <span class="path">.obsidian\plugins\obsidian-livesync\</span> (entire folder)<br>
• <span class="path">.obsidian\livesync\</span> (entire folder, if it exists)</div>
</div>
<div class="step">
<span class="step-num">2</span>
<h2>Find Your Vault Folder</h2>
<p>You need to find where Obsidian stores your vault on disk:</p>
<ol>
<li>In Obsidian, open <code>Settings</code> → <code>Files and links</code></li>
<li>Look at the top — it shows your vault path, something like:<br>
<span class="path">C:\Users\Kevin\Documents\Autosys</span></li>
<li>Open <strong>File Explorer</strong> and navigate to that path</li>
</ol>
<div class="note"><strong>Can't find it?</strong> Open File Explorer, click the address bar, and paste the vault path shown in Obsidian settings.</div>
</div>
<div class="step">
<span class="step-num">3</span>
<h2>Show Hidden Folders</h2>
<p>The plugin lives inside a hidden <code>.obsidian</code> folder. To see it:</p>
<ol>
<li>In File Explorer, click <strong>View</strong> in the top menu bar</li>
<li>Click <strong>Show</strong> → check <strong>Hidden items</strong></li>
</ol>
<p>You should now see a folder called <span class="path">.obsidian</span> in your vault.</p>
<div class="note"><strong>Windows 10:</strong> View tab → check "Hidden items" checkbox.<br>
<strong>Windows 11:</strong> View → Show → Hidden items.</div>
</div>
<div class="step">
<span class="step-num">4</span>
<h2>Install the Plugin</h2>
<p>Mason will send you two files: <code>main.js</code> and <code>manifest.json</code></p>
<ol>
<li>In File Explorer, navigate to:<br>
<span class="path">[Your Vault]\.obsidian\plugins\</span></li>
<li>Create a new folder called <code>autobot-sync</code></li>
<li>Copy both <code>main.js</code> and <code>manifest.json</code> into that folder</li>
</ol>
<div class="note"><strong>Final result should look like:</strong><br><br>
<span class="path">[Your Vault]\.obsidian\plugins\autobot-sync\main.js</span><br>
<span class="path">[Your Vault]\.obsidian\plugins\autobot-sync\manifest.json</span></div>
</div>
<div class="step">
<span class="step-num">5</span>
<h2>Enable & Configure</h2>
<p>Close and reopen Obsidian, then:</p>
<ol>
<li>Go to <code>Settings</code> → <code>Community plugins</code></li>
<li>If you see "Restricted mode is on", click <strong>Turn on community plugins</strong></li>
<li>Find <strong>Autobot Sync</strong> in the list and toggle it <strong>ON</strong></li>
<li>Click the <strong>gear icon</strong> next to Autobot Sync</li>
<li>Paste your sync token:</li>
</ol>
<div class="credential" onclick="copyText(this)">
<div class="label">Sync Token</div>
<div class="value">vsync-kevin-b7d2c4</div>
<span class="copy-hint">Click to copy</span>
</div>
<div class="note">The server URL is already built in — just paste the token above and close settings.</div>
</div>
<div class="step">
<span class="step-num">6</span>
<h2>Restart & Sync</h2>
<p>Close and reopen Obsidian one more time. It will automatically:</p>
<ul>
<li>Compare your local files with the server</li>
<li>Download any files you're missing</li>
<li>Upload any local changes you have</li>
</ul>
<p>You can monitor progress by clicking <strong>Autobot</strong> in the bottom status bar.</p>
<div class="note"><strong>First sync may take a few minutes</strong> depending on how many files need to transfer. The progress bar will show you exactly what's happening. Let it finish before closing Obsidian.</div>
</div>
<div class="step done">
<span class="step-num">7</span>
<h2>You're All Set</h2>
<p>Once the initial sync completes, the plugin will automatically:</p>
<ul>
<li>Upload your changes within 2 seconds of saving</li>
<li>Receive changes from Mason in real-time</li>
<li>Show sync status in the bottom status bar: <code>● Autobot live</code></li>
</ul>
<div class="note"><strong>Useful commands:</strong> Press <span class="kbd">Ctrl+P</span> and search for:<br><br>
• <code>Autobot Sync: Sync now</code> — force a full sync<br>
• Click the status bar text to see detailed sync info and activity log</div>
</div>
<div class="note" style="margin-top: 24px; border-color: #00d4aa;">
<strong>Need help?</strong> Send Mason a message. Common fixes:<br><br>
• <strong>"No token" error:</strong> Make sure you pasted the token in plugin settings (Step 5)<br>
• <strong>Plugin not showing:</strong> Make sure the folder is named exactly <code>autobot-sync</code><br>
• <strong>Stuck on "checking":</strong> Let it finish — first sync scans all files<br>
• <strong>Download failures:</strong> Normal for a few system files — your notes sync fine
</div>
</div>
</body>
</html>