engineering/uncloseai.com
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Changes to be committed:

Browse source 
modified:   public/uncloseai-js.html
This commit is contained in:
Russell Ballestrini 2025-10-26 11:24:39 -04:00
parent 71101019ab
commit 4c07f47f47
1 changed files with 20 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

35
public/uncloseai-js.html
View file

@ -6,7 +6,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="theme-color" content="#43a047">
<meta name="color-scheme" content="light dark">
<title>uncloseai.js - Client-Side AI | uncloseai.com</title>
<title>uncloseai.js - Client-Side Machine Learning | uncloseai.com</title>
<!-- PicoCSS -->
<link rel="stylesheet" href="/css/pico.classless.min.css">
@ -75,7 +75,7 @@
<header>
<hgroup>
<a href="https://uncloseai.com"><h1 class="unturf" style="font-family: 'ChunkFiveRegular';">uncloseai.</h1></a>
<p>uncloseai.js - Add AI to Any Website</p>
<p>uncloseai.js - Add Machine Learning to Any Website</p>
</hgroup>
<nav>
<ul>
@ -86,13 +86,13 @@
</nav>
</header>
<h2 id="intro">uncloseai.js - Client-Side AI for Everyone</h2>
<p><strong>uncloseai.js</strong> is a lightweight JavaScript library that adds a floating AI chat button to any website. With just one line of code, you can integrate Hermes AI directly into your site - no server required, no backend needed.</p>
<h2 id="intro">uncloseai.js - Client-Side Machine Learning for Everyone</h2>
<p><strong>uncloseai.js</strong> is a lightweight JavaScript library that adds a floating chat button to any website. With just one line of code, you can integrate Hermes model directly into your site - no server required, no backend needed. Absolutely no API keys to manage!</p>
<p>This is a <strong>web client-only solution</strong> that works with static sites, CDNs, GitHub Pages, and any hosting platform that serves HTML. Add AI capabilities to your documentation, blog, portfolio, or any web page instantly.</p>
<p>This is a <strong>web client-only solution</strong> that works with static sites, CDNs, GitHub Pages, and any hosting platform that serves HTML. Add capabilities to your documentation, blog, portfolio, or any web page instantly.</p>
<h3 id="installation">✨ One-Line Installation</h3>
<p>Add this script tag to your HTML to get the same floating AI button on your site:</p>
<p>Add this script tag to your HTML to get the same floating machine learning button on your site:</p>
<pre><code class="html">&lt;script src="https://uncloseai.com/uncloseai.js" type="module"&gt;&lt;/script&gt;</code></pre>
<p>That's it! A floating "uncloseai." button will appear in the bottom right corner of your page.</p>
@ -101,20 +101,20 @@
<ul>
<li><strong>Zero Configuration</strong> - Works out of the box with sensible defaults</li>
<li><strong>No Server Required</strong> - Pure client-side JavaScript, runs entirely in the browser</li>
<li><strong>Streaming Responses</strong> - Real-time AI responses with smooth typewriter effect</li>
<li><strong>Streaming Responses</strong> - Real-time responses with smooth typewriter effect</li>
<li><strong>Mobile Friendly</strong> - Responsive design that works on all screen sizes</li>
<li><strong>Customizable</strong> - Control styling, positioning, and behavior via JavaScript variables</li>
<li><strong>Free & Open Source</strong> - Public domain software, use anywhere for any purpose</li>
</ul>
<h3 id="usage">📖 Basic Usage</h3>
<p>Once you've added the script tag, the floating button appears automatically. Click it to open the chat interface and start conversing with Hermes AI.</p>
<p>Once you've added the script tag, the floating button appears automatically. Click it to open the chat interface and start conversing with Hermes.</p>
<p>The chat interface includes:</p>
<ul>
<li>A textarea for your message input</li>
<li>A send button to submit your question</li>
<li>Real-time streaming responses from the AI</li>
<li>Real-time streaming responses from the models</li>
<li>Auto-scrolling to keep the latest message in view</li>
<li>Mobile-responsive design that adapts to screen size</li>
</ul>
@ -157,13 +157,13 @@
<tr>
<td><code>UNCLOSEAI_MODEL</code></td>
<td><code>adamo1139/Hermes-3-Llama-3.1-8B-FP8-Dynamic</code></td>
<td>AI model identifier</td>
<td>machine learning model identifier</td>
</tr>
</tbody>
</table>
<h3 id="example">🎮 Try It Now</h3>
<p>This page has uncloseai.js installed. Look for the floating "uncloseai." button in the bottom right corner of your screen and click it to start chatting with Hermes AI!</p>
<p>This page has uncloseai.js installed. Look for the floating "uncloseai." button in the bottom right corner of your screen and click it to start chatting with Hermes!</p>
<p><strong>Example prompts to try:</strong></p>
<ul>
@ -177,10 +177,10 @@
<p>uncloseai.js is perfect for:</p>
<ul>
<li><strong>Documentation sites</strong> - Let users ask questions about your docs</li>
<li><strong>Personal blogs</strong> - Add an AI assistant to engage with readers</li>
<li><strong>Portfolios</strong> - Showcase AI integration skills</li>
<li><strong>Static sites</strong> - Add dynamic AI features without a backend</li>
<li><strong>Educational content</strong> - Provide interactive AI tutoring</li>
<li><strong>Personal blogs</strong> - Add an assistant to engage with readers</li>
<li><strong>Portfolios</strong> - Showcase integration skills</li>
<li><strong>Static sites</strong> - Add dynamic features without a backend</li>
<li><strong>Educational content</strong> - Provide interactive tutoring</li>
<li><strong>Landing pages</strong> - Answer visitor questions instantly</li>
</ul>
@ -194,6 +194,11 @@
<li><strong>Responsive Design</strong> - Mobile-first approach with media queries</li>
</ul>
<h3>Battery-Powered Devices & Machine Learning</h3>
<p>
uncloseai.js is a game-changer for battery-powered devices like smartphones, tablets, & laptops, which often when often on-the-go lack enough energy reservations to run large language models locally. By leveraging a client-side JavaScript library, uncloseai.js offloads the heavy processing to backend inference servers powered by community GPUs. This approach eliminates the need for API keys, simplifying integration and removing the burden of securing sensitive credentials on the client side. As a result, resource-constrained devices can seamlessly access powerful capabilities without draining battery life or requiring complex security measures, making uncloseai.js an ideal solution for adding machine learning to websites accessed on mobile and portable devices.
</p>
<h3>Open Source</h3>
<p>uncloseai.js is <strong>public domain software</strong> - completely free to use, modify, and distribute. No attribution required, though always appreciated!</p>