Merge branch 'main' of https://github.com/MbFredys/mbfredys.github.io

MbFredys · Dec 27, 2023 · 44e7220 · 44e7220
2 parents 34722c5 + 19cf5de
commit 44e7220
Show file tree

Hide file tree

Showing 6 changed files with 78 additions and 102 deletions.
diff --git a/src/components/SideBar.astro b/src/components/SideBar.astro
@@ -30,7 +30,7 @@ import { Image } from "@astrojs/image/components";
       <!-- Sidebar content here -->
       <li><a id="home" href="/">Home</a></li>
       <li><a id="projects" href="/projects">Projects</a></li>
-      <li><a id="blog" href="/blog/">Blog</a></li>
+      <li><a id="blog" href="/blog">Blog</a></li>
       <li><a id="cv" href="/cv">CV</a></li>
       <li><a href="mailto:mb.freddys@gmail.com" target="_blank" referrerpolicy="no-referrer-when-downgrade">Contact</a></li>
     </ul>

diff --git a/src/content/blog/Qué es un dispositivo IoT.md b/src/content/blog/Qué es un dispositivo IoT.md
diff --git a/src/content/blog/telepaty.md b/src/content/blog/telepaty.md
diff --git a/src/pages/blog.astro b/src/pages/blog.astro
@@ -0,0 +1,38 @@
+---
+import BaseLayout from "../layouts/BaseLayout.astro";
+import HorizontalCard from "../components/HorizontalCard.astro";
+---
+
+<BaseLayout title = "Blog">
+  <div>
+    <div class="text-3xl w-full font-bold mb-5">Blog</div>
+  </div>
+
+
+<HorizontalCard
+   title="Robótica Educativa: ¿Qué es y cuáles son sus Beneficios?"
+   img="https://automatismosmundo.com/wp-content/uploads/2023/11/DALL%C2%B7E-2023-11-01-13.14.46-A-picture-that-describes-kids-learning-robotics-JPG-e1699185219814.jpg"
+   desc="La robótica educativa ofrece un entorno interactivo y práctico que estimula no solo el pensamiento crítico y la resolución de problemas, sino también la creatividad."
+   url="https://automatismosmundo.com/robotica-educativa-que-es-y-cuales-son-sus-beneficios/"
+ />
+
+ <div class="divider my-0"></div>
+
+ <HorizontalCard
+   title="La robótica en almacenes: una solución eficiente para la logística"
+   img="https://automatismosmundo.com/wp-content/uploads/2023/04/Leonardo_Creative_A_robotic_arm_in_a_factory_production_line_2.jpg"
+   desc="La aplicación de tecnologías robóticas para lograr la automatización de los procesos en almacenes, y poder aplicar el término Almacén Inteligente está siendo un tema muy solicitado en la industria en estos últimos años."
+   url="https://automatismosmundo.com/la-robotica-en-almacenes-una-solucion-eficiente-para-la-logistica/"
+ />
+
+ <div class="divider my-0"></div>
+
+<HorizontalCard
+  title="Home Automation: el futuro de las casas [ES-EN]"
+  img="https://images.ecency.com/DQmfA5LVw3AgzEVdmA8grWevx2YjYGFUXdA1nYmFNHLMY9f/oig.tvqpsuukocxvzdjjzwh_"
+  desc="¡Domótica! ¿Ya habías oído hablar de ella? Es una solución, casi mágica, diría mi abuela, para muchos de los problemas del hogar. Si eres de los que les gusta disfrutar del tiempo en casa para compartir con la familia, olvidándote de las tareas repetitivas y tediosas, esta es tu solución."
+  url="https://peakd.com/hive-163521/@mbfreddys/home-automation-el-futuro-de"
+/>
+</BaseLayout>
+
+
diff --git a/src/pages/blog/[...page].astro b/src/pages/blog/[...page].astro
@@ -12,35 +12,12 @@ export async function getStaticPaths({ paginate }) {
 const { page } = Astro.props;
 ---
 
-<BaseLayout title="Blog">
+<BaseLayout title="Blog's Articles">
   <div class="mb-5">
     <div class="text-3xl w-full font-bold">Blog</div>
   </div>
 
-  {
-    page.data.length === 0 ? (
-      <div class="bg-base-200 border-l-4 border-secondary w-full p-4 min-w-full">
-        <p class="font-bold">Sorry!</p>
-        <p>There are no blog posts to show at the moment. Check back later!</p>
-      </div>
-    ) : (
-      <ul>
-        {page.data.map((post) => (
-          <>
-            <HorizontalCard
-              title={post.data.title}
-              img={post.data.heroImage}
-              desc={post.data.description}
-              url={"/blog/" + post.slug}
-              target="_self"
-              badge={post.data.badge}
-            />
-            <div class="divider my-0" />
-          </>
-        ))}
-      </ul>
-    )
-  }
+
 
 
 <HorizontalCard

diff --git a/src/pages/blog/[slug].astro b/src/pages/blog/[slug].astro
@@ -1,30 +1,43 @@
 ---
-import { CollectionEntry, getCollection } from 'astro:content';
-import { BlogSchema } from '../../content/config';
-import PostLayout from '../../layouts/PostLayout.astro';
+import BaseLayout from "../../layouts/BaseLayout.astro";
+import HorizontalCard from "../../components/HorizontalCard.astro";
+import { getCollection } from "astro:content";
 
-export async function getStaticPaths() {
-    const postEntries = await getCollection('blog');
-    return postEntries.map(entry => ( { 
-        params: { slug: entry.slug }, props: { entry },
-    } ));
+export async function getStaticPaths({ paginate }) {
+  const posts = await getCollection("blog");
+  posts.sort((a, b) => b.data.pubDate.valueOf() - a.data.pubDate.valueOf());
+  return paginate(posts, { pageSize: 10 });
 }
 
-interface Props {
-    entry: CollectionEntry<"blog">;
-}
-
-const { entry } = Astro.props;
-const post : BlogSchema = entry.data;
-const { Content } = await entry.render();
+const { page } = Astro.props;
 ---
 
-<PostLayout 
-    title={post.title} 
-    description={post.description} 
-    pubDate={post.pubDate} 
-    heroImage={post.heroImage} 
-    updatedDate={post.updatedDate} 
-    badge={post.badge}>
-    <Content/>
-</PostLayout>
+<BaseLayout title="Blog">
+  <div class="mb-5">
+    <div class="text-3xl w-full font-bold">Blog</div>
+  </div>
+
+
+
+
+<HorizontalCard
+   title="Robótica Educativa: ¿Qué es y cuáles son sus Beneficios?"
+   img="https://automatismosmundo.com/wp-content/uploads/2023/11/DALL%C2%B7E-2023-11-01-13.14.46-A-picture-that-describes-kids-learning-robotics-JPG-e1699185219814.jpg"
+   desc="La robótica educativa ofrece un entorno interactivo y práctico que estimula no solo el pensamiento crítico y la resolución de problemas, sino también la creatividad."
+   url="https://automatismosmundo.com/robotica-educativa-que-es-y-cuales-son-sus-beneficios/"
+ />
+
+ <HorizontalCard
+   title="La robótica en almacenes: una solución eficiente para la logística"
+   img="https://automatismosmundo.com/wp-content/uploads/2023/04/Leonardo_Creative_A_robotic_arm_in_a_factory_production_line_2.jpg"
+   desc="La aplicación de tecnologías robóticas para lograr la automatización de los procesos en almacenes, y poder aplicar el término Almacén Inteligente está siendo un tema muy solicitado en la industria en estos últimos años."
+   url="https://automatismosmundo.com/la-robotica-en-almacenes-una-solucion-eficiente-para-la-logistica/"
+ />
+
+<HorizontalCard
+  title="Home Automation: el futuro de las casas [ES-EN]"
+  img="https://images.ecency.com/DQmfA5LVw3AgzEVdmA8grWevx2YjYGFUXdA1nYmFNHLMY9f/oig.tvqpsuukocxvzdjjzwh_"
+  desc="¡Domótica! ¿Ya habías oído hablar de ella? Es una solución, casi mágica, diría mi abuela, para muchos de los problemas del hogar. Si eres de los que les gusta disfrutar del tiempo en casa para compartir con la familia, olvidándote de las tareas repetitivas y tediosas, esta es tu solución."
+  url="https://peakd.com/hive-163521/@mbfreddys/home-automation-el-futuro-de"
+/>
+</BaseLayout>