abhinavs / moonwalk

A fast & minimal Jekyll blog theme with clean dark mode
MIT License
348 stars 507 forks source link

[Question]: Style like your website? #28

Open Zo-Bro-23 opened 1 year ago

Zo-Bro-23 commented 1 year ago

Hi @abhinavs, I noticed that your personal website is actually built on Moonwalk. That website looks different from the standard moonwalk theme though, and I think that actually looks a lot cooler! Here are some changes I noticed (there might be more):

How do I replicate these changes on my own website? Or better still, would it be possible for you to share the source code for your website? Maybe you should include some of these changes to the moonwalk theme itself, since it looks better (in my opinion). Thanks for the help!

abhinavs commented 1 year ago

Thanks for appreciating.

Give me this weekend, I will contribute these changes back to the Moonwalk theme (I generally keep experimenting with my personal website - and changes that stick over a month, I try to add to Moonwalk)

WRT font - I am using a combination of Overpass (https://fonts.google.com/specimen/Overpass) and Hammersmith One (https://fonts.google.com/specimen/Hammersmith+One) - you can add these in moonwalk.scss file and change font-family accordingly.

About color - I recommend experimenting with colors to see what you like - I generally stick to one of these colors https://tailwindcss.com/docs/customizing-colors

Zo-Bro-23 commented 1 year ago

Thanks for appreciating.

Give me this weekend, I will contribute these changes back to the Moonwalk theme (I generally keep experimenting with my personal website - and changes that stick over a month, I try to add to Moonwalk)

WRT font - I am using a combination of Overpass (https://fonts.google.com/specimen/Overpass) and Hammersmith One (https://fonts.google.com/specimen/Hammersmith+One) - you can add these in moonwalk.scss file and change font-family accordingly.

About color - I recommend experimenting with colors to see what you like - I generally stick to one of these colors https://tailwindcss.com/docs/customizing-colors

Thanks! If you're going to add these changes (font, color, and back button) to the theme soon, then I'll just wait. I'm using GH Pages and the Ruby Gem, so I haven't cloned the repo. Can I still use the moonwalk.scss file, or will the file I create override the theme?

abhinavs commented 1 year ago

I don't plan to change font and color as such. Those are people-specific choices, and Moonwalk uses Inter, which is a widely popular and neutral font.

I recommend you fork the repo, and change these in moonwalk.scss file.

Zo-Bro-23 commented 1 year ago

I don't plan to change font and color as such. Those are people-specific choices, and Moonwalk uses Inter, which is a widely popular and neutral font.

I recommend you fork the repo, and change these in moonwalk.scss file.

Okay! What about the other changes (Copyright and powered by are enclosed in a box, Back arrow instead of text, Reading time, author name, etc are separated by dots instead of slashes)?

Also, could you please share the color scheme you use? Or better still, are you okay with sharing the source code for your website? Thanks!