Web issueshttps://gitlab.torproject.org/groups/tpo/web/-/issues2024-03-28T15:42:20Zhttps://gitlab.torproject.org/tpo/web/onion-mkdocs/-/issues/14Renovate updates through Pipenv2024-03-28T15:42:20ZSilvio RhattoRenovate updates through Pipenv# Tasks
* [ ] Let Renovate properly watch for updates through Pipenv:
https://gitlab.torproject.org/tpo/tpa/renovate-cron/-/issues/11# Tasks
* [ ] Let Renovate properly watch for updates through Pipenv:
https://gitlab.torproject.org/tpo/tpa/renovate-cron/-/issues/11https://gitlab.torproject.org/tpo/web/tpo/-/issues/424Add new Green Onion member to /about/supporters2024-03-27T04:43:32Zal smithAdd new Green Onion member to /about/supportersHi web folks,
We have a new Green Onion member :smile_cat:.
Please add "Word Unscrambler" with a link to https://wordunscrambler.me/ to the Green Onions section of https://torproject.org/about/supporters
Thanks!Hi web folks,
We have a new Green Onion member :smile_cat:.
Please add "Word Unscrambler" with a link to https://wordunscrambler.me/ to the Green Onions section of https://torproject.org/about/supporters
Thanks!https://gitlab.torproject.org/tpo/web/donate/-/issues/21implement a way to ban email addresses2024-03-27T16:33:58Zanarcatimplement a way to ban email addressesIn the last donate card testing attack (#19), Stripe claims that hundreds of attempts came from the same email address. now, it's possible this is misreported (like the IP address, #20), but if it isn't, we should just block that email a...In the last donate card testing attack (#19), Stripe claims that hundreds of attempts came from the same email address. now, it's possible this is misreported (like the IP address, #20), but if it isn't, we should just block that email address already.anarcatanarcathttps://gitlab.torproject.org/tpo/web/community/-/issues/344[Onion Services] Replace mailing list tor-onions link to the Tor Forum Onion ...2024-03-27T22:03:10ZGus[Onion Services] Replace mailing list tor-onions link to the Tor Forum Onion Services categoryHere: https://community.torproject.org/onion-services/
_"Are you interested in learning more about onion services? Join our tor-onions mailing list to speak with other onion service operators. "_
We should consider changing the mailing...Here: https://community.torproject.org/onion-services/
_"Are you interested in learning more about onion services? Join our tor-onions mailing list to speak with other onion service operators. "_
We should consider changing the mailing list link to the Tor Forum: https://forum.torproject.org/c/support/onion-services/16.
(cc @rhatto)Silvio RhattoSilvio Rhatto2024-06-17https://gitlab.torproject.org/tpo/web/donate-neo/-/issues/38PayPal message-bar is missing2024-03-20T19:05:37ZdonutsPayPal message-bar is missingIn the designs we have a message-bar that is displayed when PayPal is selected: [Figma / Doante-dot](https://www.figma.com/file/nIpahk0b9VMaeEnubiO33g/Marble?type=design&node-id=472%3A483&mode=design&t=fDvF3BZ4AeO9vpbq-1)In the designs we have a message-bar that is displayed when PayPal is selected: [Figma / Doante-dot](https://www.figma.com/file/nIpahk0b9VMaeEnubiO33g/Marble?type=design&node-id=472%3A483&mode=design&t=fDvF3BZ4AeO9vpbq-1)stephenstephenhttps://gitlab.torproject.org/tpo/web/donate-neo/-/issues/37Text styles in custom amount-field don't match Figma2024-03-20T18:29:25ZdonutsText styles in custom amount-field don't match FigmaSince this is a fun custom field, the text styles of the currency symbol, value and currency code are all subtly different in Figma. Notably:
- The currency symbol ($) is small.
- The currency code (USD) is de-emphasized.
- There's a 2p...Since this is a fun custom field, the text styles of the currency symbol, value and currency code are all subtly different in Figma. Notably:
- The currency symbol ($) is small.
- The currency code (USD) is de-emphasized.
- There's a 2px gap between the currency symbol and value.
Please see the attached spec for reference.stephenstephenhttps://gitlab.torproject.org/tpo/web/donate-neo/-/issues/36Fix spacing on "small" form elements2024-03-18T20:03:02ZdonutsFix spacing on "small" form elementsMost form elements in the designs conform to either "large" or "small" styles, in terms of size and spacing. This issue corresponds to the "small" variant.
"small" form elements differ from "large" due to their use of `label-medium` and...Most form elements in the designs conform to either "large" or "small" styles, in terms of size and spacing. This issue corresponds to the "small" variant.
"small" form elements differ from "large" due to their use of `label-medium` and `body-tiny` text styles, and employ more constricted spacing.
See the attached specs for examples.stephenstephenhttps://gitlab.torproject.org/tpo/web/donate-neo/-/issues/35Fix spacing on "large" form elements2024-03-18T20:00:11ZdonutsFix spacing on "large" form elementsMost form elements in the designs conform to either "large" or "small" styles, in terms of size and spacing. This issue corresponds to the "large" variant.
"large" form elements differ from "small" due to their use of `headlines-H5` and...Most form elements in the designs conform to either "large" or "small" styles, in terms of size and spacing. This issue corresponds to the "large" variant.
"large" form elements differ from "small" due to their use of `headlines-H5` and `body-small` text styles, and employ more generous spacing.
See the attached specs for examples.stephenstephenhttps://gitlab.torproject.org/tpo/web/donate-neo/-/issues/34Spacing between elements in donation-array is too low2024-03-18T19:22:49ZdonutsSpacing between elements in donation-array is too lowThe spacing between elements in the donation array should be 8px, vertical and horizontal. See the attached specs for guidance.The spacing between elements in the donation array should be 8px, vertical and horizontal. See the attached specs for guidance.stephenstephenhttps://gitlab.torproject.org/tpo/web/donate-neo/-/issues/33Double-check type styles used in donate-neo are correct2024-03-18T18:25:02ZdonutsDouble-check type styles used in donate-neo are correctHere's a list of all the type styles used in Figma. The sizes and line-heights are important to ensuring elements like buttons and form fields end up the correct heights.
Not all of these were used for the donate pages, so if some are m...Here's a list of all the type styles used in Figma. The sizes and line-heights are important to ensuring elements like buttons and form fields end up the correct heights.
Not all of these were used for the donate pages, so if some are missing, that's totally fine.
<details><summary>Show styles</summary>
- [ ] **headline** / H1
* Font: Space Grotesk
* Weight: 700
* Size: 56
* Line height: 120%
* Letter spacing: -2%
- [ ] **headline** / H2
* Font: Space Grotesk
* Weight: 500
* Size: 44
* Line height: 120%
* Letter spacing: -2%
- [ ] **headline** / H3
* Font: Space Grotesk
* Weight: 500
* Size: 28
* Line height: 120%
* Letter spacing: -2%
- [ ] **headline** / H4
* Font: Inter
* Weight: 600
* Size: 22
* Line height: 120%
* Letter spacing: 0%
- [ ] **headline** / H5
* Font: Inter
* Weight: 600
* Size: 20
* Line height: 120%
* Letter spacing: 0%
- [ ] **body** / large
* Font: Inter
* Weight: 400
* Size: 22
* Line height: 150%
* Letter spacing: 0%
- [ ] **body** / medium
* Font: Inter
* Weight: 400
* Size: 18
* Line height: 150%
* Letter spacing: 0%
- [ ] **body** / small
* Font: Inter
* Weight: 400
* Size: 16
* Line height: 150%
* Letter spacing: 0%
- [ ] **body** / tiny
* Font: Inter
* Weight: 400
* Size: 14
* Line height: 150%
* Letter spacing: 0%
- [ ] **label** / large
* Font: Inter
* Weight: 500
* Size: 18
* Line height: 150%
* Letter spacing: 0%
- [ ] **label** / medium
* Font: Inter
* Weight: 500
* Size: 16
* Line height: 150%
* Letter spacing: 0%
- [ ] **label** / medium-bold
* Font: Inter
* Weight: 600
* Size: 16
* Line height: 150%
* Letter spacing: 0%
- [ ] **label** / small
* Font: Inter
* Weight: 500
* Size: 14
* Line height: 150%
* Letter spacing: 0%
- [ ] **label** / small-bold
* Font: Inter
* Weight: 600
* Size: 14
* Line height: 150%
* Letter spacing: 0%
- [ ] **label** / tiny-bold
* Font: Inter
* Weight: 600
* Size: 12
* Line height: 150%
* Letter spacing: 0%
</details>stephenstephenhttps://gitlab.torproject.org/tpo/web/donate-neo/-/issues/32Button elements are too short2024-03-18T18:38:31ZdonutsButton elements are too shortMost (though not all) button-like elements in the designs are 56px tall. Those include:
- Common buttons, like those found on the Thank You page.
- Submit buttons, like that found at the bottom of the form.
- The "Collapse all" button o...Most (though not all) button-like elements in the designs are 56px tall. Those include:
- Common buttons, like those found on the Thank You page.
- Submit buttons, like that found at the bottom of the form.
- The "Collapse all" button on the FAQs page
- Button-like backgrounds for radio buttons, like those found in radio groups in the "Your donation" section.
One notable exception are the skinny buttons found on gift items, which are 40px tall instead.stephenstephenhttps://gitlab.torproject.org/tpo/web/donate-neo/-/issues/31Form spacing for major sections can be inconsistent2024-03-18T20:01:09ZdonutsForm spacing for major sections can be inconsistentIn some instances, the spacing around the form and between blocks of content can be a little random. Please see the attached guides which demonstrate the spacing rules used in the designs.In some instances, the spacing around the form and between blocks of content can be a little random. Please see the attached guides which demonstrate the spacing rules used in the designs.stephenstephenhttps://gitlab.torproject.org/tpo/web/community/-/issues/343[Relays] Add unredacted.org to relay associations page2024-03-18T17:45:55ZGus[Relays] Add unredacted.org to relay associations page- Country: US
- Name: Unredacted.org.
- Donate: https://unredacted.org/donate/
https://community.torproject.org/relay/community-resources/relay-associations/- Country: US
- Name: Unredacted.org.
- Donate: https://unredacted.org/donate/
https://community.torproject.org/relay/community-resources/relay-associations/GusGushttps://gitlab.torproject.org/tpo/web/donate-neo/-/issues/30Donation array items should look and behave like radio buttons2024-03-18T19:30:19ZdonutsDonation array items should look and behave like radio buttonsThe previous design felt a little lacking in affordance, so I've updated this element to look and behave more like a regular radio button. Would you mind updating it on the website please?
See the updated design in Figma here: [Figma / ...The previous design felt a little lacking in affordance, so I've updated this element to look and behave more like a regular radio button. Would you mind updating it on the website please?
See the updated design in Figma here: [Figma / Donate-dot](https://www.figma.com/file/nIpahk0b9VMaeEnubiO33g/Marble?type=design&node-id=505%3A5385&mode=design&t=5Z9mLlYaaz0kCU2q-1)stephenstephenhttps://gitlab.torproject.org/tpo/web/donate-neo/-/issues/29Copyleft icon is missing from footer2024-03-18T19:31:42ZdonutsCopyleft icon is missing from footerThere should be a copyleft icon next to the text "Tor Project, Inc" in the site footer.
See here in Figma: [Figma / Donate-dot](https://www.figma.com/file/nIpahk0b9VMaeEnubiO33g/Marble?type=design&node-id=505%3A5385&mode=design&t=5Z9mLl...There should be a copyleft icon next to the text "Tor Project, Inc" in the site footer.
See here in Figma: [Figma / Donate-dot](https://www.figma.com/file/nIpahk0b9VMaeEnubiO33g/Marble?type=design&node-id=505%3A5385&mode=design&t=5Z9mLlYaaz0kCU2q-1)stephenstephenhttps://gitlab.torproject.org/tpo/web/manual/-/issues/158Update instructions about using built-in bridges in Tor Browser2024-03-26T12:58:53Zebanamebanam@torproject.orgUpdate instructions about using built-in bridges in Tor Browserhttps://tb-manual.torproject.org/circumvention/
The UX has changed a bit. Let's review and update this section about using built-in bridges with Tor Browser.
> USING PLUGGABLE TRANSPORTS
>
> To use a pluggable transport, click "Configu...https://tb-manual.torproject.org/circumvention/
The UX has changed a bit. Let's review and update this section about using built-in bridges with Tor Browser.
> USING PLUGGABLE TRANSPORTS
>
> To use a pluggable transport, click "Configure Connection" when starting Tor Browser for the first time. Under the "Bridges" section, locate the option "Choose from one of Tor Browser's built-in bridges" and click on "Select a Built-In Bridge" option. From the menu, select whichever pluggable transport you'd like to use.
>
> Once you've selected the pluggable transport, scroll up and click "Connect" to save your settings.
>
> Or, if you have Tor Browser running, click on "Settings" in the hamburger menu (≡) and then on "Connection" in the sidebar. Under the "Bridges" section, locate the option "Choose from one of Tor Browser's built-in bridges" and click on "Select a Built-In Bridge" option. Choose whichever pluggable transport you'd like to use from the menu. Your settings will automatically be saved once you close the tab.
/cc @nina @emmapeelebanamebanam@torproject.orgebanamebanam@torproject.orghttps://gitlab.torproject.org/tpo/web/donate-neo/-/issues/28Social media icons in footer are fuzzy2024-03-18T18:23:41ZdonutsSocial media icons in footer are fuzzyThis is likely due to using low-res raster assets. The UX Team should supply SVGs instead.This is likely due to using low-res raster assets. The UX Team should supply SVGs instead.donutsdonutshttps://gitlab.torproject.org/tpo/web/donate-neo/-/issues/27Onion pattern is missing from the site footer2024-03-18T18:22:34ZdonutsOnion pattern is missing from the site footerThe UX Team need to supply an SVG asset for implementation.The UX Team need to supply an SVG asset for implementation.donutsdonutshttps://gitlab.torproject.org/tpo/web/donate-neo/-/issues/26Invert the use of purple and green for gift items2024-03-18T18:22:46ZdonutsInvert the use of purple and green for gift itemsIn hindsight, it makes far more sense for the "Choose this gift" button to be purple, and the selected state to be green. Could we swap these please?
Like so: [Figma / Donate-dot](https://www.figma.com/file/nIpahk0b9VMaeEnubiO33g/Marble...In hindsight, it makes far more sense for the "Choose this gift" button to be purple, and the selected state to be green. Could we swap these please?
Like so: [Figma / Donate-dot](https://www.figma.com/file/nIpahk0b9VMaeEnubiO33g/Marble?type=design&node-id=505%3A5385&mode=design&t=5Z9mLlYaaz0kCU2q-1)stephenstephenhttps://gitlab.torproject.org/tpo/web/donate-neo/-/issues/25Bottom border of selected item stacks on top of the subnav border2024-03-18T18:23:20ZdonutsBottom border of selected item stacks on top of the subnav borderThe bottom border on the selected item should overlap the subnav border on the z-axis, rather than stack above it.
See this element in Figma here: [Figma / Donate-dot](https://www.figma.com/file/nIpahk0b9VMaeEnubiO33g/Marble?type=design...The bottom border on the selected item should overlap the subnav border on the z-axis, rather than stack above it.
See this element in Figma here: [Figma / Donate-dot](https://www.figma.com/file/nIpahk0b9VMaeEnubiO33g/Marble?type=design&node-id=505%3A5385&mode=design&t=5Z9mLlYaaz0kCU2q-1)
![subnav-border](/uploads/83ce7cb5c05d32aaf8857b89d3bca35c/subnav-border.png)stephenstephen