De-emphasize visual editor since it's not support is not great now (#212

)

README.md

@@ -13,17 +13,13 @@ Mesop is a Python-based UI framework that allows you to rapidly build web apps l
 **Frictionless developer workflows 🏎️**
 
 - Hot reload so the browser automatically reloads and preserves state
-- Edit your UI code directly in the browser using the visual editor
+- Rich IDE support with strong type safety
 
 **Flexible for delightful demos 🤩**
 
 - Build custom UIs _without_ writing Javascript/CSS/HTML
 - Compose your UI into components, which are just Python functions
 
-**Edit your UI directly in the browser using the Visual Editor 🪄**
-
-[![Visual Editor](https://img.youtube.com/vi/tvbO-Lqq_TA/0.jpg)](https://www.youtube.com/watch?v=tvbO-Lqq_TA)
-
 ## Write your first Mesop app in less than 10 lines of code...
 
 [Demo app](https://mesop-y677hytkra-uc.a.run.app/text_io)

docs/index.md

@@ -39,7 +39,7 @@ Mesop is a Python-based UI framework that allows you to rapidly build web apps l
     <div class="reason-title">Fast iteration</div>
     <ul>
       <li><b>Hot reload</b> so the browser automatically reloads and preserves state</li>
-      <li>Edit your UI code directly in the browser using the visual editor <em>(see below)</em></li>
+      <li>Rich IDE support with strong type safety</li>
     </ul>
   </div>
   <div class="reason-box">
@@ -51,18 +51,6 @@ Mesop is a Python-based UI framework that allows you to rapidly build web apps l
   </div>
 </div>
 
-<div class="video-card">
-<div style="text-align: center; font-size: 18px; font-weight: 500; margin-bottom: 12px;">
-Edit your UI directly in the browser using the Visual Editor
-</div>
-
- <div class="video-container">
-
-<iframe width="560" height="315" src="https://www.youtube.com/embed/tvbO-Lqq_TA?si=bf5pTMneieRLisMc" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
-</div>
-
-</div>
-
 ## Write your first Mesop app in less than 10 lines of code...
 
 === "Demo & Code"

docs/stylesheets/extra.css

@@ -269,20 +269,3 @@ p {
   overflow-y: auto;
   border: 0;
 }
-
-.video-card {
-  box-shadow:
-    0 10px 20px #0000000a,
-    0 2px 6px #0000000a,
-    0 0 1px #0000000a;
-  border: 1px solid rgb(243, 244, 246);
-  border-radius: 12px;
-  padding: 16px;
-  margin: 0 auto;
-  width: min(100%, 640px);
-}
-
-.video-container {
-  display: flex;
-  justify-content: center;
-}