Update UncloseAI installation instructions to simplified one-liner

- Replace old multi-line HTML setup with single script tag
- Add type="module" attribute for proper ES module loading
- Highlight new features: floating AI assistant, TTS, translations, etc.
- Remove deprecated custom chat interface example from both blog posts

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Russell Ballestrini 2025-07-11 07:47:35 -04:00
parent 2734ddf956
commit 53df255b9b
2 changed files with 6 additions and 30 deletions

View file

@ -34,21 +34,9 @@ Here is the HTML we needed to add to _this_ site, to make it work:
.. code-block:: html
<head>
<!-- Highlight.js for syntax highlighting -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.10.0/styles/a11y-dark.min.css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.6.0/highlight.min.js"></script>
<script src="https://uncloseai.com/uncloseai.js"></script>
</head>
<div id="chat-container">
<div id="chat-box"></div>
<div></div>
</div>
<div>
<input type="text" id="user-input" placeholder="Ask about this page...">
<button onclick="handleUserInput()">Send</button>
</div>
<script src="https://uncloseai.com/uncloseai.js" type="module"></script>
That's it! This single line provides a floating AI assistant button with page-aware contextual help, text-to-speech functionality, translation capabilities, conversation history storage, and compatibility with any CSS framework.
I invite you to explore the service for yourself. Consider using it as is or building your own app/client. Let's make AI more accessible and create a world where everyone can benefit from its power.

View file

@ -66,21 +66,9 @@ Add the following HTML snippet to your site to get started:
.. code-block:: html
<head>
<!-- Highlight.js for syntax highlighting -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.10.0/styles/a11y-dark.min.css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.6.0/highlight.min.js"></script>
<script src="https://uncloseai.com/uncloseai.js"></script>
</head>
<div id="chat-container">
<div id="chat-box"></div>
<div></div>
</div>
<div>
<input type="text" id="user-input" placeholder="Ask about this page..." />
<button onclick="handleUserInput()">Send</button>
</div>
<script src="https://uncloseai.com/uncloseai.js" type="module"></script>
That's it! This single line provides a floating AI assistant button with page-aware contextual help, text-to-speech functionality, translation capabilities, conversation history storage, and compatibility with any CSS framework.
**Try It Out!**