tpo issueshttps://gitlab.torproject.org/tpo/web/tpo/-/issues2024-02-13T18:32:26Zhttps://gitlab.torproject.org/tpo/web/tpo/-/issues/415Difficult and/or impossible to know who is on the Board of Directors from our...2024-02-13T18:32:26Zal smithDifficult and/or impossible to know who is on the Board of Directors from our websiteThe current design of https://torproject.org/about/people makes it very difficult to know who on the People page is part of the Board of Directors. Additionally, it does not include all members of the board, including all of the [new mem...The current design of https://torproject.org/about/people makes it very difficult to know who on the People page is part of the Board of Directors. Additionally, it does not include all members of the board, including all of the [new members](https://blog.torproject.org/announcing-new-board-members/) who were elected more than a year ago.
In the past, the People page delineated between Core Tor and Board of Directors by separating the page. See the design here: https://web.archive.org/web/20220324044454/https://www.torproject.org/about/people/. It unfairly weighted the board with huge bios at the top of the page.
Back then, in an effort to resolve this imbalance, we integrated the Board of Directors into the People page alongside other Core Tor members. But:
1. We failed to meaningful or consistently indicate who is a board member. (The existing board members say so in their bio, but it requires a CTRL+F, and each bio is formatted differently.) There is no visual indicator as to who is a board member.
2. We have not historically kept this page up-to-date as regularly as it should be (see: a year passing without new board members being added).
IMHO, this is a sub-set of a problem with this page, but it's one that's very important to me. I think a lack of clarity around who is on the Board of the Tor Project is something that unintentionally appears like obfuscation.
I put myself in a position of a prospective funder, for example -- when I cannot find basic information about the nonprofit structure (e.g., the Board of Directors), I imagine losing faith in the maturity of the organization and its capacity to manage big funding opportunities. As a prospective donor, I imagine feeling like I'm not sure if this *is* a nonprofit, because I can't tell from the people page.
Ultimately, my reason for creating this ticket is that I wanted to remember who was on the board. I cannot find that information anywhere on our website. If I, a person who is intimately familiar with our published information, cannot find who is on the board easily -- can we expect others to do so?
@donuts @jag, I'm tagging you because maybe this is simply a design challenge.
@pavel I'm tagging you because I bet you have thoughts on the weight or importance of this info.https://gitlab.torproject.org/tpo/web/tpo/-/issues/387Add localized screenshot to https://www.torproject.org/ar/download/#android2023-11-01T00:08:37ZemmapeelAdd localized screenshot to https://www.torproject.org/ar/download/#androidWe should add a screenshot on the language at the different language pages in https://www.torproject.org/download/#android / https://www.torproject.org/ar/download/#android / https://www.torproject.org/es/download/#android etc.
It does ...We should add a screenshot on the language at the different language pages in https://www.torproject.org/download/#android / https://www.torproject.org/ar/download/#android / https://www.torproject.org/es/download/#android etc.
It does not seem so quick to do well, maybe we should find a way to get automated screenshots for each language, maybe some website languages have no version in Android, etc.
Maybe a script that searches for screenshot-$lang and if it does not find it on the folder, uses the English.https://gitlab.torproject.org/tpo/web/tpo/-/issues/68Download page content displays poorly on small screen devices2023-08-15T19:00:08ZGusDownload page content displays poorly on small screen devicesWe received this feedback and solution on Download page.
---
I had noticed that on the download page there are some issues with content displaying inappropriately on smaller screen sizes. The circular download logo button sections for ...We received this feedback and solution on Download page.
---
I had noticed that on the download page there are some issues with content displaying inappropriately on smaller screen sizes. The circular download logo button sections for Windows, OS X, Linux, and Android are overlapping each other for various reasons, on various screen sizes. I have reworked the code to make this section display appropriately for all mobile screen sizes.
Here is my solution (NOTE: I will refer to the page source code lines (view-source:https://www.torproject.org/download/) for your reference.):
* [ ] 1. Space the circular download button sections evenly widthwise by adding the Class "mx-auto" to <div class="oval-2 bg-darker"> on the following lines: 120, 141, 162.
* [ ] 2. Remove the "py-3" Class from class="col-sm-6 col-md-3 py-3" on the following lines: 119, 140, 161, 182
The reason for removing the Class "py-3" is because if the padding values associated with this class are edited it changes the padding on the download link text section which uses the same Class below the circular download buttons section. Removing this Class from the mentioned lines doesn't remove any "needed" CSS.
* [ ] 3. For fixing the spacing issues between the 4 circular download buttons add {padding: 2em 1em 5em 1em;} as an inline style to the divs on the following lines: 119, 140, 161, 182
* [ ] 4. For styling the space around the download text links section remove the Class p-5 from <div class="row p-5"> and add {padding: 1em 3em 0 3em !important;} as an inline style to the <div> on line 192.
![feedback-download-page-before](/uploads/dcece67d2271550d1ca3cff2c8a066ea/feedback-download-page-before.png)
![feedback-download-page-after](/uploads/4b2eb70e3f7764491df23706e86b6976/feedback-download-page-after.png)
* [ ] 5. For fixing the overlapping rectangular buttons (Download for Windows, Download for OS X, etc...) in the circular downloads buttons section, an easy fix, I found is removing the word "for" from the button which will shorten the width of the button so that it doesn't overlap the button next to it. To make the text read nicer, reverse the word "Download" with the manufacture name (Windows). - For example instead of using the existing text "Download for Windows" do, "Windows Download".
![before](/uploads/e6c89eb0fba22254d3c65476fe0798d7/before.png)
![after](/uploads/1b59ad26a97ee083c8e10004bf9bd283/after.png)donutsdonuts