Upload 2 files

index.html

@@ -55,7 +55,6 @@
             <a href="#interactive-demo" class="nav-dot"
                 data-tooltip="Try It"></a>
             <a href="#text-handling" class="nav-dot" data-tooltip="Text handling"></a>
-            <a href="#built-with" class="nav-dot" data-tooltip="Built with Supertonic"></a>
             <a href="#features" class="nav-dot" data-tooltip="Features"></a>
             <a href="#languages" class="nav-dot" data-tooltip="Programming languages"></a>
             <a href="#research" class="nav-dot" data-tooltip="Research"></a>
@@ -369,7 +368,7 @@
                     <div id="demoError" class="demo-error"></div>
                 </div>
 
-                <div class="transformers-container supertonic-2-container">
+                <div class="supertonic-2-container">
                     <a href="https://huggingface.co/spaces/Supertone/supertonic-2" target="_blank" rel="noopener noreferrer">
                         <img src="img/supertonic-2.png" alt="Supertonic 2" class="supertonic-2-logo">
                     </a>
@@ -585,104 +584,6 @@
             </div>
         </section>
 
-        <!-- Built with Supertonic Section -->
-        <section class="built-with" id="built-with">
-            <div class="container">
-                <h2 class="section-title">Built with Supertonic</h2>
-                <h3 class="section-subtitle">Projects powered by Supertonic</h3>
-
-                <div class="built-with-list">
-                    <div class="built-with-item">
-                        <div class="built-with-content">
-                            <h4 class="built-with-name">Read Aloud</h4>
-                            <p class="built-with-desc">Open-source TTS browser extension</p>
-                        </div>
-                        <div class="built-with-links">
-                            <a href="https://chromewebstore.google.com/detail/read-aloud-a-text-to-spee/hdhinadidafjejdhmfkjgnolgimiaplp" class="btn btn-secondary" target="_blank" rel="noopener noreferrer">Chrome <span class="arrow">↗</span></a>
-                            <a href="https://microsoftedge.microsoft.com/addons/detail/read-aloud-a-text-to-spe/pnfonnnmfjnpfgagnklfaccicnnjcdkm" class="btn btn-secondary" target="_blank" rel="noopener noreferrer">Edge <span class="arrow">↗</span></a>
-                            <a href="https://github.com/ken107/read-aloud" class="btn btn-secondary" target="_blank" rel="noopener noreferrer">GitHub <span class="arrow">↗</span></a>
-                        </div>
-                    </div>
-                    <div class="built-with-item">
-                        <div class="built-with-content">
-                            <h4 class="built-with-name">PageEcho</h4>
-                            <p class="built-with-desc">E-Book reader app for iOS</p>
-                        </div>
-                        <div class="built-with-links">
-                            <a href="https://apps.apple.com/us/app/pageecho/id6755965837" class="btn btn-secondary" target="_blank" rel="noopener noreferrer">App Store <span class="arrow">↗</span></a>
-                        </div>
-                    </div>
-                    <div class="built-with-item">
-                        <div class="built-with-content">
-                            <h4 class="built-with-name">VoiceChat</h4>
-                            <p class="built-with-desc">On-device voice-to-voice LLM chatbot in the browser</p>
-                        </div>
-                        <div class="built-with-links">
-                            <a href="https://huggingface.co/spaces/RickRossTN/ai-voice-chat" class="btn btn-secondary" target="_blank" rel="noopener noreferrer">Demo <span class="arrow">↗</span></a>
-                            <a href="https://github.com/irelate-ai/voice-chat" class="btn btn-secondary" target="_blank" rel="noopener noreferrer">GitHub <span class="arrow">↗</span></a>
-                        </div>
-                    </div>
-                    <div class="built-with-item">
-                        <div class="built-with-content">
-                            <h4 class="built-with-name">OmniAvatar</h4>
-                            <p class="built-with-desc">Talking avatar video generator from photo + speech</p>
-                        </div>
-                        <div class="built-with-links">
-                            <a href="https://huggingface.co/spaces/alexnasa/OmniAvatar" class="btn btn-secondary" target="_blank" rel="noopener noreferrer">Demo <span class="arrow">↗</span></a>
-                        </div>
-                    </div>
-                    <div class="built-with-item">
-                        <div class="built-with-content">
-                            <h4 class="built-with-name">CopiloTTS</h4>
-                            <p class="built-with-desc">Kotlin Multiplatform TTS SDK via ONNX Runtime</p>
-                        </div>
-                        <div class="built-with-links">
-                            <a href="https://github.com/sigmadeltasoftware/CopiloTTS" class="btn btn-secondary" target="_blank" rel="noopener noreferrer">GitHub <span class="arrow">↗</span></a>
-                        </div>
-                    </div>
-                    <div class="built-with-item">
-                        <div class="built-with-content">
-                            <h4 class="built-with-name">Voice Mixer</h4>
-                            <p class="built-with-desc">PyQt5 tool for mixing and modifying voice styles</p>
-                        </div>
-                        <div class="built-with-links">
-                            <a href="https://github.com/Topping1/Supertonic-Voice-Mixer" class="btn btn-secondary" target="_blank" rel="noopener noreferrer">GitHub <span class="arrow">↗</span></a>
-                        </div>
-                    </div>
-                    <div class="built-with-item">
-                        <div class="built-with-content">
-                            <h4 class="built-with-name">Supertonic MNN</h4>
-                            <p class="built-with-desc">Lightweight library based on MNN (fp32/fp16/int8)</p>
-                        </div>
-                        <div class="built-with-links">
-                            <a href="https://github.com/vra/supertonic-mnn" class="btn btn-secondary" target="_blank" rel="noopener noreferrer">GitHub <span class="arrow">↗</span></a>
-                            <a href="https://pypi.org/project/supertonic-mnn/" class="btn btn-secondary" target="_blank" rel="noopener noreferrer">PyPI <span class="arrow">↗</span></a>
-                        </div>
-                    </div>
-                    <div class="built-with-item">
-                        <div class="built-with-content">
-                            <h4 class="built-with-name">Transformers.js</h4>
-                            <p class="built-with-desc">Hugging Face's JS library with Supertonic support</p>
-                        </div>
-                        <div class="built-with-links">
-                            <a href="https://github.com/huggingface/transformers.js/pull/1459" class="btn btn-secondary" target="_blank" rel="noopener noreferrer">GitHub PR <span class="arrow">↗</span></a>
-                            <a href="https://huggingface.co/spaces/webml-community/Supertonic-TTS-WebGPU" class="btn btn-secondary" target="_blank" rel="noopener noreferrer">Demo <span class="arrow">↗</span></a>
-                        </div>
-                    </div>
-                    <div class="built-with-item">
-                        <div class="built-with-content">
-                            <h4 class="built-with-name">Pinokio</h4>
-                            <p class="built-with-desc">1-click localhost cloud for Mac, Windows, and Linux</p>
-                        </div>
-                        <div class="built-with-links">
-                            <a href="https://pinokio.co/" class="btn btn-secondary" target="_blank" rel="noopener noreferrer">Pinokio <span class="arrow">↗</span></a>
-                            <a href="https://github.com/SUP3RMASS1VE/SuperTonic-TTS" class="btn btn-secondary" target="_blank" rel="noopener noreferrer">GitHub <span class="arrow">↗</span></a>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </section>
-
         <!-- Features Section -->
         <section class="features" id="features">
             <div class="container">

styles.css

@@ -922,7 +922,14 @@ section {
 }
 
 .transformers-container {
-    margin: 1rem auto 0;
+    margin: 5rem auto 0;
+    border-radius: 12px;
+    box-shadow: none;
+    text-align: center;
+}
+
+.supertonic-2-container {
+    margin: 5rem auto 0;
     border-radius: 12px;
     box-shadow: none;
     text-align: center;
@@ -947,10 +954,6 @@ section {
     opacity: 0.8;
 }
 
-.supertonic-2-container {
-    margin: 5rem auto 0;
-}
-
 .supertonic-2-container a {
     text-decoration: none;
 }