I need to review if there is a possibility to display Despegue post (mdx file) into index page.

The following warning message is displayed on npm run dev:

[WARN] [content] The posts collection is defined but no content/posts folder exists in the content directory. Create a new folder for the collection, or check your content configuration file for typos.

Subject of the issue

Description's content in RSS is not being displayed correctly. Some tags are changed to non-html format. For example <br

Evidences

<description>
<![CDATA[<p>En casa tenemos plantada una <a href="https://es.wikipedia.org/wiki/Ficus_carica">higuera</a> (los higos son sus frutos), tiene aproximadamente unos cuatro años de edad. Recuerdo que plantamos una simple rama en la tierra, luego de unas semanas le salieron unas raíces y con el constante cuidado (riego y abono mayormente) se convirtió en un árbol. Llegó a crecer más de tres metros de altura y ha dado más de 100 higos en todo este tiempo. &lt;br /&gt; No obstante, en este invierno ha sido un poco duro para la higuera, dejó de dar frutos y las hojas se secaron y cayeron. Hace un par de semanas decidimos cortar algunas de sus ramas. &lt;br /&gt; &lt;figure class="m-o" data-template="with"&gt; &lt;div class="m-m"&gt; &lt;img src="/images/posts/common-fig-tree.webp" alt="Higuera en invierno" class="img" loading="lazy" style="aspect-ratio: 512 / 512;" /&gt; &lt;/div&gt; &lt;figcaption&gt;Higuera en invierno&lt;/figcaption&gt; &lt;/figure&gt; &lt;br /&gt; A día de hoy, el invierno está por terminar y cada vez hace más calor en el ambiente, le han crecido varias ramas y hojas muy sanas. &lt;br /&gt; &lt;figure class="m-o" data-template="with"&gt; &lt;div class="m-m"&gt; &lt;img src="/images/posts/sprouting-common-fig-tree.webp" alt="Hojas de higuera retoñando" class="img" loading="lazy" style="aspect-ratio: 512 / 512;" /&gt; &lt;/div&gt; &lt;figcaption&gt;Hojas de higuera retoñando&lt;/figcaption&gt; &lt;/figure&gt; &lt;br /&gt; Espero que continue creciendo y en otoño salgan algunos deliciosos higos.</p> ]]>
</description>

Steps to reproduce

1. Navigate to RSS page
2. Observe <description> content

Expected behaviour

Html tags should be displayed with html format

Actual behaviour

Html tags are converted in mdx syntax

Tasks

• Configure HtmlSanitizer plugin
• Configure MarkdownIt plugin

Subject of the issue

Create a page for projects

Tasks

• Page for /projects
• Include it in navigation

Subject of the issue

When a page in site is not found, the 404 page is not showing information correctly.

Evidences

Steps to reproduce

Enter a url that does not exist in site

Expected behaviour

A custom 404 page should be displayed based on language.

Actual behaviour

A custom page without format is displayed

Tasks

• Custom 404 page for spanish
• Custom 404 page for english

Currently, the posts have a creation date with this format YYYY-MM-DD.

This ok, but we are using RSS feed. In dedicated RSS readers, that date is displayed like 2022-09-01 00:00. So, this is bad. We need to improve the date.

• Set date time in posts
• Check RSS readers

The following warning is displayed on npm run dev

[WARN] [config] The feature "assets" is experimental and subject to change (used by @astrojs/netlify)

Customize 404 page with the following data:

• Image or text about 404 and error
• Link to home based on i18n

Subject of the issue

Implement a new header to contain main internal links in site. I want to do this something like this: https://rknight.me/

Evidences

Steps to reproduce

1. Navigate to any page
2. Observe top of the site

Expected behaviour

A header should be displayed with important links

Actual behaviour

There is not a header

Tasks

• Implement header
• Update internal links
• Update pages and layouts

Subject of the issue

Create a new page for disclaimer. We can get an idea from this site: https://kevquirk.com/disclaimer

Steps to reproduce

1. Navigate to /disclaimer

Expected behaviour

Display a disclaimer page with content.

Actual behaviour

There is not disclaimer.

Tasks

• Disclaimer page
• Routing in footer

Ideally each post will be created in .md format, however .mdx is better and it offers a large flexibility.

• I need to add mdx plugin into project

Implement internationalization in:

• Pages
• Components
• Layouts
• Mdx files

Add a component to display a list of posts sorted by date.

When user clicks on one of them, site should redirect to specific post.

Currently site has a kind of default font installed.
Would be good to add new one.

It was using NotoSans, it could be a good start, however I need to check other fonts.

