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:
parent
2734ddf956
commit
53df255b9b
2 changed files with 6 additions and 30 deletions
|
|
@ -34,21 +34,9 @@ Here is the HTML we needed to add to _this_ site, to make it work:
|
||||||
|
|
||||||
.. code-block:: html
|
.. code-block:: html
|
||||||
|
|
||||||
<head>
|
<script src="https://uncloseai.com/uncloseai.js" type="module"></script>
|
||||||
<!-- 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" />
|
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.
|
||||||
<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>
|
|
||||||
|
|
||||||
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.
|
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.
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -66,21 +66,9 @@ Add the following HTML snippet to your site to get started:
|
||||||
|
|
||||||
.. code-block:: html
|
.. code-block:: html
|
||||||
|
|
||||||
<head>
|
<script src="https://uncloseai.com/uncloseai.js" type="module"></script>
|
||||||
<!-- 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" />
|
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.
|
||||||
<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>
|
|
||||||
|
|
||||||
|
|
||||||
**Try It Out!**
|
**Try It Out!**
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue