monogame.github.io icon indicating copy to clipboard operation
monogame.github.io copied to clipboard

Improve Donate Button

Open AristurtleDev opened this issue 1 year ago • 1 comments

Description

This PR adjusts the donate link in the navigation header to stand out more by presenting it as button style, right-aligning it within the navigation menu, and adding an effect on hover that makes the heart icon pulse.

Preview

https://github.com/MonoGame/monogame.github.io/assets/103014489/ac427f96-de72-4e02-97cb-6587c7bc1a78

Related Issues

This is in response to #74

AristurtleDev avatar Feb 26 '24 15:02 AristurtleDev

@tomspilman regarding this PR, I've hit a bit of a snag due to docfx.

Since there's full control over the website part generated by 11ty, I can do what I need with the donate button as shown above. However, the documentation stuff generated by docfx dynamically builds the navigation bar through a JS script on page load. This means I can't override the template directly to place it right-justified like on the main page part.

However, within what I can do with docfx's templates, I can add it manually outside the script but it will be pushed all the way to the end, after the theme switch toggle.

image

If moving the donate button here is fine, I can make that adjustment and push it up, but it would need to be pushed here on both the main site and documentation sites to maintain consistency.

AristurtleDev avatar Feb 26 '24 16:02 AristurtleDev

FYI.

I'm going to give it a shot to fix this.

Our Donation page doesn't appear very high in our analytics, so giving it a little more visual appeal would help.

tomspilman avatar Oct 21 '24 11:10 tomspilman

@tomspilman any movement on this?

dellis1972 avatar Jan 15 '25 09:01 dellis1972