Website Ideas 🚀

Improving the markdown. Current markdown support is OK but there are a couple of things missing:

1. Coding language highlighting - there is none yet :(
2. A way to improve the markdown layout. Currently each page has its own markdown file(s) which it loads and displays, depending on the layout. There is a mix between HTML and markdown. I would like to keep it all markdown but I understand the limitations of markdown, it's not always possible and sometimes good to mix between HTMl and markdown.
3. Better styling. But this applies to the whole website... I currently have inconsistent styles and would want to improve this to be consistent across the whole website. Lots of work to do this but it will come. Working on it :)
4. Make markdown easier to use. This idea applies to every markdown setup I currently have. Let me explain why this is important... What I do currently is when I need a special feature to be displayed on the website in a markdown page, I MUST break up the markdown into different files, then I have to load them up in individual pieces as a <MarkdownSection> component. Finally, I then have to put the special feature in between the two <MarkdownSection> components. This is tedious, and the opposite of what I want for markdown compatibility. Wouldn't it be great if we could specify the special feature already within the exampleMarkdownFile.md file? Well, that's what I want :).

#include <iostream>

int main() {
    std::cout << "I did it :D" << std::endl;
    return 0;
}

Improving mobile responsiveness. Current responsiveness on mobile is passable (less than OK in my eyes), but there is two big problems:

1. Lack of testing in different mobile environments, and lack of formal responsiveness testing at all.
2. Inconsistent responsiveness for font size. The font sizes do not change, meaning that if a title exceeds the expected page size, the page simply expands. This is not good because it makes the page movement bad since it moves left and right at the same time :[

Emoji support. Now, hear me out... OK, but emojis are pretty fun and can convey emotions better than just text. I guess images also do that, but emojis are cooler...

Drop-down support. Writing this idea page also leads me to want a better way to store ideas, or long lists where each bullet point has something in common. I think drop-down would be great for this because that way I could organize my ideas into different days. I could then display each day that I make an idea, and have a drop-down menu to display each idea's title. Then, each title could be clicked to display the idea itself on a box on the side. Of course on mobile it would look different, but you get my point.

Automatic scroll-down with an index at the top. I know this is easy but it is a convenient feature nonetheless!

Better image responsiveness. The current responsiveness for text is OK, but images are awful on this website as of 11/29/2024. Basically, I want images to automatically resize and stay within the confines of my as it is displayed. That is not currently happening and it hinders my content creation without having to specify the sizes of the images. It makes my writing a lot slower when I have to worry about that. So, I want better responsiveness so I can be lazy and just write!

Improve the banner. Let's be honest, it's not just good as of today. I have to improve it:

1. Make it prettier, better the content, maybe different image or no image at all (done as of 03/25/2025).

Make the addition of image content easier. Currently, images are locally stored in the React project. This causes new clones of the repo to be slow and clunky since we are cloning dozens of images.

Instead, I will create an S3 bucket to store the images, then use AWS SDK to interact with it within an upload page in React.

Actually use the backend/ directory for the infrastructure! Setup AWS CDK and use it to define some infrastructure to store images and any other type of content.

After setting up automatic server/valley routes, I find these articles really boring because with my current setup I cannot add text to the articles. I need to find a way to:

1. Automate routes for each article
2. Automate making cards at each node
3. Automate putting images (with any name) in a gallery-type display

I honestly need all 3 to make adding articles worth it. Currently, the articles are really tedious to add because I need to add all 3 things. Additionally, I need to upload the images to the S3 bucket. This last step is easy enough to do, but not while taking care of 1, 2, and 3 as well.

This item can be summarized as needing to improve the handling of metadata for the .mdx files, while being able to focus more of my time actually writing the articles.