npm - clew-code - Versions diffs - 0.2.21 → 0.2.22 - Mend

clew-code 0.2.21 → 0.2.22

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (66) hide show

package/dist/main.js +1861 -1856
package/docs/architecture.html +91 -148
package/docs/assets/clew-agent-loop.png +0 -0
package/docs/assets/clew-general-architecture.png +0 -0
package/docs/assets/clew-mcp-architecture.png +0 -0
package/docs/assets/clew-p2p-swarm.png +0 -0
package/docs/changelog.html +150 -0
package/docs/cli-reference.html +90 -0
package/docs/commands.html +156 -265
package/docs/configuration.html +85 -147
package/docs/contributing.html +91 -0
package/docs/css/styles.css +425 -425
package/docs/daemon.html +62 -129
package/docs/features/bridge-mode.html +61 -66
package/docs/features/evals.html +57 -149
package/docs/features/searxng-search.html +58 -118
package/docs/features/sentry-setup.html +61 -124
package/docs/index.html +137 -125
package/docs/installation.html +77 -105
package/docs/internals/growthbook-ab-testing.html +69 -91
package/docs/internals/hidden-features.html +81 -143
package/docs/js/main.js +29 -0
package/docs/loop.html +69 -181
package/docs/mcp.html +99 -247
package/docs/models.html +69 -110
package/docs/permission-model.html +86 -102
package/docs/plugins.html +84 -102
package/docs/providers.html +87 -127
package/docs/quick-start.html +81 -93
package/docs/research-memory.html +71 -102
package/docs/security.html +71 -0
package/docs/skills.html +67 -117
package/docs/swarm.html +78 -236
package/docs/tools.html +152 -151
package/docs/troubleshooting.html +86 -106
package/docs/voice-mode.html +79 -0
package/package.json +1 -1
package/docs/architecture.th.html +0 -79
package/docs/clew-code-architecture.html +0 -1126
package/docs/commands.th.html +0 -269
package/docs/configuration.th.html +0 -108
package/docs/daemon.th.html +0 -73
package/docs/features/bridge-mode.th.html +0 -62
package/docs/features/evals.th.html +0 -62
package/docs/features/searxng-search.th.html +0 -67
package/docs/features/sentry-setup.th.html +0 -69
package/docs/features/swarm.html +0 -156
package/docs/generated/providers.html +0 -625
package/docs/generated/tools.html +0 -558
package/docs/index.th.html +0 -292
package/docs/installation.th.html +0 -105
package/docs/internals/growthbook-ab-testing.th.html +0 -60
package/docs/internals/hidden-features.th.html +0 -107
package/docs/loop.th.html +0 -227
package/docs/mcp.th.html +0 -207
package/docs/models.th.html +0 -61
package/docs/permission-model.th.html +0 -67
package/docs/plugins.th.html +0 -79
package/docs/prompts-and-features.html +0 -806
package/docs/providers.th.html +0 -81
package/docs/quick-start.th.html +0 -89
package/docs/research-memory.th.html +0 -72
package/docs/skills.th.html +0 -90
package/docs/swarm.th.html +0 -280
package/docs/tools.th.html +0 -84
package/docs/troubleshooting.th.html +0 -85

package/docs/index.html CHANGED Viewed

@@ -3,146 +3,158 @@
 <head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
-<title>Clew — AI Coding Assistant</title>
-<meta name="description" content="Terminal-based AI coding assistant with 29+ providers, P2P swarm, MCP support, and plugin system.">
+<title>Clew Code — Multi-Provider AI Coding Agent</title>
+<meta name="description" content="The open-source AI coding agent with 27 providers, LAN mesh coordination, autonomous agent loop, MCP integration, and 50+ built-in tools.">
+<link rel="icon" type="image/svg+xml" href="assets/clew.svg">
 <link rel="preconnect" href="https://fonts.googleapis.com">
-<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-<link href="https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap" rel="stylesheet">
+<link href="https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600;700&display=swap" rel="stylesheet">
 <link rel="stylesheet" href="css/styles.css">
