Static - A simple fun website

#opensource #static #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

Top comments (9)

Meghan (she/her) • Jun 6 '18 • Edited

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ó • Jun 6 '18

Cool, I give it a look.

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

Umesh Kumar Dhakar • Jun 7 '18

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ó • Jun 7 '18

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 • Aug 8 '18

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

Dávid Szabó • Aug 8 '18

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

Some recommendations:

Change the page title, it should include your name. (Bit of SEO)
You have a typo in the frontend box: "AngualrJS"
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.
The textarea in the contact form contains some spaces. Thus I can't see the placeholder.
Maybe you should add a picture in the first section, next to your name.
You might add a nav menu at the top so you can instantly jump down to a specific section.
You should add some kind of phone and email protection against crawlers.
Add OpenGraph tags so you can share your portfolio through FB,Twitter,G+.
You should get rid of jQuery.

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