Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Question]: Style like your website? #28

Open
Zo-Bro-23 opened this issue Jan 2, 2023 · 4 comments
Open

[Question]: Style like your website? #28

Zo-Bro-23 opened this issue Jan 2, 2023 · 4 comments

Comments

@Zo-Bro-23
Copy link

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):

  • Back arrow instead of text
  • Different color scheme
  • Different font
  • Copyright and powered by are enclosed in a box
  • Reading time, author name, etc are separated by dots instead of slashes

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
Copy link
Owner

abhinavs commented Jan 4, 2023

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
Copy link
Author

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
Copy link
Owner

abhinavs commented Jan 7, 2023

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
Copy link
Author

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!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants