diff --git a/src/contents/hello-world.md b/src/contents/portfolio-website-development.md similarity index 91% rename from src/contents/hello-world.md rename to src/contents/portfolio-website-development.md index 20e6a59..010ee7d 100644 --- a/src/contents/hello-world.md +++ b/src/contents/portfolio-website-development.md @@ -11,12 +11,16 @@ tags: - HeadlessCMS - Blog description: - My experience about developing my first portfolio website and a blog - using NextJS and a headless CMS. + "EXAMPLE POST: My experience about developing my first portfolio website and a blog + using NextJS and a headless CMS." --- +> This article is originally from my [blog post](https://satnaing.dev/blog/posts/how-do-i-develop-my-portfolio-and-blog). I put this article to demonstrate how you can write blog posts/articles using AstroPaper theme. + My experience about developing my first portfolio website and a blog using NextJS and a headless CMS. +![Building portfolio](https://satnaing.dev/_ipx/w_2048,q_75/https%3A%2F%2Fres.cloudinary.com%2Fnoezectz%2Fimage%2Fupload%2Fv1653050141%2FSatNaing%2Fblog_at_cafe_ei1wf4.jpg?url=https%3A%2F%2Fres.cloudinary.com%2Fnoezectz%2Fimage%2Fupload%2Fv1653050141%2FSatNaing%2Fblog_at_cafe_ei1wf4.jpg&w=2048&q=75) + ## Motivation I've been always thinking about launching my own website with my custom domain name (**satnaing.dev**) since my college student life. But that never happened until this project. I've done several projects and works about web application development but I didn't make an effort to do this. diff --git a/src/contents/rec-3.md b/src/contents/rec-3.md deleted file mode 100644 index 7089461..0000000 --- a/src/contents/rec-3.md +++ /dev/null @@ -1,21 +0,0 @@ ---- -title: My recent article 3 -author: Sat Naing -datetime: 2022-06-02T02:02:01Z -slug: my-recent-3 -featured: false -draft: false -tags: - - TypeScript - - Astro -description: - Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor - incididunt ut labore et dolore magna aliqua. Praesent elementum facilisis leo vel - fringilla est ---- - -My experience about developing my first portfolio website and a blog using NextJS and a headless CMS. - -## Motivation - -rec 1 diff --git a/src/contents/rec-4.md b/src/contents/rec-4.md deleted file mode 100644 index c3366d6..0000000 --- a/src/contents/rec-4.md +++ /dev/null @@ -1,21 +0,0 @@ ---- -title: My recent article 4 -author: Sat Naing -datetime: 2022-05-05T05:05:55Z -slug: my-recent-4 -featured: false -draft: false -tags: - - TypeScript - - Astro -description: - Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor - incididunt ut labore et dolore magna aliqua. Praesent elementum facilisis leo vel - fringilla est ---- - -My experience about developing my first portfolio website and a blog using NextJS and a headless CMS. - -## Motivation - -rec 1 diff --git a/src/contents/rec-1.md b/src/contents/tailwind-typography.md similarity index 97% rename from src/contents/rec-1.md rename to src/contents/tailwind-typography.md index c85e0e8..0031cd0 100644 --- a/src/contents/rec-1.md +++ b/src/contents/tailwind-typography.md @@ -1,19 +1,17 @@ --- -title: My recent article 1 +title: Tailwind Typography Plugin author: Sat Naing datetime: 2022-07-05T02:05:51Z -slug: my-recent-1 featured: false draft: false tags: - TypeScript - Astro -description: - Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor - incididunt ut labore et dolore magna aliqua. Praesent elementum facilisis leo vel - fringilla est +description: "EXAMPLE POST: About Tailwind Typography Plugin and how you can use it effectively." --- +> This article is from [TailwindLabs](https://tailwindcss-typography.vercel.app/). I put this article to demonstrate how you can write blog posts/articles using AstroPaper theme. + By default, Tailwind removes all of the default browser styling from paragraphs, headings, lists and more. This ends up being really useful for building application UIs because you spend less time undoing user-agent styles, but when you _really are_ just trying to style some content that came from a rich-text editor in a CMS or a markdown file, it can be surprising and unintuitive. We get lots of complaints about it actually, with people regularly asking us things like: diff --git a/src/contents/terminal-development.md b/src/contents/terminal-development.md index 88593fb..c66faf1 100644 --- a/src/contents/terminal-development.md +++ b/src/contents/terminal-development.md @@ -12,12 +12,16 @@ tags: - Styled-Components - TypeScript description: - Developing a terminal-like website using ReactJS, TypeScript and Styled-Components. - Includes features like autocomplete, multiple themes, command hints etc. + "EXAMPLE POST: Developing a terminal-like website using ReactJS, TypeScript and Styled-Components. + Includes features like autocomplete, multiple themes, command hints etc." --- +> This article is originally from my [blog post](https://satnaing.dev/blog/posts/how-do-i-develop-my-terminal-portfolio-website-with-react). I put this article to demonstrate how you can write blog posts/articles using AstroPaper theme. + Developing a terminal-like website using ReactJS, TypeScript and Styled-Components. Includes features like autocomplete, multiple themes, command hints etc. +![Sat Naing's Terminal Portfolio](https://satnaing.dev/_ipx/w_2048,q_75/https%3A%2F%2Fres.cloudinary.com%2Fnoezectz%2Fimage%2Fupload%2Fv1654754125%2FSatNaing%2Fterminal-screenshot_gu3kkc.png?url=https%3A%2F%2Fres.cloudinary.com%2Fnoezectz%2Fimage%2Fupload%2Fv1654754125%2FSatNaing%2Fterminal-screenshot_gu3kkc.png&w=2048&q=75) + ## Table of contents ## Intro