campaign.es.html 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174
  1. {% extends "base.html" %}
  2. {% block content %}
  3. <script src="/js/extlib/jquery/jquery-1.11.0.min.js"></script>
  4. <script>
  5. _V_.options.flash.swf = "/js/extlib/video-js/video-js.swf"
  6. </script>
  7. <script>
  8. $(document).ready(function(){
  9. var cpid = 8;
  10. var jsonvar = eval('jsondata' + cpid);
  11. var goal = jsonvar.money_target;
  12. var moneyRaised = jsonvar.money_raised_percentage;
  13. var percentWidth = moneyRaised.split('%')[0];
  14. if ( percentWidth > 100 ) {
  15. moneyRaised = '100%';
  16. }
  17. if ( percentWidth == 0) {
  18. $(".campaign_counter_bar").animate({width: "0.5%"}, 1000);
  19. } else {
  20. $(".campaign_counter_bar").animate({width: moneyRaised}, 1000);
  21. }
  22. $("#raised_percentage").html(moneyRaised);
  23. $("#raised_info").html(jsonvar.money_raised);
  24. });
  25. </script>
  26. <script type="text/javascript"
  27. src="https://crm.fsf.org/sites/all/modules/civicrm//extern/widget.php?cpageId=8&widgetId=7&format=3"></script>
  28. <div id="page-7" class="page-asset asset grid_16">
  29. <div class="asset-header">
  30. <h1 id="page-title" class="asset-name">¡Apoya a MediaGoblin!</h1>
  31. </div>
  32. <div class="asset-content">
  33. <div class="asset-body">
  34. <p>
  35. GNU MediaGoblin es un sistema libre y gratuito para publicar
  36. multimedia, como imágenes, video, y audio. Estamos creando
  37. un diseño para apoyar a la descentralización y mucha, mucha
  38. extensibilidad. Se le puede ver como un reemplazo federado
  39. para servicios como Flickr, YouTube o SoundCloud que tú o
  40. cualquiera puede usar y proveer. MediaGoblin está construyendo
  41. un futuro hermoso y responsable para publicar multimedia, ¡pero
  42. necesitamos tu ayuda!
  43. </p>
  44. <div class="grid_4 alpha"><img src="/images/campaign/gavroche.png" alt="Gavroche, nuestra mascota" /></div>
  45. <div class="grid_12 omega">
  46. <video class="video-js vjs-mg-skin"
  47. width="640"
  48. height="360"
  49. controls="controls"
  50. preload="metadata"
  51. poster="/images/campaign/support_mediagoblin-poster.png"
  52. data-setup="">
  53. <!-- <source src="http://balance.fsf.org/video/mediagoblin_campaign_pitch-small.webm"
  54. type="video/webm; codecs=&quot;vp8, vorbis&quot;" /> -->
  55. <source src="http://7236508364c37fa9e75f-06885409aae278cdc67155c04400e3f7.r71.cf1.rackcdn.com/mediagoblin_campaign_pitch-small.webm"
  56. type="video/webm; codecs=&quot;vp8, vorbis&quot;" />
  57. <source src="http://7236508364c37fa9e75f-06885409aae278cdc67155c04400e3f7.r71.cf1.rackcdn.com/mediagoblin_campaign_pitch-small.mp4"
  58. type="video/mp4" />
  59. <div class="no_html5">Lo siento, este vídeo no puede reproducirse
  60. porque tu navegador web no soporta vídeos HTML5
  61. <br/>Puedes conseguir un navegador web moderno que reproduzca este vídeo en
  62. <a href="http://getfirefox.com">
  63. http://getfirefox.com</a>!</div>
  64. </video>
  65. </div>
  66. <div class="clear"></div>
  67. <div class="grid_16 alpha omega campaign_counter_container">
  68. <a href="https://crm.fsf.org/civicrm/contribute/transact?reset=1&id=36"><div class="campaign_counter"><div class="campaign_counter_bar"></div><p><span id="raised_info">Conseguidos $ de $ 60,000.00</span></p></div></a>
  69. <p>
  70. ... eso es un <span id="raised_percentage">0%</span>!
  71. ¡Apoya a MediaGoblin!
  72. <a href="https://crm.fsf.org/civicrm/contribute/transact?reset=1&id=36" class="campaign_donate"><img src="/images/campaign/heart.png" alt="<3" />Hacer un donativo...</a></p>
  73. </div>
  74. <div class="clear"></div>
  75. <div class="grid_9 alpha">
  76. <h2>¿Por qué apoyar a MediaGoblin?</h2>
  77. <p>
  78. ¡MediaGoblin tiene una gran comunidad de voluntarios! Hemos logrado un gran progreso en el último año y medio, ¡y ya puedes hacer mucho con él! Pero hay algunas cosas que requieren de una gran cantidad de trabajo, como la federación, herramientas de administración y una instalación más fácil. Con tiempo y un poco de patrocinio, podemos alcanzar el nivel de estabilidad y fineza que necesitamos para ser la mejor opción para publicar multimedia.
  79. </p>
  80. <p>
  81. La internet solía ser un lugar mucho más elástico y descentralizado. Pero recientemente la internet y la web han empezado a tomar malos caminos. Con instituciones para publicar multimedia cada vez más grandes, pero en menor cantidad, estamos viendo más y más problemas de censura automatizada (por ejemplo, <a href="http://motherboard.vice.com/2012/8/6/nasa-s-mars-rover-crashed-into-a-dmca-takedown">la NASA perdiendo su PROPIO contenido por censura</a> o incluso <a href="http://jeff.ecchi.ca/blog/2012/09/22/youtube-considered-harmful/">remixes de contenido perfectamente libre y gratuito</a>). Mientras el contenido multimedia siga siendo publicado a mayor escala, en unos cuantos pocos proveedores grandes, este tipo de problemas serán más dificiles de prevenir. Y con más y más contenido en estos servicios grandes, ¿qué pasa con todo lo publicado en ellos si ese servicio de repente decide <a href="http://archiveteam.org/index.php?title=GeoCities">cerrar</a>, como <a href="http://geocities.yahoo.com/index.php">GeoCities</a>?
  82. </p>
  83. <p>
  84. La web gradualmente se vuelve más frágil. Podemos volver a hacerla un lugar genial... ¡pero necesitamos tu ayuda para hacerlo!
  85. </p>
  86. <h2>¿Qué haremos con el dinero?</h2>
  87. <p>
  88. ¡Este proyecto es suyo y para ustedes! Les mantendremos informados (as) del progreso conforme vayamos invirtiendo en un futuro federado. Ayuda a MediaGoblin para poder hacerlo lo mejor posible... ¡para ti, y para todos!
  89. </p>
  90. <p>
  91. (¡Además, los donativos se pueden deducir de impuestos si vives en EE.UU.!)
  92. </p>
  93. </div>
  94. <div class="grid_7 omega campaign_rewards">
  95. <h2>¡Emocionantes incentivos!</h2>
  96. <p>Realizando un donativo a MediaGoblin, también puedes obtener algunas cosas chulas!</p>
  97. <p class="campaign_stickers"><img class="campaign_stickers" src="/images/campaign/stickers.png" alt="Stickers" />¡Todas las opciones incluyen pegatinas de MediaGoblin!</p>
  98. <div class="grid_1 alpha">
  99. <a href="https://crm.fsf.org/civicrm/contribute/transact?reset=1&id=36"><img class="campaign_icon" src="/images/campaign/icon1-big.png" alt="Heart" /></a>
  100. </div>
  101. <div class="grid_3 omega icon_description">
  102. <p><a href="https://crm.fsf.org/civicrm/contribute/transact?reset=1&id=36"><b>$15</b>: abrazo virtual: El sentirte bien de saber que ayudaste a hacer el proyecto posible y nuestros agradecimientos personales. ¡Por supuesto, pegatinas!</a></p>
  103. <p><a href="https://crm.fsf.org/civicrm/contribute/transact?reset=1&id=36">+ <img src="/images/campaign/icon6.png" alt="stickers" /></a></p>
  104. </div>
  105. <div class="clear"></div>
  106. <div class="grid_1 alpha">
  107. <a href="https://crm.fsf.org/civicrm/contribute/transact?reset=1&id=36"><img class="campaign_icon" src="/images/campaign/icon2-big.png" alt="Commit" /></a>
  108. </div>
  109. <div class="grid_3 omega icon_description">
  110. <p><a href="https://crm.fsf.org/civicrm/contribute/transact?reset=1&id=36"><b>$35</b>: Serás inmortalizado/a para siempre en la historia del código de MediaGoblin por patrocinar el proyecto.</a></p>
  111. <p><a href="https://crm.fsf.org/civicrm/contribute/transact?reset=1&id=36">+ <img src="/images/campaign/icon6.png" alt="stickers" /><img src="/images/campaign/icon1.png" alt="heart" /></a></p>
  112. </div>
  113. <div class="clear"></div>
  114. <div class="grid_1 alpha">
  115. <a href="https://crm.fsf.org/civicrm/contribute/transact?reset=1&id=36"><img class="campaign_icon" src="/images/campaign/icon4-big.png" alt="Postcard" /></a>
  116. </div>
  117. <div class="grid_3 omega icon_description">
  118. <p><a href="https://crm.fsf.org/civicrm/contribute/transact?reset=1&id=36"><b>$50</b>: ¡Te enviaremos una postal brillante de edición especial a la puerta de tu casa, y todo lo anterior!</a></p>
  119. <p><a href="https://crm.fsf.org/civicrm/contribute/transact?reset=1&id=36">+ <img src="/images/campaign/icon6.png" alt="stickers" /><img src="/images/campaign/icon1.png" alt="heart" /><img src="/images/campaign/icon2.png" alt="commit" /></a></p>
  120. </div>
  121. <div class="clear"></div>
  122. <div class="grid_1 alpha">
  123. <a href="https://crm.fsf.org/civicrm/contribute/transact?reset=1&id=36"><img class="campaign_icon" src="/images/campaign/icon3-3-big.png" alt="Shirt" /></a>
  124. </div>
  125. <div class="grid_3 omega icon_description">
  126. <p><a href="https://crm.fsf.org/civicrm/contribute/transact?reset=1&id=36"><b>$100</b>: Una camiseta de MediaGoblin. ¡Y todo lo anterior!</a></p>
  127. <p><a href="https://crm.fsf.org/civicrm/contribute/transact?reset=1&id=36">+ <img src="/images/campaign/icon6.png" alt="stickers" /><img src="/images/campaign/icon1.png" alt="heart" /><img src="/images/campaign/icon2.png" alt="commit" /><img src="/images/campaign/icon4.png" alt="postcard" /></a></p>
  128. </div>
  129. <div class="clear"></div>
  130. <div class="grid_1 alpha">
  131. <a href="https://crm.fsf.org/civicrm/contribute/transact?reset=1&id=36"><img class="campaign_icon" src="/images/campaign/icon8-big.png" alt="Plain 3d print" /></a>
  132. </div>
  133. <div class="grid_3 omega icon_description">
  134. <p><a href="https://crm.fsf.org/civicrm/contribute/transact?reset=1&id=36"><b>$350</b>: figurín 3D impreso de nuestra mascota, Gavroche, diseñado en Blender por el fundador del proyecto Chris Webber. ¡Y todo lo anterior!</a></p>
  135. <p><a href="https://crm.fsf.org/civicrm/contribute/transact?reset=1&id=36">+ <img src="/images/campaign/icon6.png" alt="stickers" /><img src="/images/campaign/icon1.png" alt="heart" /><img src="/images/campaign/icon2.png" alt="commit" /><img src="/images/campaign/icon4.png" alt="postcard" /><img src="/images/campaign/icon3-3.png" alt="shirt" /></a></p>
  136. </div>
  137. <div class="clear"></div>
  138. <div class="grid_1 alpha">
  139. <a href="https://crm.fsf.org/civicrm/contribute/transact?reset=1&id=36"><img class="campaign_icon" src="/images/campaign/icon7-big.png" alt="Painted 3d print" /></a>
  140. </div>
  141. <div class="grid_3 omega icon_description">
  142. <p><a href="https://crm.fsf.org/civicrm/contribute/transact?reset=1&id=36"><b>$2000</b>: figurín 3D impreso de nuestra mascota, Gavroche, pintado a mano por el fundador del proyecto Chris Webber, y enviado directamente a tu domicilio. ¡Y todo lo anterior! (¡EXISTENCIA LIMITADA! ¡HAY 15 DISPONIBLES!</a></p>
  143. <p><a href="https://crm.fsf.org/civicrm/contribute/transact?reset=1&id=36">+ <img src="/images/campaign/icon6.png" alt="stickers" /><img src="/images/campaign/icon1.png" alt="heart" /><img src="/images/campaign/icon2.png" alt="commit" /><img src="/images/campaign/icon4.png" alt="postcard" /><img src="/images/campaign/icon3-3.png" alt="shirt" /></a></p>
  144. </div>
  145. <div class="clear"></div>
  146. <div class="grid_1 alpha">
  147. <a href="https://crm.fsf.org/civicrm/contribute/transact?reset=1&id=36"><img class="campaign_icon" src="/images/campaign/icon5-big.png" alt="Dinner" /></a>
  148. </div>
  149. <div class="grid_3 omega icon_description">
  150. <p><a href="https://crm.fsf.org/civicrm/contribute/transact?reset=1&id=36"><b>$7500</b>: Ven a Madison, WI, y Chris Webber en persona te cocinará a ti (y opcionalmente a un acompañante) una deliciosa y saludable comida vegetariana. Además recibirás un duende pintado a mano, y por supuesto, ¡todo lo anterior! (LIMITADO. SOLO 4 DISPONIBLES.)</a></p>
  151. <p><a href="https://crm.fsf.org/civicrm/contribute/transact?reset=1&id=36">+ <img src="/images/campaign/icon6.png" alt="stickers" /><img src="/images/campaign/icon1.png" alt="heart" /><img src="/images/campaign/icon2.png" alt="commit" /><img src="/images/campaign/icon4.png" alt="postcard" /><img src="/images/campaign/icon3-3.png" alt="shirt" /><img src="/images/campaign/icon7.png" alt="painted 3d print" /></a></p>
  152. </div>
  153. <div class="clear"></div>
  154. </div>
  155. <div class="clear"></div>
  156. </div>
  157. </div>
  158. </div>
  159. {% endblock content %}