update content

README.md

@@ -5,6 +5,7 @@ colorFrom: green
 colorTo: purple
 sdk: docker
 pinned: false
+short_description: Run the finetuned SmolLM-360M in realtime with WebLLM
 license: mit
 app_port: 3000
 ---

src/routes/+page.svelte

@@ -19,10 +19,10 @@
 
     const promptExamples = [
         "Tell me a story about a cat.",
-        "Write a poem about the ocean.",
         "What is refraction?",
         "Explain thermal conductivity",
         "What is Newton's first law of motion?",
+        "How do I make everything uppercase in Python?",
     ]
 
     async function setPrompt(prompt: string) {
@@ -91,8 +91,8 @@
 
             outputText = response.choices[0].message.content || "";
 
-            // indicate that the response was cut short
-            if (response.choices[0].finish_reason === "length") {
+            // indicate that the response was cut short if it doesn't end with a period
+            if (response.choices[0].finish_reason === "length" && outputText[outputText.length - 1] !== ".") {
                 outputText += "...";
             }
 
@@ -121,9 +121,14 @@
     onMount(loadWebLLM);
 </script>
 
-<div class="flex my-20 flex-col items-center gap-4 max-w-xl mx-auto">
+<div class="flex my-20 flex-col items-center gap-4 max-w-2xl mx-auto">
     <h1 class="text-center font-mono font-bold text-4xl">SmolLM 🤗</h1>
-    <p class="text-center font-mono text-sm mb-4">Powered by <a href="https://huggingface.co/mlc-ai" target="_blank" class="underline text-blue-500">MLC</a> WebLLM <a class="underline text-blue-500" href="https://huggingface.co/HuggingFaceTB/smollm-360M-instruct-add-basics" target="_blank">SmolLM-360M-Instruct-Add-Basics</a> <span class="text-xs italic">(15 Max Tokens)</span></p>    
+    <p class="text-center font-mono text-sm mb-4">
+        Powered by <a href="https://huggingface.co/mlc-ai" target="_blank" class="underline text-blue-500">MLC</a>,
+        <a href="https://github.com/mlc-ai/web-llm" target="_blank" class="underline text-blue-500">WebLLM</a>, and
+        <a class="underline text-blue-500" href="https://huggingface.co/HuggingFaceTB/smollm-360M-instruct-add-basics" target="_blank">SmolLM-360M-Instruct-Add-Basics</a> 
+        <span class="text-xs italic">(15 Max Tokens)</span>
+    </p>    
 
     <Textarea 
         bind:value={inputText}
@@ -132,7 +137,7 @@
         class="w-full text-lg" 
         placeholder="Say something..."
     />
-    <p class="text-center text-xs italic">This is a smol model, go easy on it.</p>
+    <p class="text-center text-xs italic">This is a smol model, go easy on it. Check out <a href="https://huggingface.co/spaces/HuggingFaceTB/SmolLM-360M-Instruct-WebGPU" target="_blank" class="underline text-blue-500">this demo</a> for full conversations.</p>
     {#if isLoading}
         <p class="text-sm text-slate-600 text-center">{loadingStatus}</p>
     {:else if error}