Source files of fsfe.org, pdfreaders.org, freeyourandroid.org, ilovefs.org, drm.info, and test.fsfe.org. Contribute: https://fsfe.org/contribute/web/ https://fsfe.org
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
 

218 lines
4.7 KiB

  1. <?xml version="1.0" encoding="UTF-8"?>
  2. <html newsdate="2009-10-1">
  3. <head>
  4. <title>Propósito para el nuevo año 2009</title>
  5. <style>
  6. body {
  7. background-color: grey;
  8. }
  9. .imgright {
  10. float: right;
  11. padding-left: 5px;
  12. }
  13. .imgleft {
  14. float: left;
  15. padding-right: 5px;
  16. }
  17. p {
  18. padding-top: 10px;
  19. }
  20. #box {
  21. width: 594px;
  22. height: 845px;
  23. background-color: white;
  24. background-image: url('bk.png');
  25. background-position: -47px 0px;
  26. background-repeat: no-repeat;
  27. font-size: 85%;
  28. }
  29. h1 {
  30. font-size: 180%;
  31. margin-bottom:0px;
  32. }
  33. h2 {
  34. margin-top:0px;
  35. font-size: 110%;
  36. padding-right: 30px;
  37. }
  38. #g1 {
  39. position: relative;
  40. top: 10px;
  41. left: 20px;
  42. }
  43. #g1 img {
  44. padding-top:25px;
  45. }
  46. #g2 {
  47. clear:both;
  48. position: relative;
  49. top: -20px;
  50. left: 140px;
  51. width: 350px;
  52. }
  53. #g3 {
  54. clear:both;
  55. position: relative;
  56. top: -35px;
  57. left: 80px;
  58. width:350px;
  59. }
  60. #g3 p {
  61. padding-top: 20px;
  62. }
  63. #g4 {
  64. clear:both;
  65. position: relative;
  66. top: -50px;
  67. left: 210px;
  68. width: 375px;
  69. }
  70. #g5 {
  71. clear:both;
  72. position: relative;
  73. top: -60px;
  74. left: 135px;
  75. width: 375px;
  76. }
  77. #g5 p {
  78. padding-top: 30px;
  79. }
  80. #g6 {
  81. clear:both;
  82. position: relative;
  83. top: -110px;
  84. left: 190px;
  85. width: 375px;
  86. }
  87. #g6 p {
  88. padding-top: 50px;
  89. }
  90. #g7 {
  91. clear:both;
  92. position: relative;
  93. top: -190px;
  94. left: 20px;
  95. }
  96. #g7 p {
  97. padding-top: 150px;
  98. background-image: url('7b.png');
  99. background-position: 80px 55px;
  100. background-repeat: no-repeat;
  101. height: 100px;
  102. font-size: 130%
  103. }
  104. #g7 img {
  105. padding-right: 20px;
  106. }
  107. #footer {
  108. background-image: url('footer.png');
  109. position:relative;
  110. top: -215px;
  111. padding-left: 20px;
  112. }
  113. #join {
  114. position: relative;
  115. padding-top: 30px;
  116. padding-bottom: 0px;
  117. }
  118. #logos {
  119. position: absolute;
  120. left: 380px;
  121. top: 15px;
  122. }
  123. #fsfelogo {
  124. position:relative;
  125. left: -14px;
  126. }
  127. #fsurl {
  128. padding-top:10px;
  129. padding-bottom: 30px;
  130. }
  131. </style>
  132. </head>
  133. <body>
  134. <p newsteaser="yes" class="n">
  135. ¿Qué puedo hacer para mejorar las cosas para mi y para los demás?
  136. </p>
  137. <div id="box">
  138. <div id="g1">
  139. <img class="imgleft" src="1g.png" alt="2009 New Year's Resolution" />
  140. <h1>2009, un nuevo año</h1>
  141. <h2>¿Qué puedo hacer para mejorar las cosas para mi y para los demás?</h2>
  142. </div>
  143. <div id="g2">
  144. <img class="imgright" src="2g.png" alt="work for freedom" />
  145. <p>
  146. Quizá puedo unirme a quienes
  147. trabajan por la libertad en la era digital
  148. </p>
  149. </div>
  150. <div id="g3">
  151. <img class="imgleft" src="3g.png" alt="contribute hands and resources" />
  152. <p>
  153. ... contribuir con mis propias manos y recursos
  154. al Software Libre y sus valores
  155. </p>
  156. </div>
  157. <div id="g4">
  158. <img class="imgright" src="4g.png" alt="become part of a community" />
  159. <p>
  160. ... formar parte de una comunidad de
  161. voluntarios que trabajan por la
  162. libertad y el control individual de los
  163. datos y del software
  164. </p>
  165. </div>
  166. <div id="g5">
  167. <img class="imgleft" src="5g.png"
  168. alt="walk towards a world of justice" />
  169. <p>
  170. ... caminar con ellos, por un mundo
  171. de justicia social, libertad y democracia
  172. </p>
  173. </div>
  174. <div id="g6">
  175. <img class="imgright" src="6g.png"
  176. alt="participate into the organisation" />
  177. <p>
  178. ... y participar directamente en la organización
  179. y en sus campañas, si lo deseo.
  180. </p>
  181. </div>
  182. <div id="g7">
  183. <img class="imgleft" src="7g.png"
  184. alt="...joining the FSFE Fellowship" />
  185. <p>
  186. Puedo hacer todo eso uniéndome<br />
  187. a la Fellowship de FSFE,<br />
  188. o ayudando a un amigo a unirse.<br />
  189. </p>
  190. </div>
  191. <div id="footer">
  192. <p id="join">
  193. Únete hoy a la Fellowship de la FSFE.<br />
  194. <strong>Hazte fuerte</strong> y <strong>ayuda a los demás</strong>,<br />
  195. hacia la libertad en la era digital.
  196. </p>
  197. <div id="logos">
  198. <img id="fsfelogo" src="logo1.png" /><br />
  199. <img src="logo2.png" />
  200. </div>
  201. <p id="fsurl"><a href="http://fellowship.fsfe.org">http://fellowship.fsfe.org</a></p>
  202. </div>
  203. </div>
  204. </body>
  205. </html>