docs(readme): deprecation callout (#147)

alexcg1 · web-flow · commit e36b7bacd3c3 · 2023-01-25T15:08:42.000+01:00
* docs(readme): deprecation callout

Signed-off-by: Alex C-G &lt;alexcg@outlook.com&gt;

* docs(readme): border color, emoji

Signed-off-by: Alex C-G &lt;alexcg@outlook.com&gt;

* fix(readme): bring back diagram

Signed-off-by: Alex C-G &lt;alexcg@outlook.com&gt;

Signed-off-by: Alex C-G &lt;alexcg@outlook.com&gt;
diff --git a/.github/deprecation-banner.svg b/.github/deprecation-banner.svg
@@ -0,0 +1,15 @@
+<svg fill="none" viewBox="0 0 1000 100" xmlns="http://www.w3.org/2000/svg">
+  <foreignObject width="100%" height="100%">
+    <div xmlns="http://www.w3.org/1999/xhtml"
+      style="background-color: #f8d7da; text-align:center; margin-left: auto; margin-right: auto; border-radius: 6px; border-style: solid; border-width: 1px; border-color: #f5c6cb; color: #24292e;">
+      <style> p { font-family: sans-serif; font-size: max(1em, 12px); ation: mymove 2s infinite;-->
+        } @keyframes mymove { from {
+        color: red; } to { color: yellow; } } </style>
+      <p>
+        <a href="fast">
+          <!--startmsg--> ⚠️ For cost-efficiency, we no longer host a DALL-E Flow demo server. Click
+          here to see how you can deploy it for yourself! </a>
+      </p>
+    </div>
+  </foreignObject>
+</svg>
diff --git a/README.md b/README.md
@@ -1,4 +1,8 @@
 <p align="center">
+<!--startmsg-->
+<a href="#server"><img src="./.github/deprecation-banner.svg?raw=true"></a>
+<!--endmsg--><p align="center">
+
 <img src="https://github.com/jina-ai/dalle-flow/blob/main/.github/banner.svg?raw=true" alt="DALL·E Flow: A Human-in-the-loop workflow for creating HD images from text" width="60%">
 <br>
 <b>A Human-in-the-loop<sup><a href="https://en.wikipedia.org/wiki/Human-in-the-loop">?</a></sup> workflow for creating HD images from text</b>
