isthemartin / mrtnmrls Goto Github PK
View Code? Open in Web Editor NEWThis project contains my personal blog and some information about me. It was created by Astro and hosted in Netlify
Home Page: https://mrtnmrls.com
This project contains my personal blog and some information about me. It was created by Astro and hosted in Netlify
Home Page: https://mrtnmrls.com
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
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
Ideally each post will be created in .md
format, however .mdx
is better and it offers a large flexibility.
mdx
plugin into projectCustomize 404 page with the following data:
Implement internationalization in:
Description's content in RSS is not being displayed correctly. Some tags are changed to non-html format. For example <br
<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. <br /> 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. <br /> <figure class="m-o" data-template="with"> <div class="m-m"> <img src="/images/posts/common-fig-tree.webp" alt="Higuera en invierno" class="img" loading="lazy" style="aspect-ratio: 512 / 512;" /> </div> <figcaption>Higuera en invierno</figcaption> </figure> <br /> 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. <br /> <figure class="m-o" data-template="with"> <div class="m-m"> <img src="/images/posts/sprouting-common-fig-tree.webp" alt="Hojas de higuera retoñando" class="img" loading="lazy" style="aspect-ratio: 512 / 512;" /> </div> <figcaption>Hojas de higuera retoñando</figcaption> </figure> <br /> Espero que continue creciendo y en otoño salgan algunos deliciosos higos.</p> ]]>
</description>
<description>
contentHtml tags should be displayed with html format
Html tags are converted in mdx syntax
Add two icons for suscription (RSS) and change language.
We can base this work on https://rknight.me/ site
Icons are displayed and can redirect to specific pages
There are not icons on headers
Add a new page about blogs that I usually read.
We can based this work on https://manuelmoreale.com/blogroll or https://kevquirk.com/blogroll
/blogroll
Show blogroll in page
Create a new page like this https://manuelmoreale.com/i-ll-read-it
Display I'll read it page
There is not a page with that purpose
When a page in site is not found, the 404 page is not showing information correctly.
Enter a url that does not exist in site
A custom 404 page should be displayed based on language.
A custom page without format is displayed
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.
The current image favicon is a svg
, however that image is being only displayed as monochromatic (black & white).
We need to change the image.
.ico
format for new imageCreate a new page for disclaimer. We can get an idea from this site: https://kevquirk.com/disclaimer
/disclaimer
Display a disclaimer page with content.
There is not disclaimer.
We need to customize readme file based on this project
Create a dedicated page for posts (spanish and english) and display a list of posts.
A screenshot, gif or video
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.
Create a page for projects
/posts
Margin between posts title and header should be 2 rem
Display post items like a card
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.
Create a file for changelog
The following warning is displayed on npm run dev
[WARN] [config] The feature "assets" is experimental and subject to change (used by @astrojs/netlify)
Implement a new header to contain main internal links in site. I want to do this something like this: https://rknight.me/
A header should be displayed with important links
There is not a header
Create a page for uses
/uses
I need to review if there is a possibility to display Despegue
post (mdx file) into index
page.
Images set in posts are not displayed correctly
Images should be displayed correctly
Images are not displayed
Create a page for videogames that I played
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.
Create a new page for privacy. We can get an idea from this site: https://kevquirk.com/privacy
/privacy
Display a privacy page with content.
There is not privacy.
Currently some images have big size. This coluld be a problem when site is loading.
Images can be lighter and optimised
Images are heavier
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.