openrightsgroup / blocked-org-uk Goto Github PK

I was thinking of adding in a few chunks with CTAs like 'volunteer', 'call your MP', 'donate', etc I'll knock some examples up in a test page on the repo - If anyone has any suggestions for any let me know then then can be scattered around the site

We have been referring to either "blocked.org.uk" or the "censorship monitoring project". Other suggestions have included "everyday censorship" and "Hadrian's firewall".

If anyone has any comments or suggestions on this please add them to this thread.

Add quick contact form to make it easier for people to contact us directly from this page if they have trouble unblocking their site.

The final copy for this page needs to be written. Current version is at http://blocked.org.uk/help. This will need updating to reflect version 2.0 and the development that will happen after this milestone. e.g. "Where we are" and "Where we want to go next" sections will both need replacing. Take a look at the github issues tagged as "enhancements" for the future development direction of the project.

We should include a few good personal stories from our existing reports archive.

We could use stories from ORG's 2012 report into mobile blocking - raw data here. It would be good to include some more recent examples so we should also examine what's in the live site's database right now.

Highlight current page in navigation

Can we have a button that shares blocking results to various social media sites?

e.g. '.@everydaycensorship www.smilingcats.com blocked on BT'

The share button section on www.dontspyonus.org.uk is a nice example.

If you reduce the browser width to the point where the PROJECT NAME title overlaps with the menu, but not so far that the menu becomes vertical, then hovering over the "check a site" or "unblock a site" menu options superposes a white box on top of part of the PROJECT NAME text.

Add jump nav for ISPs in unblock page.

The final copy for this page needs to be written. This is a new page so there is no previous content to incorporate. The header just needs to introduce the fact that the stories below are examples of how censorship is affecting people adversely.

The final copy for this page needs to be written and all placeholder content (lorum ipsum etc.) should be removed.

The existing page is at http://blocked.org.uk/complain

Give pixel-based fall-back sizes for font sizes specified in rems.

We need a mechanism that can query the API for historical results for a URL so that they can be displayed on the website. Perhaps using a back-end PHP script to collect the results via the API and spit them out as JSON, then use JS to display the results in a table.

Issue #29 covers the front-end JS, display and styling. This issue covers the back-end mechanism for interfacing with the API.

Notes on:
https://dl.dropboxusercontent.com/u/12755204/blocked-org-uk/raw_html/index.html

Additional tabs/pages the website needs:

1. Donate
   Join ORG/Donate button
2. News.
   This would be our press releases/updates/'patches'/etc.
3. Should 'help us' be 'volunteer' or 'Get Involved'?
   This would allow 2 separate asks located in different places: Giving time & Giving money.

Big fan of the turquoise buttons. They stand out well. However can we make that red a shade darker? More like the current red in the background of ORG's website.

Are the 3 submission forms going to be three consequetive responses within the page?
So as I read it you should currently get a series of steps

1. Check if a site is being censored. FORM --->
2. NEW FORM APPEARS
   Response 'We've sent X site for testing, Now give us your email'--->
3. NEW FORM APPEARS
   Response: Can you tell us more/submit your story
4. NEW RESPONSE
   Thank you! Read the rest of the website pls.

In my head this is part of one page and one process, as responsive form in an iframe.

I think steps 1 and 2 belong together.
However step 3 should be an option you can reach by successfully skipping both. For example, if you just want to submit your story to us and nothing else.
Step 4, 'the thank you', should be a response to available as a response to as many options as possible.

Can you have a 'no thank you' to submitting email that still takes you to a 'Learn more about filtering' option? Maybe another light grey option box, next to the turquoise submission box on option 2.

Additional options:
Share buttons. Can we have a 'I just submitted by site for checking with Blocked' and a results share maybe... '.@everydaycensorship www.smilingcats.com blocked on BT'
The share button section on www.dontspyonus.org.uk is a nice example.

Doing my best to explain my thoughts in this message but happy to clarify if this doesn't make sense.

