Opened 2 months ago

Closed 7 weeks ago

#31709 closed task (wontfix)

Add the Digital Climate Strike code to the Tor Website

Reported by: teor Owned by: hiro
Priority: High Milestone:
Component: Webpages/Website Version:
Severity: Normal Keywords:
Cc: traumschule, trac-dip-importer, ggus Actual Points:
Parent ID: #31708 Points:
Reviewer: Sponsor:

Description

Please add the Digital Climate Strike code to the Tor Website, by following the Self-Hosted instructions:
https://github.com/fightforthefuture/digital-climate-strike#option-2-self-hosted

We'll also want to set these options before loading the script:

<script type="text/javascript">
  var DIGITAL_CLIMATE_STRIKE_OPTIONS = {
    /* The Tor website base URL */
    iframeHost: 'https://www.torproject.org',
    /* Disable Google Analytics, for user privacy */
    disableGoogleAnalytics: true,
    /* Let users dismiss the banner, and use the Tor website */
    showCloseButtonOnFullPageWidget: true,
  };
</script>
<script src="widget.js" async></script>

For more details, see:
https://github.com/fightforthefuture/digital-climate-strike#customization-options

More info about the Digital Climate Strike, see:
https://digital.globalclimatestrike.net/

Child Tickets

Attachments (3)

Chrome_macOS.png (52.7 KB) - added by teor 2 months ago.
Chrome macOS Tor Climate Strike Banner
Safari_macOS.png (55.7 KB) - added by teor 2 months ago.
Safari macOS Tor Climate Strike Banner
Tor_Browser_macOS.png (296.9 KB) - added by teor 2 months ago.
Tor Browser macOS Tor Climate Strike Banner and Scroll Bar

Download all attachments as: .zip

Change History (7)

comment:1 Changed 2 months ago by teor

They've just merged a security patch, please make sure it is included in Tor's copy the code:
https://github.com/fightforthefuture/digital-climate-strike/pull/79

comment:2 Changed 2 months ago by pili

This is currently available on staging: https://lektor-staging.torproject.org/tpo/develop/

Can we get a review that it works as expected before promoting to production?

comment:3 in reply to:  2 Changed 2 months ago by teor

Status: newneeds_revision

Replying to pili:

This is currently available on staging: https://lektor-staging.torproject.org/tpo/develop/

Can we get a review that it works as expected before promoting to production?

The banner appears with and without JavaScript, on:

  • MobileSafari on iPad
  • Tor Browser on macOS
  • Google Chrome on macOS
  • Safari on macOS

There are 3 interactive UI elements:

  • the global climate strike image link works on all platforms
  • the "Yes, I'm In" button works on all platforms, but looks bad on:
    • Google Chrome on macOS
    • Safari on macOS
    • (I'll attach some screenshots)
  • the close button "x" works on all platforms, except:
    • Tor Browser on macOS, where it is obscured by the scroll bar
      • solution: move the close button another 1-1.5x of its width to the left

These issues are not blockers, but we should fix them.

Changed 2 months ago by teor

Attachment: Chrome_macOS.png added

Chrome macOS Tor Climate Strike Banner

Changed 2 months ago by teor

Attachment: Safari_macOS.png added

Safari macOS Tor Climate Strike Banner

Changed 2 months ago by teor

Attachment: Tor_Browser_macOS.png added

Tor Browser macOS Tor Climate Strike Banner and Scroll Bar

comment:4 Changed 7 weeks ago by teor

Resolution: wontfix
Status: needs_revisionclosed

We won't be making any changes here.

Note: See TracTickets for help on using tickets.