We should add a banner on Tor Browser's about:tor page that links to the crowdfunding donation page. This will make most users aware of the crowdfunding campaign when Tor Browser updates next.
It might be fun and helpful to users to make it look stylistically similar to the crowdfunding page. Ideally we would translate the banner to several languages.
The next Tor Browser release is December 15, so we should aim for then at the very latest.
To upload designs, you'll need to enable LFS and have an admin enable hashed storage. More information
Child items
...
Show closed items
Linked items
0
Link issues together to show that they're related.
Learn more.
The banner should be very specific for this campaign. And I think we should show it no matter what. Tor not working for whatever reason shouldn't stop us from promoting the campaign. if anything, their donations helps us make better Tor :)
Also I wonder if we can take this chance to integrate check.torproject.org into about:tor -- or even replace the whole about:tor with check.tpo design
If we want to do this (add a crowdfunding banner) and include it in Tor Browser soon we should avoid taking on a redesign of the about:tor page (that probably deserves its own ticket and some dedicated design resources).
That is not to say that a redesign would be a bad thing. I do not know all of the history, especially from a design point of view, but it seems like check.torproject.org and the design for about:tor were produced independently. Part of the technical design of about:tor is that only a local SOCKS port check is done, which is very fast (see #7494 (closed)) and about:tor does include a "Test Tor Network Settings" to provides access to the remote check.torproject.org site. Whatever redesign is done, I do not think we should switch back to using a remote check since it is not needed most of the time.
The banner should be very specific for this campaign. And I think we should show it no matter what. Tor not working for whatever reason shouldn't stop us from promoting the campaign. if anything, their donations helps us make better Tor :)
I think Mark's point here is that clicking on the banner won't work (and will appear broken) if Tor isn't working. The user needs to focus on getting connected to the Tor network first, so maybe it's distracting to have a broken donation banner in that state?
Do you need any help with design or copy for the banner ? if you want to have an image there, we have photos of our celebrities champions and quotes too! let me know if you need any help with collecting things for design/copy.
Do you need any help with design or copy for the banner ? if you want to have an image there, we have photos of our celebrities champions and quotes too! let me know if you need any help with collecting things for design/copy.
Yes, I need help on both! :) Images and quotes would be great -- it might be not too hard to show a different random celebrity and quote with each startup. But best to start with something simple and then interate as we get feedback.
I imagine the same banner could also be useful at the top of the torproject.org home page (i.e., #10553 (moved)).
I suppose we can get inspiration from a design like this:
I think the "progress bar" for how much is being raised is quite a compelling thing. Updating it within Tor Browser might be a bit awkward, but it might be nice on the website. Do we have a goal amount for this campaign?
Another variant on this idea is to have some kind "doorhanger" notification with a banner or otherwise-shaped crowdfunding ad. Here's what a doorhanger notification looks like:
We could give it any shape/size and put pretty much any HTML content inside it that we want.
On the plus side, a doorhanger would still be visible to people who have changed their Tor Browser startup page to something other than about:tor.
On the minus side, a doorhanger is perhaps more intrusive and annoying. But we could set it to only appear a limited number of times.
I've written a patch that adds a banner to about:tor. The design is heavily based on Leiah's work, but it uses HTML text, so, if there is time, we can translate the banner in-place.
To allow localization, the text needs to be moved to the aboutTor.dtd file.
Use of "text-align: left" may cause trouble if we translate to an RTL language. Remove it if it is not needed, and consider testing with placeholder Farsi or Arabic text to find potential problems now.
There is a lot of inline CSS. Move some of it to aboutTor.css if you have time (that will make the HTML easier to read and make everything more maintainable).
If possible, keep line lengths under or near 80. Moving the CSS out of the HTML file should make that possible.
To allow localization, the text needs to be moved to the aboutTor.dtd file.
Use of "text-align: left" may cause trouble if we translate to an RTL language. Remove it if it is not needed, and consider testing with placeholder Farsi or Arabic text to find potential problems now.
There is a lot of inline CSS. Move some of it to aboutTor.css if you have time (that will make the HTML easier to read and make everything more maintainable).
If possible, keep line lengths under or near 80. Moving the CSS out of the HTML file should make that possible.
This version uses Leiah's new banner design. As currently implemented, the banner will be visible in English only, until January 25 or until the banner has been displayed 10 times (whichever happens first). There are three champions, one of which is shown randomly with each new Tor Browser window.
(If we manage to get the strings translated in time then I will enable the available languages and review the layout for each language.)