We need to get FormSave working on the main form on the home page. Not sure what's going on there - @webal's best guess to date is that the db it's using isn't created or permissions for it set up.

We are already starting to see spam introduced into our development server (example below) so I think we're going to have to consider adding a captcha (or another mechanism) to mitigate this.

-------- Original Message --------
Subject: Blocked site
http://uk.news.yahoo.com/decaying-trees-may-key-mysterious-dune-holes-152010548.html#ytlmZnL
Date: Sat, 17 May 2014 16:45:27 +0100
From:
To:

Email:

Domain to check:
http://uk.news.yahoo.com/decaying-trees-may-key-mysterious-dune-holes-152010548.html#ytlmZnL

Type of site: Select a category

Additional info:

Join mailing list: [[+joinlist]]

Happy to be contacted: [[+allowcontact]]

ORG's main site uses the MODX extra Articles for the local groups news pages (e.g. https://sheffield.openrightsgroup.org/). We should try to integrate "Articles" onto this news page so that the blogging engine is uniform across all ORG blogs. This would also allow us to display blocked.org.uk news posts on the main page and in our main RSS fees.

We could launch version 2.0 without this page so I'm flagging it as an enhancement.

Check H1 / H2 / H3 levels are all correct.

This page is a duplicate of the main contact page for ORG at https://www.openrightsgroup.org/contact. It would be best if we could embed this page on blocked.org.uk but keep our site header and navigation. Then if ORG's contact details are updated we don't have to change them in two places.

We need to find out if this is possible in MODX and perhaps discuss with @JimKillock and @mkillock how best to achieve this in practice.

We have a short list of fairly generic categories of site at the moment:

• Business
• Educational
• Charity
• Personal
• Government

What other categories should we list? These need to be added.

The unblock page will need current "how to unblock a site" information for at least the big five broadband providers at launch:

• BT
• Sky
• TalkTalk
• VirginMedia
• Plusnet

Need to write copy for the header and footer (and / or decide which pages to link to)

