feat: display first partial iframe

package.json

@@ -9,7 +9,8 @@
     "build": "astro build",
     "preview": "astro preview",
     "astro": "astro",
-    "deploy": "astro build && scp -r dist/. ayo@ayco.io:~/ayco.io-flask/dist"
+    "deploy": "astro build && scp -r dist/. ayo@ayco.io:~/ayco.io-flask/dist",
+    "copy:dist": "astro build && cp -R dist ../ayco.io-flask"
   },
   "dependencies": {
     "@astro-reactive/form": "^0.10.0",

src/layouts/reset.css

@@ -47,6 +47,7 @@ iframe {
   display: block;
   max-width: 100%;
   margin: 0 auto;
+  border: 0;
 }
 /*
     7. Remove built-in form typography styles

src/pages/index.astro

@@ -3,6 +3,9 @@ import Layout from "../layouts/Layout.astro";
 import Card from "../components/Card.astro";
 import Footer from "../components/Footer.astro";
 import { stuff } from '../constants/stuff';
+
+const isDev = import.meta.env.DEV;
+const getOriginUrl = (path: string) => isDev ? `http://localhost:5000/${path}` : path;
 ---
 
 <Layout>
@@ -55,6 +58,7 @@ import { stuff } from '../constants/stuff';
         />
       </ul>
       <Footer />
+      <iframe style="width:100%" loading="lazy" src={getOriginUrl('p/feed')}></iframe>
     </section>
   </main>
 </Layout>