Subject of the issue

• Margin between posts title and header is too small
• Display post items as cards

Evidences

Steps to reproduce

1. Navigate to /posts

Expected behaviour

Margin between posts title and header should be 2 rem
Display post items like a card

Tasks

• Display post items as cards
• Fix margin post title

Currently RSS looks like:

<rss version="2.0">
<channel>
<title>Martin Morales RSS Feed</title>
<description>A small collection of thoughts, experiences and other things.</description>
<link>https://mrtnmrls.com/</link>
<language>en-us</language>
<item>
<title>A special match</title>
<link>https://mrtnmrls.com/en/special-match/</link>
<guid isPermaLink="true">https://mrtnmrls.com/en/special-match/</guid>
<description>Hoy tuve un juego de voleíbol muy especial, me enfrenté con personas que aprecio mucho, lamentablemente el marcador no fue el mejor para...</description>
<pubDate>Sun, 18 Feb 2024 00:00:00 GMT</pubDate>
</item>
<item>
<title>Take off 🚀</title>
<link>https://mrtnmrls.com/en/takeoff/</link>
<guid isPermaLink="true">https://mrtnmrls.com/en/takeoff/</guid>
<description>Starting this great adventure. A brief description about my intentions with this blog.</description>
<pubDate>Thu, 08 Feb 2024 00:00:00 GMT</pubDate>
</item>
<item>
<title>Un partido especial</title>
<link>https://mrtnmrls.com/special-match/</link>
<guid isPermaLink="true">https://mrtnmrls.com/special-match/</guid>
<description>Hoy tuve un juego de voleíbol muy especial, me enfrenté con personas que aprecio mucho, lamentablemente el marcador no fue el mejor para...</description>
<pubDate>Sun, 18 Feb 2024 00:00:00 GMT</pubDate>
</item>
<item>
<title>Despegue 🚀</title>
<link>https://mrtnmrls.com/takeoff/</link>
<guid isPermaLink="true">https://mrtnmrls.com/takeoff/</guid>
<description>Comenzando esta gran aventura. Una breve descripción sobre este blog.</description>
<pubDate>Thu, 08 Feb 2024 00:00:00 GMT</pubDate>
</item>
</channel>
</rss>

However, I think that we can display a better description

The current image favicon is a svg, however that image is being only displayed as monochromatic (black & white).

We need to change the image.

• Use .ico format for new image
• Image should have 1:1 aspect ratio

Subject of the issue

Images set in posts are not displayed correctly

Evidences

Steps to reproduce

1. Navigate to index and scroll to navigation
2. Click on any post with image
3. Observe image

Expected behaviour

Images should be displayed correctly

Actual behaviour

Images are not displayed

Tasks

• Check images routing
• Display images

Subject of the issue

Create a dedicated page for posts (spanish and english) and display a list of posts.

Evidences

A screenshot, gif or video

Tasks

• Post page for spanish lang
• Post page for english lang
• Found a way to call those pages

We need to customize readme file based on this project

Subject of the issue

Currently some images have big size. This coluld be a problem when site is loading.

Evidences

Steps to reproduce

1. Navigate to http://mrtnmrls.com/es/nature-impressive
2. Open inspector, network tab
3. Observe size in resources

Expected behaviour

Images can be lighter and optimised

Actual behaviour

Images are heavier

Tasks

• Optimise images

Subject of the issue

Add two icons for suscription (RSS) and change language.
We can base this work on https://rknight.me/ site

Evidences

Steps to reproduce

1. Navigate to any page with header
2. Observe header icons

Expected behaviour

Icons are displayed and can redirect to specific pages

Actual behaviour

There are not icons on headers

Tasks

• Icon to change language
• Icon to redirect to RSS

Subject of the issue

Create a page for uses

Tasks

• Page for /uses
• Find a way to include it on navigation

Subject of the issue

Create a file for changelog

Tasks

• Document previous releases

Subject of the issue

Create a new page for privacy. We can get an idea from this site: https://kevquirk.com/privacy

Steps to reproduce

1. Navigate to /privacy

Expected behaviour

Display a privacy page with content.

Actual behaviour

There is not privacy.

Tasks

• Privacy page
• Routing in footer

In the last post, we added an image. However, the background image was moved from the center image. We need to change.

Also, the about's page image has a transparent border that modifies user experience.

Finally, we need to update the image's path like /src/assets/image.png

• Change styles and post image
• Change images for about page

Subject of the issue

Create a page for videogames that I played

Tasks

• Page for /videogames
• Include it in navigation