-<link rel="icon" type="image/svg+xml" href="./assets/clew.svg">
 </head>
 <body>
+<header class="header"></header>
+<div id="sidebarOverlay" class="sidebar-overlay"></div>
+<aside id="sidebar" class="sidebar"></aside>
-<div class="header">
-  <div class="header-inner">
-    <a href="index.html" class="logo"><span class="logo-mark">C</span>Clew</a>
-    <nav class="header-nav">
-      <a href="quick-start.html">Guide</a>
-      <a href="commands.html">Commands</a>
-      <a href="providers.html">Providers</a>
-      <a href="tools.html">Tools</a>
-      <a href="https://github.com/ClewCode/ClewCode" target="_blank">GitHub</a>
-    </nav>
-    <button class="menu-btn" id="menuToggle"><span></span><span></span><span></span></button>
+<div class="content-wrap">
+<div class="content">
+<section class="hero">
+  <div class="badge"><span class="dot"></span> v0.2.21 — Multi-Provider AI Coding Agent</div>
+  <h1>Code with <span class="hl">any</span> AI.</h1>
+  <p>Clew Code is an open-source AI coding agent that runs in your terminal,
+  coordinates across machines on your LAN, and works with 27 different
+  AI providers — no lock-in.</p>
+  <div class="hero-actions">
+    <a href="quick-start.html" class="btn btn-p">Get Started →</a>
+    <a href="installation.html" class="btn btn-ghost">Installation</a>
+    <a href="https://github.com/ClewCode/ClewCode" class="btn btn-ghost" target="_blank">GitHub</a>
   </div>
