Merge pull request #32 from replicate/call-for-help-on-canvas-impleme…

…ntation

call for help to fix the canvas bug

components/footer.js

@@ -5,24 +5,46 @@ export default function Footer({ events }) {
     <footer className="w-full my-8">
       <div className="text-center lil-text mt-8">
         <div className="inline-block py-3 px-4 border bg-gray-200 rounded-lg">
-          🍿 Want to build an app like this? <Link
-          href="https://github.com/replicate/scribble-diffusion"
-          target="_blank">Fork it on GitHub</Link> or check out the{" "}
+          🍿 Want to build an app like this?{" "}
+          <Link
+            href="https://github.com/replicate/scribble-diffusion"
+            target="_blank"
+          >
+            Fork it on GitHub
+          </Link>{" "}
+          or check out the{" "}
           <Link href="https://youtu.be/6z07OdbrWOs" target="_blank">
             video tutorial
           </Link>
           .
         </div>
       </div>
 
+      <div className="text-center text-sm mt-8">
+        <div className="inline-block py-3 px-4 border border-red-200 bg-red-100 text-orange-900 rounded-lg">
+          🐞 The canvas has some bugs on iOS and Firefox.{" "}
+          <Link
+            href="https://github.com/replicate/scribble-diffusion/issues/31"
+            target="_blank"
+            className="text-orange-900 underline"
+          >
+            Want to help fix it?
+          </Link>
+        </div>
+      </div>
+
       <div className="text-center lil-text mt-8">
         Powered by{" "}
+        <Link href="https://github.com/lllyasviel/ControlNet" target="_blank">
+          ControlNet
+        </Link>{" "}
+        by{" "}
         <Link
-          href="https://github.com/lllyasviel/ControlNet"
+          href="https://lllyasviel.github.io/Style2PaintsResearch/lvmin"
           target="_blank"
         >
-          ControlNet
-        </Link> by <Link href="https://lllyasviel.github.io/Style2PaintsResearch/lvmin" target="_blank">Lyumin Zhang</Link>
+          Lyumin Zhang
+        </Link>
         ,{" "}
         <Link
           href="https://replicate.com/jagilley/controlnet-scribble?utm_source=project&utm_campaign=scribblediffusion"
@@ -34,12 +56,11 @@ export default function Footer({ events }) {
         <Link href="https://vercel.com/templates/ai" target="_blank">
           Vercel
         </Link>
-        , and {" "}
+        , and{" "}
         <Link href="https://upload.io" target="_blank">
           Upload
         </Link>
         .
-
       </div>
     </footer>
   );