Update README.md

README.md

@@ -1,5 +1,5 @@
 ---
-title: Soft Prompting
+title: Soft prompting
 emoji: 🐨
 colorFrom: green
 colorTo: purple
@@ -7,4 +7,33 @@ sdk: static
 pinned: false
 ---
 
-Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
+<div class="bg-card text-card-foreground grid w-full max-w-sm gap-10 rounded-lg border p-10 shadow-lg" data-v0-t="card">
+  <div class="flex flex-col items-center gap-4 space-y-0 p-0">
+    <div class="grid gap-1 text-center">
+      <h3 class="text-lg font-semibold tracking-tight">Soft prompting</h3>
+      <p class="text-muted-foreground text-xs">Click on each method to view an example Colaboratory notebook!</p>
+    </div>
+  </div>
+  <div class="grid gap-4 p-0">
+    <div class="flex items-center gap-4 text-sm">
+      <div class="focus:ring-ring bg-secondary text-secondary-foreground inline-flex items-center rounded-full border border-transparent px-2.5 py-0.5 text-xs font-semibold transition-colors hover:bg-gray-100/50 focus:outline-none focus:ring-2 focus:ring-offset-2 dark:hover:bg-gray-800/50">
+        <a href="#">Multitask prompt tuning</a>
+      </div>
+    </div>
+    <div class="flex items-center gap-4 text-sm">
+      <div class="focus:ring-ring bg-secondary text-secondary-foreground inline-flex items-center rounded-full border border-transparent px-2.5 py-0.5 text-xs font-semibold transition-colors hover:bg-gray-100/50 focus:outline-none focus:ring-2 focus:ring-offset-2 dark:hover:bg-gray-800/50">
+        <a href="#">P-tuning</a>
+      </div>
+    </div>
+    <div class="flex items-center gap-4 text-sm">
+      <div class="focus:ring-ring bg-secondary text-secondary-foreground inline-flex items-center rounded-full border border-transparent px-2.5 py-0.5 text-xs font-semibold transition-colors hover:bg-gray-100/50 focus:outline-none focus:ring-2 focus:ring-offset-2 dark:hover:bg-gray-800/50">
+        <a href="https://huggingface.co/spaces/PEFT/soft-prompting/blob/main/prefix-tuning-clm.ipynb">Prefix tuning</a>
+      </div>
+    </div>
+    <div class="flex items-center gap-4 text-sm">
+      <div class="focus:ring-ring bg-secondary text-secondary-foreground inline-flex items-center rounded-full border border-transparent px-2.5 py-0.5 text-xs font-semibold transition-colors hover:bg-gray-100/50 focus:outline-none focus:ring-2 focus:ring-offset-2 dark:hover:bg-gray-800/50">
+        <a href="#">Prompt tuning</a>
+      </div>
+    </div>
+  </div>
+</div>