Ranking main page modules

Top page text
Supermarket Ranking 2010 Subtitle or slogan Use the mouse on the graph bellow for more details

Add the flash
Change the address of the file in both embed and object tags:

    

Translate the criteria text
 Pol&iacute;tica de compra e venda de peixe Retirar os produtos insustent&aacute;veis Apoiar os produtos sustent&aacute;veis</a></li> Tra&ccedil;abilidade dos produtos</a></li> Etiquetagem dos produtos</a></li> Venda de esp&eacute;cies da Lista Vermelha</a></li> Transpar&ecirc;ncia e informa&ccedil;&atilde;o</a></li> </ul>

Correct the link of the PDF and the download text (After being uploaded)
 <img src="http://static.greenpeace.org/int/nocache/Seafood_Markets/ranking2010/Portugal/otherimages/icon_pdf.png" alt="PDF" /> Download report (PDF) </a>

Change the lead text, hidden text and link to hide text
The first paragraph is the lead text and inside the div all hidden text

<p title="Read more..." class="rrExpandable">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut a sapien. Aliquam aliquet purus molestie dolor. Integer quis eros ut.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut a sapien. Aliquam aliquet purus molestie dolor. Integer quis eros ut erat posuere dictum. Curabitur dignissim. Integer orci. Fusce vulputate lacus at ipsum. Quisque in libero nec mi laoreet volutpat. Aliquam eros pede, scelerisque quis, tristique cursus, placerat convallis, velit. Nam condimentum. Nulla ut mauris. Curabitur adipiscing, mauris non dictum aliquam, arcu risus dapibus diam, nec sollicitudin quam erat quis ligula. Aenean massa nulla, volutpat eu, accumsan et, fringilla eget, odio. Nulla placerat porta justo. Nulla vitae turpis. Praesent lacus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Maecenas tortor metus, pellentesque nec, vehicula vitae, suscipit sed, quam. Aenean scelerisque sodales tortor. Sed purus. Curabitur turpis est, bibendum tristique, porttitor tempor, pulvinar vitae, tortor. Nullam malesuada dapibus orci. Vivamus aliquet tempus velit. Curabitur interdum posuere risus. Duis egestas, ipsum sit amet molestie tincidunt, ligula libero pretium risus, non faucibus tellus felis mattis sapien. Ut eu velit at massa auctor mattis. Nam tristique velit quis nisl.

<p class="rrParentHide">Hide this text</a>

On the left column edit each of the text modules
First paragraph, with a class of "rrExpandable" is the lead, all text inside the next div is hidden text

Title conclusions 1

<p class="rrExpandable">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut a sapien. Aliquam aliquet purus molestie dolor. Integer quis eros ut.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut a sapien. Aliquam aliquet purus molestie dolor. Integer quis eros ut erat posuere dictum. Curabitur dignissim. Integer orci. Fusce vulputate lacus at ipsum. Quisque in libero nec mi laoreet volutpat. Aliquam eros pede, scelerisque quis, tristique cursus, placerat convallis, velit. Nam condimentum. Nulla ut mauris. Curabitur adipiscing, mauris non dictum aliquam, arcu risus dapibus diam, nec sollicitudin quam erat quis ligula. Aenean massa nulla, volutpat eu, accumsan et, fringilla eget, odio. Nulla placerat porta justo. Nulla vitae turpis. Praesent lacus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Maecenas tortor metus, pellentesque nec, vehicula vitae, suscipit sed, quam. Aenean scelerisque sodales tortor. Sed purus. Curabitur turpis est, bibendum tristique, porttitor tempor, pulvinar vitae, tortor. Nullam malesuada dapibus orci. Vivamus aliquet tempus velit. Curabitur interdum posuere risus. Duis egestas, ipsum sit amet molestie tincidunt, ligula libero pretium risus, non faucibus tellus felis mattis sapien. Ut eu velit at massa auctor mattis. Nam tristique velit quis nisl. <p class="rrParentHide">Hide this text</a>

Edit the cyberaction link image and bellow text
<img src="http://static.greenpeace.org/int/nocache/Seafood_Markets/ranking2010/Portugal/otherimages/Bogart_Bacall_AFRS.jpg" alt="Person speaking at the mic" /></a>

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut a sapien. Aliquam aliquet purus molestie dolor. Integer quis eros ut erat posuere dictum. Curabitur dignissim.

Visible text
Spread the word

<img src="http://static.greenpeace.org/int/nocache/Seafood_Markets/ranking2010/Portugal/socialimages/facebook.png" alt="Facebook" title="Share the video in Facebook" /></a> <img src="http://static.greenpeace.org/int/nocache/Seafood_Markets/ranking2010/Portugal/socialimages/twitter.png" alt="Twitter" title="Share the link to the video in Twitter" /></a> <img src="http://static.greenpeace.org/int/nocache/Seafood_Markets/ranking2010/Portugal/socialimages/blogger-sapo.png" alt="Blogs" title="Put the video in your blog" /></a> <img src="http://static.greenpeace.org/int/nocache/Seafood_Markets/ranking2010/Portugal/socialimages/mail-icon.png" alt="E-mail" title="Share by e-mail" /></a>

