feat(Projects): Update project entry design

Also update project card in index and project list.
Also added portrait image.

src/content/config.ts

@@ -3,29 +3,6 @@ import { z, defineCollection } from 'astro:content';
 
 // AstroJS collection configuration
 
-const games = defineCollection({
-  type: 'content',
-  schema: z.object({
-    title: z.string(),
-    has_content: z.boolean().optional(),
-    date_added: z.coerce.date(),
-    release: z.coerce.date(),
-    developers: z.array(z.string()),
-    genres: z.array(z.string()),
-    status: z.enum([
-      'Backlog',
-      'On Line',
-      'Playing',
-      'Played',
-      'Wishlist',
-      'Want to Replay',
-      'Always Playable',
-      'Tried',
-    ]),
-    times_played: z.number(),
-  }),
-});
-
 const blog = defineCollection({
   type: 'content',
   schema: z.object({
@@ -39,30 +16,30 @@ const blog = defineCollection({
 
 const portafolio = defineCollection({
   type: 'content',
-  schema: z.object({
-    title: z.string(),
-    draft: z.boolean().optional(),
-    status: z.enum(['Backlog', 'Activo', 'Fixes', 'Finalizado']),
-    tags: z.array(z.string()).optional(),
-    technologies: z.array(z.string()),
-    published_at: z.coerce.date().optional(),
-    updated_at: z.coerce.date().optional(),
-    media: z
-      .array(
-        z.object({
-          type: z.nativeEnum(MediaType),
-          url: z.string(),
-          alt: z.string(),
-          mime: z.string().optional(),
-          thumbnail: z.string().optional(),
-        }),
-      )
-      .catch([]),
-  }),
+  schema: ({ image }) =>
+    z.object({
+      title: z.string(),
+      draft: z.boolean().optional(),
+      brief: z.string(),
+      status: z.enum(['Backlog', 'Activo', 'Fixes', 'Finalizado']),
+      tags: z.array(z.string()).optional(),
+      technologies: z.array(z.string()),
+      created_at: z.coerce.date().optional(),
+      updated_at: z.coerce.date().optional(),
+      thumbnail: image().refine((img) => img.width >= 1080, {
+        message: 'Cover image must be at least 1080 pixels wide!',
+      }),
+      timeframe: z.string().optional(),
+      links: z
+        .object({
+          repo: z.string().url(),
+          url: z.string().url(),
+        })
+        .optional(),
+    }),
 });
 
 export const collections = {
-  games,
   blog,
   portafolio,
 };

src/content/portafolio/Destino Temuco.md

@@ -0,0 +1,27 @@
+---
+title: Destino Temuco
+status: Backlog
+draft: true
+created_at: 2024-01-01
+updated_at: 2024-01-21
+brief: "La dirección de Turismo, Patrimonio y Cultura del Municipio de Temuco, solicito una web autoadministrable, el cual pueda servir a todo turista y publico en general como una guia informativa sobre los servicios turísticos que ofrecen en Temuco. La web permite a quien la visita, saber sobre los tours, atractivos turísticos, eventos, galería de artes, biblioteca y servicios turísticos, así como las opciones para poder llegar a Temuco. También cuenta con blog de noticias y una revista digital sobre Temuco."
+timeframe: 'March 2022 - October 2023'
+thumbnail: './_media/temuco1.webp'
+technologies:
+  - React
+  - NodeJS
+  - MySQL
+---
+
+This is a web application to manage the stock of product in a construction company and their usage across projects. It also allows to create budgets with the interaction of different actors.
+
+![](./_media/piloto2.png)
+This is a web application to manage the stock of product in a construction company and their usage across projects. It also allows to create budgets with the interaction of different actors.
+
+![](./_media/piloto3.webp)
+This is a web application to manage the stock of product in a construction company and their usage across projects. It also allows to create budgets with the interaction of different actors.
+
+![](./_media/piloto4.webp)
+This is a web application to manage the stock of product in a construction company and their usage across projects. It also allows to create budgets with the interaction of different actors.
+
+![](./_media/piloto5.webp)

src/content/portafolio/Observacion de clases.md

@@ -1,20 +0,0 @@
----
-title: Plataforma de Observación de clases
-status: Backlog
-draft: true
-media:
-  - type: image
-    url: /images/portafolio/observacion_clases/1696878771763.jpg 
-    alt: this an image
-  - type: image
-    url: /images/portafolio/observacion_clases/1696878771763.jpg 
-    alt: this an image
-technologies:
-  - React
-  - NodeJS
-  - MySQL
----
-
-This is a web application to manage the stock of product in a construction
-company and their usage across projects. It also allows to create budgets with
-the interaction of different actors.

src/content/portafolio/Piloto Go.md

@@ -2,21 +2,11 @@
 title: Piloto Go
 status: Backlog
 draft: true
-media:
-  - type: video
-    url: https://drive.google.com/file/d/198BB5RVjp2t1ExWhX0SfN20hEsW-Nk-l/view?usp=sharing
-    alt: this an image
-    mime: video/mp4
-    thumbnail: https://drive.google.com/file/d/1AuG0g4pugKE-GgwuOpb5eVvRPfR0S4D5/view?usp=drive_link
-  - type: image
-    url: https://drive.google.com/file/d/1AuG0g4pugKE-GgwuOpb5eVvRPfR0S4D5/view?usp=drive_link
-    alt: this an image
-  - type: image
-    url: https://drive.google.com/file/d/1hfyHV2c58MVJLofnAy67rzsqhCV1V5u8/view?usp=drive_link
-    alt: this an image
-  - type: image
-    url: https://drive.google.com/file/d/1doIdGSVmyzlV4CwI0KbsOTOQpeZYt9YU/view?usp=drive_link
-    alt: this an image
+created_at: 2024-01-01
+updated_at: 2024-01-21
+brief: "Para el área de innovación de Almagro desarrollamos un producto mínimo viable que permite digitalizar las solicitudes de los nuevos productos que se utilizan en la construcción de edificios. Además permite armar digitalmente las matrices para los distintos segmentos de las propiedades."
+timeframe: 'March 2022 - October 2023'
+thumbnail: './_media/piloto1.webp'
 technologies:
   - React
   - NodeJS
@@ -24,3 +14,17 @@ technologies:
 ---
 
 This is a web application to manage the stock of product in a construction company and their usage across projects. It also allows to create budgets with the interaction of different actors.
+
+![img2](./_media/piloto2.png)
+
+This is a web application to manage the stock of product in a construction company and their usage across projects. It also allows to create budgets with the interaction of different actors.
+
+![img3](./_media/piloto3.webp)
+
+This is a web application to manage the stock of product in a construction company and their usage across projects. It also allows to create budgets with the interaction of different actors.
+
+![img 4](./_media/piloto4.webp)
+
+This is a web application to manage the stock of product in a construction company and their usage across projects. It also allows to create budgets with the interaction of different actors.
+
+![](./_media/piloto5.webp)

src/content/portafolio/Sercotec.md

@@ -0,0 +1,27 @@
+---
+title: Barrios Comerciales - Sercotec
+status: Backlog
+draft: true
+created_at: 2024-01-01
+updated_at: 2024-01-21
+brief: "Desarrollo de sitio web para SERCOTEC donde buscan visibilizar los barrios comerciales dentro de Chile. Para esto cada uno de los barrios ya mapeados por SERCOTEC se pueden cargar con la descripción, imágenes, videos, programas y un mapa de como llegar al barrio. También es posible ingresar nuevos barrios comerciales que no estén inscritos en el sitio."
+timeframe: 'March 2022 - October 2023'
+thumbnail: './_media/sercotec1.webp'
+technologies:
+  - React
+  - NodeJS
+  - MySQL
+---
+
+This is a web application to manage the stock of product in a construction company and their usage across projects. It also allows to create budgets with the interaction of different actors.
+
+![](./_media/piloto2.png)
+This is a web application to manage the stock of product in a construction company and their usage across projects. It also allows to create budgets with the interaction of different actors.
+
+![](./_media/piloto3.webp)
+This is a web application to manage the stock of product in a construction company and their usage across projects. It also allows to create budgets with the interaction of different actors.
+
+![](./_media/piloto4.webp)
+This is a web application to manage the stock of product in a construction company and their usage across projects. It also allows to create budgets with the interaction of different actors.
+
+![](./_media/piloto5.webp)