Add teaser image to org card (index.html); restore README

README.md

@@ -9,10 +9,6 @@ pinned: false
 
 Introducing **MiniT2I**: a simple pixel-space text-to-image generator baseline. Please use the project links below to navigate.
 
-<p align="center">
-  <img src="https://huggingface.co/spaces/MiniT2I/README/resolve/main/teaser.png" alt="MiniT2I teaser: a gallery of generated images" width="100%">
-</p>
-
 ## Links
 
 - Blog: [Text-to-Image Generation Made Simple](https://peppaking8.github.io/#/post/text-to-image-generation-made-simple)

index.html

@@ -48,6 +48,14 @@
         line-height: 1.9;
       }
 
+      img.teaser {
+        display: block;
+        width: 100%;
+        height: auto;
+        margin: 24px 0 8px;
+        border-radius: 12px;
+      }
+
       @media (prefers-color-scheme: dark) {
         body {
           background: #111827;
@@ -68,6 +76,7 @@
         text-to-image generator baseline. Please use the project links below
         to navigate.
       </p>
+      <img class="teaser" src="teaser.png" alt="MiniT2I teaser: a gallery of text-to-image samples" />
       <ul>
         <li><a href="https://peppaking8.github.io/#/post/text-to-image-generation-made-simple">Blog post</a></li>
         <li><a href="https://github.com/Hope7Happiness/t2i-release">PyTorch/Diffusers code</a></li>