Revision 23713 of "L12 1011 EditorTemplate" on donatewiki

{{MediaWiki:Resources/landingpage.css}}
{{MediaWiki:Resources/landingpage.js}}
<html>
  <style type="text/css">
    body {
      background: #e8e8e8;
    }
    div#mw-page-base,
    div#mw-head-base,
    div#mw-head.noprint,
    div#mw-panel.noprint {
      display: none;
    }
    div#content {
      margin: 0;
      padding: 0;
      width: auto;
    }
    div#content div#mw-content-text p {
      margin: 0;
    }
    div#footer {
      margin: 0;
    }
    div#landing-custom-donate {
      font-family: Arial, Helvetica, Verdana, sans-serif;
      padding: 30px 0 40px 0;
    }
    div#landing-custom-donate:after {
      clear: both;
      content: '';
      display: block;
      height: 0;
      visibility: hidden;
    }
    div#landing-custom-donate div.left {
      float: left;
      font-size: 15px;
      line-height: 20px;
      margin: 0 2% 0 3%;
      padding: 0;
      width: 50%;
    }
    div#landing-custom-donate div.left h3 {
      border-bottom: 1px solid #000;
      font-size: 20px;
      font-weight: bold;
      line-height: 22px;
      margin: 0 0 10px 0;
      padding: 0 0 10px 0;
    }
    div#landing-custom-donate div.left ul {
      margin: 0 0 20px 0;
      padding: 0;
    }
    div#landing-custom-donate div.left ul li {
      color: #333;
      font-weight: bold;
      list-style-image: none;
      list-style-type: disc;
      margin: 0 0 10px 14px;
      padding: 0;
    }
    div#landing-custom-donate div.left img {
      float: left;
      margin: 0 20px 10px 0;
    }
    div#landing-custom-donate div.right {
      background: #ebf3f9;
      border: 1px solid #adb8c1;
      border-radius: 10px;
      float: right;
      font-size: 13px;
      line-height: 18px;
      margin: 0 3% 0 0;
      padding: 1%;
      text-align: center;
      width: 39%;
      -moz-border-radius: 10px;
      -webkit-border-radius: 10px;
    }
    div#landing-custom-donate div.right h4 {
      font-size: 20px;
      font-weight: bold;
      line-height: 22px;
      margin: 0 0 15px 0;
    }
    div#landing-custom-donate div.right p {
      margin: 0 0 15px 0;
    }
    div#landing-custom-donate div.right p span {
      font-size: 10px;
      line-height: 14px;
    }
    div#landing-custom-donate div.right ul li {
      display: inline-block;
      font-size: 10px;
      line-height: 14px;
    }
    div#landing-custom-donate div.right form span {
      white-space: nowrap;
    }
    div#landing-custom-donate div.right form label {
      font-weight: bold;
      margin: 0 10px 0 3px;
    }
    div#landing-custom-donate div.right form button {
      cursor: pointer;
      margin: 10px 5px 0 5px;
    }
    div#landing-custom-content {
      padding: 20px 0 40px 0;
    }
    div#landing-custom-content div.container {
      background: #fff;
      border-radius: 10px;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
      margin: 0 auto;
      padding: 30px;
      width: 900px;
      -moz-border-radius: 10px;
      -webkit-border-radius: 10px;
    }
    div#landing-custom-content div.container:after {
      clear: both;
      content: '';
      display: block;
      height: 0;
      visibility: hidden;
    }
    div#landing-custom-content div.left {
      float: left;
      width: 300px;
    }
    div#landing-custom-content div.right {
      float: right;
      width: 550px;
    }
    div#landing-custom-content h1 {
      border-bottom: 1px solid #000;
      font-size: 25px;
      font-weight: bold;
      line-height: 28px;
      margin: 0 0 20px 0;
      padding: 0 0 10px 0;
    }
    div#landing-custom-content p {
      font-size: 13px;
      line-height: 20px;
      margin: 0;
      padding: 0 0 20px 0;
    }
    div#landing-custom-content blockquote {
      margin: 0;
      padding: 0;
      position: relative;
    }
    div#landing-custom-content blockquote:before {
      color: #e6e6e6;
      content: '“';
      display: block;
      font: italic 330px Georgia, 'Times New Roman', Times, serif;
      left: -50px;
      position: absolute;
      top: -50px;
    }
    div#landing-custom-content blockquote:after {
      bottom: -10px;
      color: #e6e6e6;
      content: '”';
      display: block;
      font: italic 330px/1px Georgia, 'Times New Roman', Times, serif;
      position: absolute;
      right: 20px;
    }
    div#landing-custom-content blockquote p {
      font-size: 22px;
      font-style: italic;
      font-weight: bold;
      line-height: 30px;
      margin: 0;
      padding: 10px 0 30px 0;
      position: relative;
      z-index: 100;
    }
    div#landing-custom-content img {
      border-radius: 5px;
      margin: 0 0 20px 0;
      -moz-border-radius: 5px;
      -webkit-border-radius: 5px;
    }
  </style>
  <div id="landing-custom-donate">
    <div class="left">
      <h3>Wikipedia needs your help. </h3>
      <ul>
        <li>Google might have 1,000,000 servers. Yahoo has something like 13,000 staff. We have 679 servers and 131 staff.</li>
        <li>We’re the fifth most visited website in the world, providing free knowledge to half a billion people every month.</li>
        <li>Volunteers create Wikipedia, but we have the same costs of any big website: servers, connection, power, rent, and technical staff.</li>
        <li>We’re funded by our readers, not by ads or corporate sponsors.</li>
        <li>Wikipedia is offered in 284 languages, with more than 15 million total articles.</li>
      </ul>
      <p><strong>Help Wikipedia remain a free service. Please Donate.</strong></p>
    </div>
    <div class="right">
      <h4>If everyone gave $5, we'd only have to fundraise one day a year.</h4>
      <form method="post" name="paypalcontribution">
        <input type="hidden" name="gateway" value="paypal">
        <input type="hidden" name="utm_source" value="">
        <input type="hidden" name="utm_medium" value="sitenotice">
        <input type="hidden" name="utm_campaign" value="">
        <input type="hidden" name="language" value="en">
        <input type="hidden" name="referrer" value="http://en.wikipedia.org/wiki/Main_Page?banner=B12_Expandable_Facts_PlainButtons">
        <input type="hidden" name="country" value="US">
        <input type="hidden" name="returnto" value="Thank_You/en">
        <input type="hidden" name="email-opt" id="input_email" value="1" checked="checked">
        <input type="hidden" name="currency_code" id="input_currency_code" value="USD">
        <span><input type="radio" name="amount" id="input_amount_0" onclick="document.paypalcontribution.amountGiven.value = ''" value="5"><label for="input_amount_0">$5</label></span>
        <span><input type="radio" name="amount" id="input_amount_1" onclick="document.paypalcontribution.amountGiven.value = ''" value="10"><label for="input_amount_1">$10</label></span>
        <span><input type="radio" name="amount" id="input_amount_3" onclick="document.paypalcontribution.amountGiven.value = ''" value="20"><label for="input_amount_3">$20</label></span>
        <span><input type="radio" name="amount" id="input_amount_4" onclick="document.paypalcontribution.amountGiven.value = ''" value="25"><label for="input_amount_4">$25</label></span>
        <span><input type="radio" name="amount" id="input_amount_5" onclick="document.paypalcontribution.amountGiven.value = ''" value="50"><label for="input_amount_5">$50</label></span>
        <span><input type="radio" name="amount" id="input_amount_5" onclick="document.paypalcontribution.amountGiven.value = ''" value="100"><label for="input_amount_5">$100</label></span>
        <span><input type="radio" name="amount" id="input_amount_6" onclick="document.paypalcontribution.amountGiven.value = ''" value="250"><label for="input_amount_6">$250</label></span>
  
        <span><input type="radio" name="amount" id="input_amount_other" value="Other"><label for="input_amount_other">Other:</label><input type="text" placeholder="Other" name="amountGiven" size="4" autocomplete="off" onfocus="this.form.input_amount_other.checked=true;" onkeypress="return DefaultSubmit(this,event)"></span>
        <br />
        <button onclick="redirectPayment('1');return false;">Donate by credit/debit card</button> 
        <button onclick="redirectPayment('2');return false;">Donate via PayPal</button>
        <br />
        <br />
        <br />
      </form>
      <p><span>By donating, you are sharing your information with the Wikimedia Foundation, the nonprofit organization that hosts Wikipedia and other Wikimedia projects, and its service providers in the U.S. and elsewhere pursuant to our donor privacy policy. We do not sell or trade your information to anyone. For more information, please read our  <a target="_new" href="http://wikimediafoundation.org/wiki/Donor_policy"> donor policy</a>.</span></p>
      <ul>
        <li><a target="_blank" href="https://wikimediafoundation.org/wiki/Special:LandingCheck?basic=true&amp;landing_page=Monthly_donations&amp;country=XX&amp;language=en">Make a monthly donation</a> | </li>
        <li><a target="_blank" href="https://wikimediafoundation.org/wiki/Special:LandingCheck?basic=true&amp;landing_page=Ways_to_Give&amp;country=XX&amp;language=en">Other ways to give</a> | </li>
        <li><a class="collapsible-container-trigger" target="_blank" href="https://wikimediafoundation.org/wiki/Special:LandingCheck?basic=true&amp;landing_page=FAQ&amp;country=XX&amp;language=en">Frequently asked questions</a> | </li>
        <li><a target="_blank" href="https://wikimediafoundation.org/wiki/Special:LandingCheck?basic=true&amp;landing_page=Tax_Deductibility&amp;country=XX&amp;language=en">Tax deductibility information</a></li>
      </ul>
    </div>
  </div>
  <div id="landing-custom-content">
    <div class="container">
      <h1>A personal appeal from a Wikipedia editor</h1>
      <div class="left">
        <img src="//upload.wikimedia.org/wikipedia/donate/3/3e/Raven-Appeal.jpg" alt="Raven" width="300" height="200" />
        <p>Ravan is a 26-year-old telecom engineer. Originally from Iraq, she now lives in Oman. Since she began editing in 2008, Ravan has created more than 700 new articles.</p>
      </div>
      <div class="right">
        <blockquote>
          <p>Today, there is a gap between the developing world and the developed world. It's not about money, and it's not about power. It's about knowledge.</p>
        </blockquote>
        <p>If you follow the news, you know about the Arab Spring. For young people like me and my friends, it was the beginning of a new era. As momentous events happened, we were obsessed with the news, following up second by second. We were checking our phones, Facebook, Twitter.</p>
        <p>And I was writing on Wikipedia. I love Wikipedia because it's impartial; it's the best source for up-to-date information from a neutral point of view. I looked at CNN, Al Jazeera, and the BBC, searching for the most reliable sources. Then I added updates in real time.</p>
        <p>It's incredible. For the first time in history, everyone could know what was happening, as it happened. We could share the truth with people across the world.</p>
        <p>A verse in the Quran says: God does not change the condition of the people until they change it themselves. This is my inspiration; this is why I keep working, day by day.</p>
        <p>We want a world that is more open, more educated, and more free. We want a world where knowledge is available to anyone that seeks it.</p>
        <p>It's time for us to change our world. Will you help?</p>
      </div>
    </div>
  </div>
  <script type="text/javascript" language="javascript">