-</div>
+</section>
-<div class="page">
+<div class="term">
+  <div class="term-bar">
+    <span class="term-dot"></span><span class="term-dot"></span><span class="term-dot"></span>
+    <span class="term-title">clew</span>
+  </div>
+  <div class="term-body"><span class="p">❯</span> clew
+<span class="d">│  Starting Clew Code v0.2.21 …</span>
+<span class="d">│  Select a provider:</span>
+<span class="h">│  ● Anthropic</span>
+<span class="h">│  ● OpenAI</span>
+    ○ Google Gemini
+    ○ DeepSeek
+    ○ Ollama (local)
+      …
+<span class="p">❯</span> /model deepseek-v4-flash
-  <section class="hero">
-    <div class="badge"><span class="dot"></span>0.2.14 — Multi-Provider AI CLI</div>
-    <h1>Code with <span class="hl">any model</span></h1>
-    <p>Terminal-based AI coding assistant with multi-provider routing, P2P swarm, and extensible tool system.</p>
-    <div class="hero-actions">
-      <a href="https://npmjs.com/package/clew-code" class="btn btn-p">npm install -g clew-code</a>
-      <a href="quick-start.html" class="btn btn-ghost">Get Started →</a>
-      <a href="https://github.com/ClewCode/ClewCode" class="btn btn-ghost" target="_blank">GitHub</a>
-    </div>
-  </section>
+<span class="p">❯</span> /mesh discover
+<span class="d">│  Found 2 peers on LAN</span>
-  <div class="stats">
-    <div class="stat"><div class="stat-num">29</div><div class="stat-lbl">AI Providers</div></div>
-    <div class="stat"><div class="stat-num">120+</div><div class="stat-lbl">Commands</div></div>
-    <div class="stat"><div class="stat-num">76+</div><div class="stat-lbl">Built-in Tools</div></div>
-    <div class="stat"><div class="stat-num">100%</div><div class="stat-lbl">Open Source</div></div>
-  </div>
+<span class="p">❯</span> write a web scraper in Go</div>
+</div>
-  <h2>Features</h2>
-  <div class="grid">
-    <div class="card">
-      <h3>Multi-Provider AI</h3>
-      <p>29 providers — Anthropic, OpenAI, Google, DeepSeek, Groq, Mistral, and more. Switch at runtime with <code>/model</code>.</p>
-      <span class="tag">/model</span> <span class="tag">/provider</span>
-    </div>
-    <div class="card">
-      <h3>P2P Swarm &amp; Mesh</h3>
-      <p>LAN-based multi-agent coordination. Discover peers, share workers, assign tasks across machines. Mesh networking with remote control.</p>
-      <span class="tag">/swarm</span> <span class="tag">/mesh</span>
-    </div>
-    <div class="card">
-      <h3>MCP &amp; Plugins</h3>
-      <p>Full MCP support (stdio + SSE + DirectConnect), hot-reloadable plugins with hooks, and a plugin marketplace.</p>
-      <span class="tag">/mcp</span> <span class="tag">/plugin</span>
-    </div>
-    <div class="card">
-      <h3>76+ Built-in Tools</h3>
-      <p>File ops, shell, web search, browser automation, agent delegation, git/PR workflows, process mesh — permission-gated.</p>
-      <span class="tag">Read/Write/Edit</span> <span class="tag">Bash</span>
-    </div>
-    <div class="card">
-      <h3>Memory &amp; Research</h3>
-      <p>Auto-memory with semantic search. Deep research across files, wiki, and web. XP system with knowledge graph.</p>
-      <span class="tag">/memory</span> <span class="tag">/research</span>
-    </div>
-    <div class="card">
-      <h3>Voice &amp; Automation</h3>
-      <p>Voice mode with Whisper, 24/7 daemon agent, scheduled tasks, recurring loops, and bridge for remote control.</p>
-      <span class="tag">/voice</span> <span class="tag">/daemon</span>
-    </div>
-    <div class="card">
-      <h3>Ultracode &amp; Reasoning</h3>
-      <p>Ultracode mode with xhigh effort, parallel subtasks, and adversarial verifiers. Configurable reasoning effort per provider.</p>
-      <span class="tag">/ultracode</span> <span class="tag">/effort</span>
-    </div>
-    <div class="card">
-      <h3>OAuth &amp; Permissions</h3>
-      <p>Granular permissions with allow/deny rules, 7 permission modes, sandbox mode. OAuth for Anthropic, Google, OpenAI.</p>
-      <span class="tag">/permissions</span> <span class="tag">/login</span>
-    </div>
-    <div class="card">
-      <h3>Plan, Review &amp; PR</h3>
-      <p>Plan mode for complex tasks. AI code review with auto-fix. Full GitHub PR lifecycle — create, review, merge, comment.</p>
-      <span class="tag">/plan</span> <span class="tag">/review</span>
-    </div>
-    <div class="card">
-      <h3>Process Mesh &amp; Agents</h3>
-      <p>Distributed process-backed workers with PTY/exec modes. Subagents, background tasks, and multi-agent coordination.</p>
-      <span class="tag">/agent</span> <span class="tag">ProcessMesh</span>
-    </div>
-    <div class="card">
-      <h3>Taste &amp; Preference Learning</h3>
-      <p>Adaptive preference learning engine — learns your coding style, tool preferences, and workflow patterns over time.</p>
-      <span class="tag">/taste</span> <span class="tag">/buddy</span>
-    </div>
-    <div class="card">
-      <h3>Skills &amp; Workflows</h3>
-      <p>Reusable skill instructions, dynamic workflows in YAML/JSON, SearXNG local search, and multi-source research.</p>
-      <span class="tag">/skill</span> <span class="tag">/workflow</span>
-    </div>
-  </div>
+<div class="stats">
+  <div class="stat"><div class="stat-num">27</div><div class="stat-lbl">Providers</div></div>
+  <div class="stat"><div class="stat-num">50+</div><div class="stat-lbl">Built-in Tools</div></div>
+  <div class="stat"><div class="stat-num">15</div><div class="stat-lbl">Mesh Tools</div></div>
+  <div class="stat"><div class="stat-num">7</div><div class="stat-lbl">Permission Modes</div></div>
+</div>
-  <h2>Why Clew?</h2>
-  <div class="grid">
-    <div class="card">
-      <h3>Provider Freedom</h3>
-      <p>Use any AI provider — switch between them mid-session. No vendor lock-in. Consistent tool calling across all providers.</p>
-    </div>
-    <div class="card">
-      <h3>Team-Ready</h3>
-      <p>P2P swarm lets instances collaborate over LAN. Broadcast tasks, orchestrate multi-agent workflows without a central server.</p>
-    </div>
-    <div class="card">
-      <h3>Fully Extensible</h3>
-      <p>Plugins with hot-reload, MCP servers, custom skills. Every part can be extended.</p>
-    </div>
+<h2 id="features">Features</h2>
+<div class="grid">
+  <div class="card">
+    <h3>27 Providers</h3>
+    <p>Anthropic, OpenAI, Google Gemini, DeepSeek, Groq, Mistral, Ollama, OpenRouter, and 19 more. Switch mid-session with <code>/model</code>.</p>
+  </div>
+  <div class="card">
+    <h3>LAN Mesh</h3>
+    <p>Discover peers, assign tasks, execute remote commands, and coordinate across machines via UDP multicast or file registry.</p>
+    <span class="tag">15 tools</span>
+  </div>
+  <div class="card">
+    <h3>Autonomous Loop</h3>
+    <p>Persistent task queue, lease-based concurrency, exponential-backoff retry, dead-letter management, and cron scheduling.</p>
+  </div>
+  <div class="card">
+    <h3>MCP Integration</h3>
+    <p>Model Context Protocol via stdio, SSE with OAuth, or DirectConnect for in-process plugin servers.</p>
+  </div>
+  <div class="card">
+    <h3>50+ Built-in Tools</h3>
+    <p>Read, Write, Edit, Bash, WebSearch, WebFetch, Browser (Playwright), PR, NotebookEdit, JsonPath, and more.</p>
+  </div>
+  <div class="card">
+    <h3>3 Execution Layers</h3>
+    <p>Subagents (one-shot), Swarm/Teammates (long-running), Process Mesh (Codex via exec/pty).</p>
+  </div>
+  <div class="card">
+    <h3>Skills &amp; Plugins</h3>
+    <p>Extend via SKILL.md, plugin manifests with lifecycle hooks at every stage (PreToolUse, PostBash, and more).</p>
+  </div>
+  <div class="card">
+    <h3>7 Permission Modes</h3>
+    <p>Default, ask, plan, auto, acceptEdits, bypassPermissions, dontAsk — with granular allow/deny rule patterns.</p>
   </div>
