Upload folder using huggingface_hub

index.html

@@ -14,6 +14,7 @@
       <div class="links">
         <a href="https://huggingface.co/Georgefifth/tiny-browser-planner-reason" class="btn" target="_blank" rel="noopener noreferrer">Model</a>
         <a href="https://huggingface.co/datasets/Georgefifth/tiny-browser-planner-reason-dataset" class="btn" target="_blank" rel="noopener noreferrer">Dataset</a>
+        <a href="https://colab.research.google.com/#file=https://huggingface.co/Georgefifth/tiny-browser-planner-reason/resolve/main/demo_colab.ipynb" class="btn colab" target="_blank" rel="noopener noreferrer">Open in Colab</a>
       </div>
     </header>
 
@@ -133,6 +134,7 @@
 
     <section>
       <h3>Try It Yourself</h3>
+      <p><a href="https://colab.research.google.com/#file=https://huggingface.co/Georgefifth/tiny-browser-planner-reason/resolve/main/demo_colab.ipynb" target="_blank">Open in Colab</a> (free GPU, no setup) or run locally:</p>
       <pre><code>from unsloth import FastLanguageModel
 import torch, re
 

style.css

@@ -61,6 +61,16 @@ h1 {
   border-color: #555;
 }
 
+.btn.colab {
+  background: #1a3a1a;
+  border-color: #2a5a2a;
+}
+
+.btn.colab:hover {
+  background: #2a5a2a;
+  border-color: #4a8a4a;
+}
+
 section {
   margin: 40px 0;
 }