Boxes
Every box is an item:

<form name="send_email" method="post" action="http://www.greenpeace.org/portugal/videos/o-fundo-da-linha" id="send_email">
 * 1) In the blogs box you might want change the frog image as this is a service in Portugal
 * 2) You have to create the Facebook and Twitter Links
 * 3) You have to add right embed code for the Youtube/other videosharing  (You need to know how to properly convert the youtube to html. I usually past it in Komposer and get the souce and copy+paste.
 * 4) The e-mail box has to be configured to the page you want to share and Planet has to be configured (in that page) with the message to send

By sharing the ranking video in Facebook you are helping our oceans... share now. <a target="_blank" href="http://www.facebook.com/share.php?u=http://www.greenpeace.org/portugal/videos/ranking3/">Click here to share</a>

By sharing the ranking video in Facebook you are helping our oceans... share now. <a target="_blank" href="http://twitter.com/home/?status=XXXXXX">Take a look at Greenpeace's new video at http://bit.ly/test</a>

By sharing the ranking video in your blog you are helping our oceans... share now. <p id="rrShareCode">&lt;object width="560" height="340"&gt; &lt;param name="movie" value="http://www.youtube.com/v/zVu9eawb1QY&amp;hl=en_US&amp;fs=1&amp;"&gt; &lt;/param&gt;&lt;param name="allowFullScreen" value="true"&gt; &lt;/param&gt;&lt;param name="allowscriptaccess" value="always"&gt;&lt;/param&gt; &lt;embed src="http://www.youtube.com/v/zVu9eawb1QY&amp;hl=en_US&amp;fs=1&amp;" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="560" height="340"&gt; &lt;/embed&gt;&lt;/object&gt;

Send an e-mail with the video page to your friends. Use the form bellow: <form name="send_email" method="post" action="http://www.greenpeace.org/portugal/videos/o-fundo-da-linha" id="send_email"> <input type="hidden" name="form:mode" value="edit" /> <input type="hidden" name="form:id" value="send_email" /> <input type="hidden" name="mode" value="send" />

<label for="recipient_email">Destination e-mail: <input type="text" name="recipient_email" id="recipient_email" class="ttext" /> <label for="sender_name">Your name: <input type="text" name="sender_name" id="sender_name" class="ttext" />

<label for="sender_name">Your e-mail: <input type="text" name="sender_email" id="sender_email" class="ttext" /> <input type="submit" name="send" value="Enviar" id="sendToFriend" />

RSS feed version
The address of the RSS feed must be configured on the link bellow and in the file general interaction

Html
Configure the link and the text

Updates and links (RSS):

Subscribe the <a href="http://links.greenpeace.pt/category/blogues/feed/" target="_blank">RSS feed</a>

Javascript in General Interaction
Configure the link and the title


 * - UPDATES AND LINKS RSS MODULE - */

$('#rrUpdatesFeed').gFeed({ 	        url: 'http://links.greenpeace.pt/category/blogues/feed/', 	        title: 'Updates and Links' 	    });

And make sure that in the header there's a script link to the jquery.gfeed.js file

Alternative: Use Twitter module instead of RSS feed module
If you don't have an RSS from a blog to link to you can use Twitter. With the current configuration it grabs the last tweets including a word. In the example bellow the account is "greenpeace" and the word "climate"

Html
Replace the html of the RSS module by:

Updates and links: Follow Greenpeace on <a href="http://twitter.com/greenpeacept" target="_blank">Twitter</a>

Javascript
And replace the add the bellow code on the header. The "from:greenpeace" defines the account (For Portugal would be greenpeacept) and the "phrase=climate" defines a word that has to be on the tweet to be included. Finally replace "searching twitter..." by the translation in the page language

jQuery(document).ready(function($){

/* UPDATES AND LINKS TWITTER MODULE */ $("#tweetHere").tweet({       count: 3,        query: "from:greenpeace&phrase=climate",        loading_text: "searching twitter..."    });

})

What did you do module
The what did you do module involves cyberactivists by allowing them to send us a note on what did they do to help the campaign.

Before you configure the module bellow you have to create a "petition" in sign-a-petition.greenpeace.org. Then get the petition number and put it instead of the "337" below. Don't forget to configure the petiton final page in sign-a-petition.greenpeace.org.

Now you can start translating...

What did you do?

Tell us what you did to help the campaign? <form action="http://sign-a-petition.greenpeace.org/petitions/337/signatures" enctype="multipart/form-data" method="post" name="form" id="form">

<label for="signature_name">Your name: <input name="signature[name]" id="signature_name" maxlength="30" type="text" />

<label for="signature_email">Your e-mail: <input id="signature_email" maxlength="100" name="signature[email]" type="text" />

<label for="signature_country">Country: <select id="signature_country" name="signature[country]"> Espa&ntilde;a France <option value="pt" selected="selected">Portugal

<label for="signature_comment">Describe your action: <textarea lang="pt" cols="30" id="signature_comment" name="signature[comment]" rows="4">

<input id="rrcommit" name="commit" type="submit" value="Send" />