index.html 9.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221
  1. <!DOCTYPE html>
  2. <head>
  3. <meta charset="UTF-8">
  4. <title>Înscrieri &mdash; Membri voluntari &mdash; Fundația Ceata</title>
  5. <link rel="stylesheet" href="stil.css" type="text/css" />
  6. </head>
  7. <body>
  8. <div id="form">
  9. <div id="header">
  10. <img src="img/voluntariat.png" alt="Atelier de grafice în LaTeX cu PGF+TikZ, în Bălți" />
  11. </div>
  12. <p>
  13. Fundația Ceata este o fundație românească dedicată libertății digitale și aliniată la filozofia programelor libere a proiectului <a href="http://gnu.org" target="_blank">GNU</a>. Ceata și-a început activitatea ca grup informal pe 10 iunie 2008 și a devenit fundație pe 15 februarie 2013.
  14. </p>
  15. <p>
  16. Încă de la formarea sa, Ceata se ocupă cu activismul pentru programe libere, cu organizarea de evenimente pe tema libertății digitale și cu realizarea de programe libere și de lucrări de cultură libere. Mai multe informații pe situl <a href="http://ceata.org" target="_blank">ceata.org</a>.
  17. </p>
  18. <p>
  19. Completați acest formular pentru a deveni în mod oficial membri voluntari ai Fundației Ceata. Tot ce se cere este să prețuiți libertatea digitală, să puteți coresponda în limba română și să fiți dispuși să ne ajutați.
  20. </p>
  21. <p>
  22. Datele trimise vor fi folosite pentru completarea <a href="doc/contract_de_voluntariat.odt" target="_blank">contractului de voluntariat</a>. Vă rugăm să-l citiți înainte de a ne trimite acest formular.
  23. </p>
  24. <div id="form-container">
  25. <form action="/voluntariat/voluntariat" method="post" onsubmit="return validate();">
  26. <table id="form-table">
  27. <tr>
  28. <td colspan="3" class="center">
  29. <label class="subtitle">Date personale</label>
  30. <hr>
  31. </td>
  32. </tr>
  33. <tr>
  34. <td class="right">
  35. <input type="hidden" name="op" value="append">
  36. <label class="first">Prenume:</label>
  37. </td>
  38. <td>
  39. <input type="text" name="prenume" required>
  40. </td>
  41. <td> </td>
  42. </tr>
  43. <tr>
  44. <td class="right">
  45. <label class="first">Nume:</label>
  46. </td>
  47. <td>
  48. <input type="text" name="nume" required>
  49. </td>
  50. <td> </td>
  51. </tr>
  52. <tr>
  53. <td class="right">
  54. <label class="first">Adresa de poștă electronică:</label>
  55. <br>
  56. <label class="help">Modalitatea principală de contact.</label>
  57. </td>
  58. <td>
  59. <input type="email" size="30" name="adresa" id="email" required>
  60. </td>
  61. <td>
  62. </td>
  63. </tr>
  64. <tr>
  65. <td class="right">
  66. <label class="first">Telefonul mobil:</label>
  67. <br>
  68. <label class="help">Folosit doar în cazuri de urgență.</label>
  69. </td>
  70. <td>
  71. <input type="text" size="20" name="telefon" id="telefon" required>
  72. </td>
  73. <td>
  74. </td>
  75. </tr>
  76. <tr>
  77. <td class="right">
  78. <label class="first">Codul numeric personal (CNP):</label>
  79. <br>
  80. <label class="help">Pentru contractul de voluntariat.</label>
  81. </td>
  82. <td>
  83. <input type="text" size="20" name="cnp" id="cnp" required>
  84. </td>
  85. <td>
  86. </td>
  87. </tr>
  88. <tr>
  89. <td colspan="3" class="center">
  90. <label class="subtitle">Informații geografice</label>
  91. <hr>
  92. </td>
  93. </tr>
  94. <tr>
  95. <td>
  96. <br>
  97. <label class="first">Localitate: </label>
  98. <br><input type="text" size="20" name="oras" id="oras" required>
  99. </td>
  100. <td>
  101. <label class="first">Sector / Județ / Raion / Regiune / Stat: </label>
  102. <br><input type="text" size="20" name="judet" id="judet" required>
  103. </td>
  104. <td>
  105. <br>
  106. <label class="first">Țară: </label>
  107. <br><input type="text" size="20" name="tara" id="tara" required>
  108. </td>
  109. </tr>
  110. <tr>
  111. <td colspan="3" class="center" style="padding-top: 0px;">
  112. <label class="help">Aceste informații sunt utile pentru a cunoaște distribuția geografică a membrilor.</label>
  113. </td>
  114. </tr>
  115. <tr>
  116. <td colspan="3" class="center">
  117. <hr>
  118. </td>
  119. </tr>
  120. <tr>
  121. <td colspan="3">
  122. <label class="first">Un paragraf despre tine și implicarea ta (viitoare) în Fundația Ceata:</label>
  123. <br>
  124. <textarea rows="5" cols="80" name="descriere" id="descriere" required></textarea>
  125. <br>
  126. <label class="help">Această descriere va apărea alături de numele tău pe pagina de voluntari.</label>
  127. </td>
  128. </tr>
  129. <tr>
  130. <td colspan="3">
  131. <label class="first">(Opțional) Legătura publică la o fotografie color cu tine:</label>
  132. <br>
  133. <input type="text" size="80" name="poza" id="poza" />
  134. <br>
  135. <label class="help">Va fi decupată la dimensiunile 90/90 pentru profilul tău de pe pagina de voluntari.</label>
  136. </td>
  137. </tr>
  138. <tr>
  139. <td colspan="3">
  140. <label class="first">(Opțional) Ai aflat de Ceata de la (selectează) sau de la (completează):</label>
  141. </td>
  142. </tr>
  143. <tr>
  144. <td>
  145. <select name="referinta" id="referinta">
  146. <option value="">-- selectează --</option>
  147. <option value="prieteni">prieteni/colegi</option>
  148. <option value="liste">liste/forumuri</option>
  149. <option value="retele">rețele sociale</option>
  150. </select>
  151. </td>
  152. <td>
  153. <input type="text" name="referinta2">
  154. </td>
  155. </tr>
  156. <tr>
  157. <td colspan="3">
  158. <label class="help">Dacă faci această mențiune, ne ajuți să îmbunătățim promovarea pe viitor.</label>
  159. </td>
  160. </tr>
  161. <tr>
  162. <td colspan="3">
  163. <label class="first">Proiectul Ceata urmează să împlinească </label>
  164. <input type="number" size="1" name="captcha" min="0" max="999" id="captcha" required>
  165. <label id="ending" class="first"> ani.</label>
  166. <br>
  167. <label class="help">Această întrebare verifică dacă ești o persoană reală sau un robot.</label>
  168. </td>
  169. </tr>
  170. <tr>
  171. <td colspan="3">
  172. <label class="first"><input type="checkbox" name="anunturi" checked>Vreau să mă abonez la lista de discuții principală a Fundației Ceata.</label>
  173. <br>
  174. <label class="help">
  175. În acest caz, vei fi abonat la cea mai importantă listă a organizației noastre.
  176. </label>
  177. </td>
  178. </tr>
  179. <tr>
  180. <td colspan="3" class="center">
  181. <input type="submit" value="Trimite" id="send">
  182. </td>
  183. </tr>
  184. </table>
  185. </form>
  186. </div>
  187. <div id="license">
  188. <p>
  189. 2013 &mdash; <a href="http://ceata.org" target="_blank" title="Situl Fundației Ceata">Fundația Ceata</a> are drepturile de autor asupra acestei lucrări. Semnalați <a href="mailto:admin@ceata.org" title="Adresa echipei de administrare">echipei de administrare</a> eventualele probleme întâmpinate.
  190. </p>
  191. <p>
  192. Imaginea din antet folosește în condițiile licenței libere CC-BY-SA personaje desenate de <a href="http://nicubunu.ro/" target="_blank" title="Nicu Buculei">Nicu Buculei</a>.
  193. </p>
  194. <p>
  195. Programul pe care se bazează formularul este <a href="http://gitorious.org/ceata/ceata-formulare" target="_blank" title="Depozitul de cod al formularului">liber</a> în conformitate cu condițiile licenței <a href="https://www.gnu.org/licenses/agpl.html" target="_blank" title="Licența liberă GNU AGPL">GNU AGPLv3+</a>.
  196. Textul formularului este liber în conformitate cu condițiile licenței <a href="http://creativecommons.org/licenses/by-sa/3.0/" target="_blank" title="Licența liberă CC-BY-SA">CC-BY-SA</a>.
  197. </p>
  198. </div>
  199. <script type="application/javascript">
  200. var cdate = new Date(2008, 5, 10);
  201. var now = new Date();
  202. var nanniv = now.getFullYear() - cdate.getFullYear() + 1 - ((now.getMonth() - cdate.getMonth() || now.getDay() - cdate.getDay()) < 0);
  203. var ndate = new Date(2008 + nanniv, 5, 10);
  204. document.getElementById("ending").innerHTML = " ani în " + Math.ceil((ndate.getTime() - now.getTime()) / (1000*3600*24)) + " (de) zi(le).";
  205. function validate(){
  206. var captcha = document.getElementById("captcha");
  207. if(captcha.value != nanniv){
  208. alert("Răspuns greșit la întrebarea de test despre aniversarea proiectului Ceata. Recitiți introducerea.");
  209. return false;
  210. }
  211. }
  212. </script>
  213. </body>