var validateForm = function( form ) {
      var minimums = {
        'USD' : 1,
        'GBP' : 1, // $1.26
        'EUR' : 1, // $1.26
        'AUD' : 2, // $1.35
        'CAD' : 1, // $0.84
        'CHF' : 1, // $0.85
        'CZK' : 20, // $1.03
        'DKK' : 5, // $0.85
        'HKD' : 10, // $1.29
        'HUF' : 200, // $0.97
        'JPY' : 100, // $1
        'NZD' : 2, // $1.18
        'NOK' : 10, // $1.44
        'PLN' : 5, // $1.78
        'SGD' : 2, // $1.35
        'SEK' : 10, // $1.28
        'ILS' : 5 // $1.39
      };
      var error = true;
      // Get amount selection
      var amount = null;
      for ( var i = 0; i < form.amount.length; i++ ) {
        if ( form.amount[i].checked ) {
          amount = form.amount[i].value;
        }
      }
      if ( form.amountGiven.value != "" ) {
        var otherAmount = form.amountGiven.value;
        otherAmount = otherAmount.replace(/[,.](\d)$/, '\:$10');
        otherAmount = otherAmount.replace(/[,.](\d)(\d)$/, '\:$1$2');
        otherAmount = otherAmount.replace(/[\$,.]/g, '');
        otherAmount = otherAmount.replace(/:/, '.');
        form.amountGiven.value = otherAmount;
        amount = otherAmount;
      }
      // Check amount is a real number
      error = ( amount == null || isNaN( amount ) || amount.value <= 0 );
      // Check amount is at least the minimum
      var currency = form.currency_code.value;
      if ( typeof( minimums[currency] ) == 'undefined' ) {
        minimums[currency] = 1;
      }
      if ( amount < minimums[currency] || error ) {
        // alert( '{{{validation-error-minimum|You must contribute at least $1}}}'.replace('$1', minimums[currency] + ' ' + currency ) );
        alert( 'You must contribute at least $1'.replace('$1', minimums[currency] + ' ' + currency ) );
        error = true;
      } 
      return !error;
    }
var redirectPayment = function(i) {
      //if i == 1
        var paymentType ="cc";
        var action_url = "https://payments.wikimedia.org/index.php/Special:GlobalCollectGateway?uselang=en\x26form_name=RapidHTML\x26ffname=cc-vmad\x26appeal=JimmyQuote" ;
      if (i==2) {
        action_url="https://wikimediafoundation.org/wiki/Special:ContributionTracking/en";
        paymentType = "pp";
      } 
      document.paypalcontribution.action = action_url;
      document.paypalcontribution.utm_source.value = getQuerystring( 'utm_source' ) + '.' + getLandingPage() + '.' + paymentType;
      document.paypalcontribution.utm_campaign.value = getQuerystring( 'utm_campaign' );
      document.paypalcontribution.utm_medium.value = getQuerystring( 'utm_medium' );
      if (validateForm(document.paypalcontribution)) {
        document.paypalcontribution.submit();
      }
    }
var getLandingPage = function() {
  var path = "default";

  if( path == "default") {
    pathArray = window.location.pathname.split( '/' );
    return pathArray[2];
  }
  else {
   return path;
  }
}
  </script>
</html>