The final copy for this page needs to be written. There is no existing copy on blocked.org.uk because this is a new page, however the "report" page (http://www.blocked.org.uk/) might have some useful words we can reuse.

We need to tell visitors that they're invited to submit a URL for checking and that our system will then send this to probes running on different networks to discover whether it is blocked.

Getting involved page to have prominent 'contact MP' box - or ideally form to email them directly.

Can we have a 'no thank you' to submitting email address that still takes users to a 'Learn more about filtering' option?

Are the 3 submission forms going to be three consequetive responses within the page? So as I read it you should currently get a series of steps:

1. Check if a site is being censored. FORM --->
2. NEW FORM APPEARS. Response 'We've sent X site for testing, Now give us your email' --->
3. NEW FORM APPEARS. Response: 'Can you tell us more/submit your story?'
4. NEW RESPONSE: 'Thank you! Read the rest of the website pls.'

In my head this is part of one page and one process, as responsive form in an iframe.

I think steps 1 and 2 belong together.

Step 3 should be an option you can reach by successfully skipping both. For example, if you just want to submit your story to us and nothing else.

Step 4, 'the thank you', should be a response to available as a response to as many options as possible.

A page with a more in-depth description of the various techniques for preventing and correcting over- or underblocking (not just links to various ISP contact forms).

We could use a couple more pictures on site - eg raspberry pi on project page - but only where it adds to content.

Must make sure we have proper licenses for any images we do use.

Can we have a button that shares 'I just submitted a site for checking with Blocked' or similar to various social media sites?

The share button section on https://www.dontspyonus.org.uk is a nice example.

When you type in a Site or page to check if I type in openrightsgroup.org the Error "Please enter a URL" comes up and you have to type http://openrightsgroup.org for it to work.

http:// or http://www. should be prepended to domains.

Can we make the shade of red used throughout the site a bit darker? More like the current red in the background of ORG's website? I believe this is rgb(191, 32, 38);

Probably syncing the modX FormSave table with the API one on the server (will be different for staging/live)

Add relative links via MODX references (currently highlighted *_like this_* in page text)

Presumably we'll be using Piwik, same as the current site? If so is there any reason not to cut and paste the code from there?
html <!-- Piwik --> <script type="text/javascript"> var pkBaseURL = (("https:" == document.location.protocol) ? "https://bug.openrightsgroup.org/piwik/" : "https://bug.openrightsgroup.org/piwik/"); document.write(unescape("%3Cscript src='" + pkBaseURL + "piwik.js' type='text/javascript'%3E%3C/script%3E")); </script><script type="text/javascript"> try { var piwikTracker = Piwik.getTracker(pkBaseURL + "piwik.php", 14); piwikTracker.disableCookies(); piwikTracker.trackPageView(); piwikTracker.enableLinkTracking(); } catch( err ) {} </script><noscript><p><img src="https://bug.openrightsgroup.org/piwik/piwik.php?idsite=14" style="border:0" alt="" /></p></noscript> <!-- End Piwik Tracking Code -->
@graphiclunarkid

Form-submission success message could be styled better.

Contact MP / take action stuff <- is there a page on ORG (or another site) where you enter your postcode and it gets your MP and a form to contact them like I've seen on some sites (38 degrees??) I think this would be good to make it easy to do. I've added in placeholder text for this on a couple of pages.

Add quick contact form to make it easier for people to submit their own stories right on the same page.

Message displayed once the main form is submitted (may overlap with 'check site' content).

Probably be worth having key calls to action on here as people who are worried about their site being blocked will be heading straight here.

This page contains some of the same information as the Join ORG page at https://www.openrightsgroup.org/join/. It would be best if we could embed this part on blocked.org.uk but keep our site header and navigation. Then if ORG's contact details are updated we don't have to change them in two places.

We need to find out if this is possible in MODX and perhaps discuss with @JimKillock and @mkillock how best to achieve this in practice.

The page also includes donate buttons for paypal, flattr, etc. We should clarify with @JimKillock whether we should be taking this approach since those options don't seem to appear on openrightsgroup.org. Would it be appropriate to have buttons to donate specifically to this campaign or do we want to route all donations to ORG's main fund (and therefore steer people to join rather than donate as that's more valuable long-term)?

Reproduction steps:

1. Visit http://stage.blocked.org.uk/
2. Enter a URL to check.
3. Ensure the email address field is either blank or contains a string that is not a valid email address.
4. Set either or both of the following check boxes: "I'm happy for ORG to contact me if I have any questions" or "I'd like to join the ORG mailing list (view privacy policy)."
5. Submit the form.

Expected: validation error (must supply an email address to be contacted or subscribed to the list)

Actual: form is submitted.

See also #5

Experiment with drop quotes for more awesome.

The site needs a favicon. We don't really have a logo for the project at the moment so for launch we should probably just use the same one as https://www.openrightsgroup.org/

Tidy up PayPal, flatter, etc. buttons

Submission of form goes to results page, which should show the results for the submitted URL if they exist.

Issue #10 deals with querying the API for the results data. This issue deals with the front end JS for triggering that mechanism as well as displaying and styling the data on the results page.

This issue is a placeholder for the process of migrating the next release from dev to testing.

We should revisit our solution to issue #8 at this time. As we progress we should add to this issue any more things we think we should consider as part of this process.

We will need to replace relative anchors with MODX internal cross-references when porting to the live server.

We should get better copies of the ORG logo, either vector or hi-res jpeg/png, so that we can create versions that fit on our pages correctly.

This issue is a placeholder for the process of migrating the next release from staging to live.

We should revisit our solution to issue #8 at this time. As we progress we should add to this issue any more things we think we should consider as part of this process.

The final copy for this page needs to be written. The existing content for this page is at http://blocked.org.uk/mobile-censorship. It needs to be updated with recent developments. All placeholder text (lorum ipsum etc.) must be removed from the new page.

Add a larger call to action for direct debit sign up, possibly including an ORG logo at top.