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

fix: use semantic HTML and PicoCSS styling for table of contents

Browse source 
- Changed from <section> to <aside> for proper semantic navigation
- Removed custom CSS overrides that conflicted with PicoCSS
- Simplified structure from nested ordered/unordered lists to flat unordered list
- Removed inline styling to let PicoCSS handle navigation appearance
- Improved accessibility and framework compatibility

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

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Russell Ballestrini 2025-07-04 15:41:25 -04:00
parent d9b9b8a5c1
commit 38054643d4
1 changed files with 10 additions and 22 deletions
Download patch file Download diff file Expand all files Collapse all files

32
index.html
View file

@ -67,36 +67,24 @@
<p>We intend to be a drop in replacement, you can use the existing open source OpenAI client to communicate with us.</p>
<!-- Table of Contents -->
<section>
<aside>
<h3>📋 Table of Contents</h3>
<nav>
<ol>
<li><a href="#client-side">Web Client-Only Solution</a>
<ul>
<li><a href="#quick-start">🚀 Quick Start: Install uncloseai.js</a></li>
<li><a href="#openai-client">Installing the OpenAI Client</a></li>
</ul>
</li>
<li><a href="#hermes-model">Using the Hermes AI Model</a>
<ul>
<li><a href="#hermes-model">Python Examples</a></li>
</ul>
</li>
<ul>
<li><a href="#client-side">Web Client-Only Solution</a></li>
<li><a href="#quick-start">🚀 Quick Start: Install uncloseai.js</a></li>
<li><a href="#openai-client">Installing the OpenAI Client</a></li>
<li><a href="#hermes-model">Using the Hermes AI Model</a></li>
<li><a href="#nodejs-examples">Node.js Examples</a></li>
<li><a href="#tts">Using the Text To Speech Endpoint</a>
<ul>
<li><a href="#tts">Python TTS Example</a></li>
<li><a href="#tts">Node.js TTS Example</a></li>
</ul>
</li>
<li><a href="#tts">Using the Text To Speech Endpoint</a></li>
<li><a href="#inference">How we run inference</a></li>
<li><a href="#open-source">Open Source & Public Domain</a></li>
<li><a href="#discussions">Questions & Comments & Discussions</a></li>
</ol>
</ul>
</nav>
<p><strong>🎮 Looking for examples and interactive demos?</strong> <a href="https://ai.unturf.com/demo.html" style="font-weight: bold; color: #43a047;">Visit our comprehensive demo page →</a></p>
</section>
<p><strong>🎮 Looking for examples and interactive demos?</strong> <a href="https://ai.unturf.com/demo.html">Visit our comprehensive demo page →</a></p>
</aside>
<h2 id="client-side">Web Client-Only Solution: Interact with AI Services Directly from Static Sites or CDNs</h2>