feat: add donation page

[oSumAtrIX]

msedge_4uozqf6ibi.mp4

About

This PR aims to add a donation page that can be linked instead of the donation options separately everywhere.

TODO

• Resolve duplicate heart SVG and the path in the nav bar
• Improve responsiveness
• Proper padding of the pulsating logo
• Improve semantics of the donation page text content
• Add a "Copied" tooltip to the crypto keys
• Shorten crypto key strings to the following format: D8G...LXp (How to handle this on mobile?) Decided against, keys arent as long as expected
• Add QR codes to crypto keys
• Instead of hardcoding donation links and keys, use API

[revanced-bot]

Deployed at https://head.revanced.pages.dev.

[revanced-bot]

Deployed at https://e003377d.revanced.pages.dev.

[alexandreteles]

@Ushie Maybe fix and merge? :)

[Ushie]

I lack the frontend knowledge to carry on this PR, but I'll attempt it tonight

[revanced-bot]

Deployed at https://890ff77a.revanced.pages.dev.

[Ushie]

Add QR codes to crypto keys

@oSumAtrIX Do you have any idea how this would look like?

[revanced-bot]

Deployed at https://35ec264e.revanced.pages.dev.

[revanced-bot]

Deployed at https://c1194c7c.revanced.pages.dev.

[revanced-bot]

Deployed at https://837599e4.revanced.pages.dev.

[revanced-bot]

Deployed at https://d314deb8.revanced.pages.dev.

[revanced-bot]

Deployed at https://cc948904.revanced.pages.dev.

[revanced-bot]

Deployed at https://d5c702e7.revanced.pages.dev.

[revanced-bot]

Deployed at https://head.revanced.pages.dev.

[revanced-bot]

Deployed at https://689ffbc9.revanced.pages.dev.

[oSumAtrIX]

@xafn Removing the border-radius from the image would look like this:

Before:

The reason for this is that it may look odd due to the high difference in contrast. Because there is a lot of light in the corners, the eye pupil closes to prevent too much light from getting in. When it closes, due to less lightness, the contrast of the card background and the actual website background is reduced resulting in a perceived rounding of the card background at the corners in a low light environment as illustrated:

msedge_nbOPaPG000.mp4

[xafn]

The reason for this is that it may look odd due to the high difference in contrast. Because there is a lot of light in the corners, the eye pupil closes to prevent too much light from getting in. When it closes, due to less lightness, the contrast of the card background and the actual website background is reduced resulting in a perceived rounding of the card background at the corners in a low light environment as illustrated:

I'm not sure I follow what this means, are you saying the high contrast makes the corners look more rounded that what they really are?

[revanced-bot]

Deployed at https://head.revanced.pages.dev.

[revanced-bot]

Deployed at https://head.revanced.pages.dev.

[revanced-bot]

Deployed at https://6221c91f.revanced.pages.dev.

[revanced-bot]

Deployed at https://6b208922.revanced.pages.dev.

[revanced-bot]

Deployed at https://1887043e.revanced.pages.dev.

[oSumAtrIX]

Are the images optimized for web?

[revanced-bot]

Deployed at https://298f40e2.revanced.pages.dev.

[revanced-bot]

Deployed at https://head.revanced.pages.dev.

[revanced-bot]

Deployed at https://dc490336.revanced.pages.dev.