Static - A simple fun website

OK, maybe this website is not even fun. But I had to create it for one of my blog series. This is the website which I am going to feature in it. And this is what I used to create all those useful tutorials which I am going to publish soon on my blog.

I am not a designer, I love minimal and simple websites.
That's how Static born.

In case you are interested, here is the link:
https://netlify.static.messedcode.com/

The source code can be found at:
https://github.com/david-szabo97/static-dot-messedcode-dot-com
Give it a star if you like it ;)

Hopefully someone will have a good use of my upcoming blog post. Stay tuned for it!

PS: Can anyone recommend me a good Static Site Generator? I have been using HarpJS so far. I'd like to have image optimization and other goodies.
PPS: Yay! First post!

---

My blog and personal website can be found at https://messedcode.com

Comments

[Meghan (she/her)]

I use Gulp and a plugin called gulp-include-html for my website which is also hosted on Netlify.
npmjs.com/package/gulp-include-html
github.com/Nektro/me.nektro.net
me.nektro.net/

[Dávid Szabó]

Cool, I give it a look.

PS. On your website the icon of the "Button Push" app is not working :)

[Umesh Kumar Dhakar]

hi, I really like this static website, and it motivates me to build my personal website. Also thanks for introducing me with this excellent BULMA framework.

[Dávid Szabó]

Hi! I am glad to hear that! Bulma is really awesome!
If you have an questions or need help with something feel free to reach out to me :)

Also, I am recommending harpjs.com/ if you are building a simple static website. It's way behind Jekyll or Hugo but it gets the job done for simple sites! And easy to get started.

[Umesh Kumar Dhakar]

Hello David,
I built my portfolio using bulma, please have a look.

[Dávid Szabó]

That's cool! Feels like I inspired you, that feels good :D

Some recommendations:

1. Change the page title, it should include your name. (Bit of SEO)
2. You have a typo in the frontend box: "AngualrJS"
3. When I move my mouse over the frontend, backend and tools, it turns to a pointer. I expect something to happen when I click on it, but nothing happens. Change the cursor back to default.
4. The textarea in the contact form contains some spaces. Thus I can't see the placeholder.
5. Maybe you should add a picture in the first section, next to your name.
6. You might add a nav menu at the top so you can instantly jump down to a specific section.
7. You should add some kind of phone and email protection against crawlers.
8. Add OpenGraph tags so you can share your portfolio through FB,Twitter,G+.
9. You should get rid of jQuery.

I like the play icon in the snake and ladder box :) Cool little detail.

[Umesh Kumar Dhakar]

Hi David,

Thank you very much for your recommendations, I will definitely implement them.
Once again thank you for helping me.

[Tiago Marques]

gatsbyjs/gatsby: Blazing fast static site generator for React

[Eka]

Yes, +1 for Gatsby! It's very fast, intuitive (as long as you understand the basics of React), has many plugins and active community.