Update README.md

README.md

@@ -1,12 +1,58 @@
 ---
 title: README
-emoji: 🐢
-colorFrom: red
-colorTo: green
-sdk: streamlit
-app_file: app.py
+emoji: 🤖
+colorFrom: yellow
+colorTo: orange
+sdk: static
 pinned: false
-license: apache-2.0
 ---
 
-Check out the configuration reference at https://huggingface.co/docs/hub/spaces#reference
+<div class="grid lg:grid-cols-3 gap-x-4 gap-y-4">
+	<p class="lg:col-span-3">
+		Bookbot is a learn-to-read mobile app, compatible with iOS & Android. Our app tailors to the needs of users with
+        learning disabilities by highlighting words as they read and providing an audio companion to show how words are
+        correctly pronounced through audio synthesis. We use 🤗HuggingFace to facilitate model training, hosting, and sharing.
+	</p>
+    <a href="https://www.bookbotkids.com/" class="block overflow-hidden">
+		<img
+			alt=""
+			src="https://huggingface.co/spaces/bookbot/README/raw/main/overview.png"
+			class="w-full h-40 object-cover mb-2 bg-gray-300 rounded-lg"
+            style="margin:0;"
+		/>
+		<div class="underline">Bookbot Website</div>
+	</a>
+    <a href="https://www.youtube.com/watch?v=fbmP2rkwcc0" class="block overflow-hidden">
+		<img
+			alt=""
+			src="https://huggingface.co/spaces/bookbot/README/raw/main/overview.png"
+			class="w-full h-40 object-cover mb-2 bg-gray-300 rounded-lg"
+            style="margin:0;"
+		/>
+		<div class="underline">Bookbot Overview</div>
+	</a>
+    <a href="https://huggingface.co/bookbot" class="block overflow-hidden">
+		<img
+			alt=""
+			src="https://huggingface.co/spaces/bookbot/README/raw/main/overview.png"
+			class="w-full h-40 object-cover mb-2 bg-gray-300 rounded-lg"
+            style="margin:0;"
+		/>
+		<div class="underline">Find all our models in the Hub</div>
+	</a>
+    <div class="lg:col-span-3">
+		<p class="mb-4">
+			To use our models available on the Hub, you try the following example:
+		</p>
+		<div
+			class="p-4 bg-gradient-to-b from-gray-50-to-white border border-gray-100 rounded-lg relative mb-4"
+		>
+			<pre class="break-words leading-1 whitespace-pre-line text-xs md:text-sm text-gray-800" style="margin:0;">
+	from transformers import pipeline
+    pretrained_name = "bookbot/gpt2-indo-medium-kids-stories"
+    nlp = pipeline("text-generation", model=pretrained_name, tokenizer=pretrained_name)
+    nlp("Archie sedang mengendarai roket ke planet Mars.")
+		</pre>
+		</div>
+	</div>
+</div>