fundraiser_bar.html 2.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061
  1. <!-- support mediagoblin -->
  2. <script src="/js/extlib/jquery/jquery-1.11.0.min.js"></script>
  3. <!-- This code is GPLv3 or later, as published by the FSF. -->
  4. <script>
  5. $(document).ready(function(){
  6. var cpid = 36;
  7. var jsonvar = eval('jsondata' + cpid);
  8. var goal = jsonvar.money_target;
  9. var moneyRaised = jsonvar.money_raised_percentage;
  10. var percentWidth = moneyRaised.split('%')[0];
  11. if ( percentWidth > 100 ) {
  12. moneyRaised = '100%';
  13. }
  14. if ( percentWidth == 0) {
  15. $(".campaign_counter_bar").animate({width: "0.5%"}, 1000);
  16. } else {
  17. $(".campaign_counter_bar").animate({width: moneyRaised}, 1000);
  18. }
  19. $("#raised_percentage").html(moneyRaised);
  20. $("#raised_info").html(jsonvar.money_raised);
  21. });
  22. </script>
  23. <script type="text/javascript"
  24. src="http://mediagoblin.org/fsf-civi-widget/?cpageId=36&widgetId=7&format=3"></script>
  25. <div class="grid_16 campaign_banner_container">
  26. <div class="grid_2 alpha">
  27. <a href="/pages/campaign.html">
  28. <img class="campaign_banner_image" id="campaign_icon" />
  29. </a>
  30. </div>
  31. <div class="grid_13 omega campaign_slogan">
  32. </div>
  33. <div class="grid_13 omega campaign_counter_container">
  34. <a href="/pages/campaign.html">
  35. <div class="campaign_counter">
  36. <div class="campaign_counter_bar"></div>
  37. <p><span id="raised_info">Raised $ of $ 60,000.00</span></p>
  38. </div>
  39. </a>
  40. </div>
  41. </div>
  42. <script>
  43. var random = Math.round(Math.random());
  44. if ( random == 0) {
  45. $(".campaign_slogan").html("<p><a href='/pages/campaign.html'>We're running a campaign to revolutionize media publishing on the web. Join us!</a></p>");
  46. $("#campaign_icon").attr("src","/images/campaign/banner_icons/revolution.png")
  47. } else {
  48. $(".campaign_slogan").html("<p><a href='/pages/campaign.html'>We're running a campaign to fight centralized surveillance of the web. Help us out!</a></p>");
  49. $("#campaign_icon").attr("src","/images/campaign/banner_icons/surveillance.png")
  50. }
  51. </script>
  52. <!-- support mediagoblin -->