Update README.md

README.md

@@ -8,48 +8,38 @@ pinned: false
 ---
 
 <div class="grid lg:grid-cols-3 gap-x-4 gap-y-7">
-	<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
+    <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>
+        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"
-		/>
-		<div class="underline">Bookbot Website</div>
-	</a>
+        <img alt="" src="https://huggingface.co/spaces/bookbot/README/raw/main/logo.png"
+            class="w-full h-40 object-cover mb-2 bg-gray-300 rounded-lg" />
+        <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"
-		/>
-		<div class="underline">Bookbot Overview</div>
-	</a>
+        <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" />
+        <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/demo.png"
-			class="w-full h-40 object-cover mb-2 bg-gray-300 rounded-lg"
-		/>
-		<div class="underline">Find all our models in the Hub</div>
-	</a>
+        <img alt="" src="https://huggingface.co/spaces/bookbot/README/raw/main/demo.png"
+            class="w-full h-40 object-cover mb-2 bg-gray-300 rounded-lg" />
+        <div class="underline">Find all our models in the Hub</div>
+    </a>
     <div class="lg:col-span-3">
-		<p class="mb-4">
-			To use one of our models available on the Hub, you can 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">
+        <p class="mb-4">
+            To use one of our models available on the Hub, you can 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">
 	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>
+        </div>
+    </div>
+</div>