https://github.com/semanticdata/personal-website

🦝 MiguelPimentel.do is my personal website built using Astro. It contains my published tutorials as well as my blog posts.
https://github.com/semanticdata/personal-website

astro blog mdx personal-website tailwindcss typescript

Last synced: about 1 month ago
JSON representation

🦝 MiguelPimentel.do is my personal website built using Astro. It contains my published tutorials as well as my blog posts.

• Host: GitHub
• URL: https://github.com/semanticdata/personal-website
• Owner: semanticdata
• License: mit
• Created: 2024-08-11T01:51:58.000Z (3 months ago)
• Default Branch: main
• Last Pushed: 2024-09-24T14:53:26.000Z (about 2 months ago)
• Last Synced: 2024-09-27T21:23:59.558Z (about 2 months ago)
• Topics: astro, blog, mdx, personal-website, tailwindcss, typescript
• Language: Astro
• Homepage: https://miguelpimentel.do/
• Size: 3.95 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        


 MiguelPimentel.do



Personal website and blog. Contains a short list of my projects, blog posts, and tutorials.

Some adjustments have been made to the original [Astro Micro](https://github.com/trevortylerlee/astro-micro) theme. Here's a short list:

- ✅ Create new "About" page.

- ✅ Create new "Uses" page.

- ✅ Create new "Tutorials" section.

- ✅ Create new `TutorialNavigation.astro` component.

- ✅ Create new `LetsConnect.astro` component using the "Let's Connect" section.

- ✅ Use "Email" instead of the actual email address under the "Let's Connect" section.

- ✅ Change fonts to [Inter](https://github.com/rsms/inter) and [Fira Code](https://github.com/tonsky/FiraCode).

- ✅ Widen the `Container` and `PageFind` components from `max-w-screen-sm` to `max-w-screen-md`.

- ✅ Add new _responsive_ `` styles using [data attributes](https://developer.mozilla.org/en-US/docs/Learn/HTML/Howto/Use_data_attributes).

- ✅ Extended `tailwind.config.mjs` with new custom theme colors.

Here's an overview of how the site performs:

| ![Pagespeed results](pagespeed-mp.svg) |

| -------------------------------------- |

The code in this repository is available under the [MIT License](LICENSE).