+  <div class="card">
+    <h3>Plan Mode</h3>
+    <p>Full-access planning with bypass permissions. Explore, read, write, and edit freely. Plans persist with progress snapshots.</p>
+  </div>
+  <div class="card">
+    <h3>Memory System</h3>
+    <p>Persistent auto-memory, topic indexing, session digests with weekly/monthly consolidation — like human memory decay.</p>
+  </div>
+  <div class="card">
+    <h3>Web UI &amp; Remote</h3>
+    <p>Local WebSocket server with one-time auth tokens, optional NAT-traversal relay, and session management.</p>
+  </div>
+  <div class="card">
+    <h3>Multi-Pass Compaction</h3>
+    <p>Automatic chunk-based context compression with recursive re-compaction when context exceeds the model window.</p>
+  </div>
+</div>
+<h2 id="quick-start">Quick Start</h2>
+<pre><code class="language-bash">npm install -g clew-code
+cd my-project
+clew
-  <footer class="footer">
-    <span>Clew Code — Open Source</span>
-    <div class="footer-links">
-      <a href="https://github.com/ClewCode/ClewCode">GitHub</a>
-      <a href="https://npmjs.com/package/clew-code">npm</a>
-      <a href="commands.html">Commands</a>
-      <a href="prompts-and-features.html">Reference</a>
-    </div>
-  </footer>
+# Inside the REPL:
+# /model openai      # pick a provider
+# /help              # list all commands
+# /mesh discover     # find peers on LAN
+</code></pre>
+<h2 id="concepts">Core Concepts</h2>
+<p>Clew Code has several execution layers, each serving a different purpose:</p>
+<div class="grid">
+  <div class="card">
+    <h3>Agent</h3>
+    <p>An AI worker with a prompt, model, tools, and permissions. The main chat session is an agent. Custom agents live in <code>.clew/agents/*.md</code>.</p>
+  </div>
+  <div class="card">
+    <h3>Subagent</h3>
+    <p>A short-lived child agent for independent work like codebase exploration or test triage. The built-in <code>Explore</code> agent is read-only.</p>
+  </div>
+  <div class="card">
+    <h3>Teammate / Swarm</h3>
+    <p>A longer-lived agent team member with identity, mailbox, task coordination, and optional pane/tmux execution.</p>
+  </div>
+  <div class="card">
+    <h3>LAN Mesh</h3>
+    <p>A network of Clew instances on the same machine or LAN. <code>/mesh</code> discovers peers, sends messages, and assigns tasks.</p>
+  </div>
+  <div class="card">
+    <h3>Process Mesh</h3>
+    <p>Local process-backed worker. Delegates prompts to external CLIs like Codex using exec or pty modes.</p>
+  </div>
+  <div class="card">
+    <h3>ACP</h3>
+    <p>Agent Client Protocol — an external boundary for editors, IDEs, REST clients, or other agents to send work into Clew.</p>
+  </div>
+</div>
+</div>
 </div>
-<script>
-document.getElementById('menuToggle')?.addEventListener('click',()=>{
-  document.querySelector('.header-nav')?.classList.toggle('open');
-});
-</script>
+<script src="js/main.js"></script>
 </body>
 </html>

package/docs/installation.html CHANGED Viewed

@@ -1,105 +1,77 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>Installation — Clew</title>
-  <meta name="description" content="Install Clew via npm, run from source, or use the prebuilt binary.">
-  <link rel="preconnect" href="https://fonts.googleapis.com">
-  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-  <link href="https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600;700&display=swap" rel="stylesheet">
-  <link rel="stylesheet" href="css/styles.css">
-  <link rel="icon" type="image/svg+xml" href="./assets/clew.svg">
-</head>
-<body>
-<header class="header"></header>
-<div class="app"><aside class="sidebar" id="sidebar"></aside><div class="sidebar-overlay" id="sidebarOverlay"></div>
-<div class="content-wrap"><main class="content">
-  <div class="breadcrumbs"><a href="index.html">Home</a><span class="sep">/</span><span>Installation</span></div>
-  <h1>Installation</h1>
-  <p class="section-subtitle">Clew runs on Windows, macOS, Linux, and WSL2. Runtime: Bun 1.3+.</p>
-  <h2>Prerequisites</h2>
-  <ul>
-    <li><strong>Bun 1.3+</strong> — required runtime for both global installs and source builds</li>
-    <li>At least one AI provider API key</li>
-  </ul>
-  <h2>Via npm (global)</h2>
-  <pre><code>npm install -g clew-code
-clew
-# Verify
-clew --version</code></pre>
-  <p><strong>Important:</strong> the npm package installs the launcher only. You must install <a href="https://bun.sh">Bun</a> separately before running <code>clew</code>.</p>
-  <h2>Via Bun (global)</h2>
-  <pre><code>bun install -g clew-code
-clew</code></pre>
-  <h2>From Source</h2>
-  <pre><code>git clone https://github.com/ClewCode/ClewCode.git
-cd ClewCode
-bun install
-bun run build
-bun run start
-# Development mode with watch
-bun run dev</code></pre>
-  <p>Build output goes to <code>dist/</code>. The build uses Bun bundler with compile-time feature defines (<code>TRANSCRIPT_CLASSIFIER</code>, <code>CHICAGO_MCP</code>).</p>
-  <h2>Platform-Specific Notes</h2>
-  <h3>Windows</h3>
-  <ul>
-    <li>Both cmd and PowerShell supported as shell targets</li>
-    <li>ripgrep bundled at <code>src/utils/vendor/ripgrep/x64-win32/rg.exe</code></li>
-    <li>WSL2 recommended for best experience</li>
-    <li>Windows argv normalization in <code>src/entry.ts</code></li>
-    <li>TTY polyfill for Ink compatibility in <code>src/main.tsx</code></li>
-  </ul>
-  <h3>macOS</h3>
-  <ul>
-    <li>CLI-based usage with (clew)</li>
-    <li>Voice Wake and Talk Mode overlays</li>
-    <li>Keychain prefetch for faster OAuth startup</li>
-    <li>WebChat and debug tools available</li>
-  </ul>
-  <h3>Linux</h3>
-  <ul>
-    <li>Full support via terminal</li>
-    <li>Tailscale Serve/Funnel for remote gateway access</li>
-  </ul>
-  <h2>Release Channels</h2>
-  <table>
-    <tr><th>Channel</th><th>npm Tag</th><th>Description</th></tr>
-    <tr><td>stable</td><td><code>latest</code></td><td>Tagged releases (vYYYY.M.D)</td></tr>
-    <tr><td>beta</td><td><code>beta</code></td><td>Prereleases (vYYYY.M.D-beta.N)</td></tr>
-    <tr><td>dev</td><td><code>dev</code></td><td>Moving main branch</td></tr>
-  </table>
-  <h2>Verifying Installation</h2>
-  <pre><code>/doctor     # Run environment diagnostics
-/status     # Check version, model, account, API connectivity</code></pre>
-  <footer class="footer">
-    <span>Clew Code 0.2.14 — Open Source</span>
-    <div class="footer-links">
-      <a href="https://github.com/ClewCode/ClewCode">GitHub</a>
-      <a href="https://github.com/ClewCode/ClewCode/issues">Issues</a>
-      <a href="https://npmjs.com/package/clew-code">npm</a>
-    </div>
-  </footer>
-</main>
-<nav class="toc-sidebar"></nav>
-</div>
-</div>
-<script src="js/main.js"></script>
-</body>
-</html>
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>Installation — Clew Code</title>
+<meta name="description" content="Install Clew Code via npm or build from source.">
+<link rel="icon" type="image/svg+xml" href="assets/clew.svg">
+<link rel="preconnect" href="https://fonts.googleapis.com">
+<link href="https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600;700&display=swap" rel="stylesheet">
+<link rel="stylesheet" href="css/styles.css">
+</head>
+<body>
+<header class="header"></header>
+<div id="sidebarOverlay" class="sidebar-overlay"></div>
+<aside id="sidebar" class="sidebar"></aside>
+<div class="content-wrap">
+<div class="content">
+<div class="breadcrumbs"><a href="index.html">Home</a><span class="sep">/</span><span class="current">Installation</span></div>
+<h1>Installation</h1>
+<h2 id="npm">Install via npm</h2>
+<pre><code class="language-bash">npm install -g clew-code
+# Verify installation
+clew --version
+</code></pre>
+<h2 id="build">Build from Source</h2>
+<pre><code class="language-bash">git clone https://github.com/ClewCode/ClewCode.git
+cd ClewCode
+bun install
+bun run build
+bun run start
+</code></pre>
+<h2 id="requirements">Requirements</h2>
+<table>
+  <thead>
+    <tr><th>Dependency</th><th>Minimum Version</th></tr>
+  </thead>
+  <tbody>
+    <tr><td>Bun</td><td>1.3+</td></tr>
+    <tr><td>Node.js</td><td>18+</td></tr>
+    <tr><td>Git</td><td>Any modern version</td></tr>
+    <tr><td>Provider API key</td><td>At least one (see <a href="providers.html">providers</a>)</td></tr>
+  </tbody>
+</table>
+<h2 id="platform">Platform Notes</h2>
+<h3>macOS</h3>
+<p>Works out of the box on both Apple Silicon and Intel Macs.</p>
+<h3>Linux</h3>
+<p>No special dependencies required.</p>
+<h3>Windows</h3>
+<p>Requires Git Bash, WSL, or PowerShell. Some features (e.g., ComputerUse) are Windows-only.</p>
+<pre><code class="language-powershell">Remove-Item -Recurse -Force node_modules
+bun install
+bun run dev
+</code></pre>
+<h2 id="verify">Verify Installation</h2>
+<pre><code class="language-bash">clew --version
+# Should print v0.2.21 or later
+</code></pre>
+</div>
+</div>
+<script src="js/main.js"></script>
+</body>
+</html>