Style Overhaul #2

2025-01-29T13:28:07-07:00

me commented

2025-01-29 13:28:07 -07:00

Huge formatting overhaul as well as improving wordiness on some pages and re-doing the donations page.

me added 118 commits 2025-01-29 13:28:08 -07:00

Be more explicit with menu links. 022905ff71

Minify size of crypto donation sections. 1b414d4d72

Try fixing style of subsections. 6b07c420e5

Getting much closer! Now try to get the addresses and trocador to have their background end at the same spot. 6fd747aa1d

Text backgrouns is good, now working on getting header background for addresses to fit better. 6adf13ef06

See how adding padding to divs affects the website. Enable colored borders for analysis. ee213ee9f7

Add alias for the support page (/donate). 1044b60d92

Reduce column padding to account for new div padding. 276a4857ff

Fix typo in comment. d2aef28044

Reduce characters in media link. c0b043f515

Add the spaces back to media link, the change to padding fixed the double line issue. 2fa6d7272c

Try not indenting the crypto addresses. b404e26530

Monero address is still pretty long. Try styling better to see if it can be acceptable. 7ac2eaf745

Remove test borders. a22b875bd2

Reduce length of LBC description. 1728600f66

Also center the text above sub blocks. 1104d28b28

Also center the 2nd sub block. 429f419220

Remove the div padding due to imbalanced borders and try a smaller column padding. 4955b13905

Change wording. 968d68312a

Test having an address in a pre+code block. 2ff05403b6

Add a newline between test addresses. 1114b65e57

Try making code blocks scrollable. 4ed4290f67

Continue trying tonadd scrollbar. a1a76a1985

Hard-set the width of a code block. 6f979f00d9

Try making the code area a div class. 3cb079d111

Scrolling is working! Start fine tuning the box. bd4e7684c9

Try centering code block a different way since class is not working. 73a8c820c3

Add a bit more padding so scrollbar does not cover data. 0ae0590c22

Remove excess center tag. 34a6ff5f62

Convert all addresses to code blocks. c4daad5c3b

Remove excess padding. 2a1ebae2ce

Move padding to outside of sub block. 20fba003a7

Fix p tag. 5d4c8cb54b

Try kbd on an address. 7a02f185e9

Remove p to see if it fixes the spacing issue for XMR. 103b725ed5

Add padding between addresses again. 2bb66d4b47

Add more vertical padding to menu boxes. b41fc43e7d

Add more vertical padding to menu. 9ddf63fff0

Add more vertical padding to menu, again. b8c0471589

Remove padding CSS for menu and add breaks instead. 9ff2b29b51

Breaks did not work properly. Add new menu cass for outer padding, ul does not seem to hold it well. c50f790827

Try a few more menu style / padding changes. a3f6f63be9

Try going back to a larger column padding now that menu items are explicitly 0. cf57b5576b

Do not allow menu items to wrap. 3b37e251c1

nowrap didn't help, reduce padding. 8218498bd0

Reduce padding back to 10, 12 still breaks menu item. b75a47c847

Meu item is still broken up? At least try to vertically center the items. 35102cafca

Try to vertically center the items. #2 db83b2211d

Remove empty rulesets. 1498aeefb9

Try to fix craziness happening with top menu but not bottom. Add padding to bottom. 589146343b

Continue testing menu padding. 4e194e584b

Reduce menu item word length, return site padding to normal. 576b7a0adf

Try borders on divs. 0bc2384cd2

Try borders on columns. ab3265b095

Try borders on rows. 760b2f79bc

Change footer so that message is not broken up. d962f1ac74

Change order of donation preferences, add USD section. 7c8a59abc5

Add URL to Venmo account. 22289e1a64

Change the URL to be the username. 56a08aaaa2

Add background to 3rd section. Make it look more similar to other columns. 4a1e376bd5

More preference 3 styling adjustments. 8142057673

Add a QR code for Zelle. 63459cc098

Add newline between name and QR. 1082496b3e

QR needs another line break. ee26ce1112

Also needs the break at the beginning of the sub block. 8cdefe48fa

Shrink the android apps section down. 113a208019

Correct the sizes of the apps. 7ad4d29024

Fix image settings. ceb25e00f8

Fix rows. Make each app the same size. 2b6caa3f89

See how only having one row looks so that there is not a border through the middle. 0bda5d18a6

Ensure the background of the sub section is solid. cdb462f2ec

Change where the background is applied. e2c08b0326

test only giving borders to divs within rows. ef96e715f6

Looked good on sme things, but overall not a good idea, also made site feel slower. d9e2dc6875

Use consistent link formatting as the app page. 020453e521

Make the Venmo section more consistent with Zelle. 612bf7b3cb

Shorten text. 2d24d0c971

Adjust formatting of link text. d2b115ced3

Make the subsection headers be consistent too. ed18d210fd

Adjust style of apps. 150f8aebb5

Shorten profession blurb. 6bee3f793c

Change wording for advisory. 7506101e62

Test removing advisory. 16dcfe5aec

Re-enable the advisory. 925963f3fd

Try changing menu name to something longer again. d96c328fa3

Redo the media page, was arranges strangely and also want books to be first. e5b2bc0961

Fix where the newline is for visibility. bc2db0d631

Fix comment. a1623c6fb5

Remove gap between h1 and image. f9f89c0f84

Remove typo character. 7f9fc0321f

Fix styling and consistency between sub headers. 60a56115f3

Better define what the Media page is. c74f48d19a

Use a better word than writings. 641815e178

Use a fancy way of saying writings without re-using words already on the page. 78decea24e

Add missing underline under h1 photo area. 66f9c0561e

Change background color of "let me help you!" section. fc8c80b98a

Test doing the final URLs as monoscript rather than small headers. b1d652a3fd

Keep links as h6. 3fdb1339c6

Remove typo character. e820196ba7

Disable advisory at a site-wide level. 465bf50e51

Remove test code, try different background on app sections. 129cd43e3e

Remove the old table border classes. Allow using the border and no-border classes for sections which need manual intervention. c0425b6de6

Remove dark background test, add border. 8465e7e362

Change wordiness of text and add some excitement. ba667207db

Center the upper header text areas. dc11ec7456

Center the upper header text areas like main pages, and also change status! d316251af9

Add missing word engineer, fix some wordiness. 92c2aa6a42

More wordiness fixes. 42905688b3

Change location of status and give it a darker background. 6ee9530b21

Move status back up. 64defc9885

Ensure no one thinks I'm a time traveler, lol. f8f74b3aac

Change wording of resume download header. 28fa1cd359

Test a background on the preference headers. 5832e5d4ab

Add new spacing class for subheaders on donation page. Also give the subsections borders. 5d6e33a72c

Fix tags being on wrong level / element. a48c767ffb

Add fill class so that donation boxes take up all the available height. c000140040

Try ensuring columns tak up full row height a different way. 76429b1ace

Remove attempts at having columns take up the full row height, was not working. Likely due to how HTML renders they did not know how large the elements after them would be. 297e0c90a9

me merged commit 71ac8f3cfe into main

2025-01-29 13:28:33 -07:00

me deleted branch dev

2025-01-29 13:28:33 -07:00

me referenced this issue from a commit

2025-01-29 13:28:35 -07:00

Try to vertically center the items. #2

me referenced this issue from a commit

2025-01-29 13:28:35 -07:00

Merge pull request 'Style Overhaul' (#2) from dev into main

Sign in to join this conversation.

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: me/nodejs-website#2