index.html 7.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193
  1. <!DOCTYPE html>
  2. <head>
  3. <meta charset="UTF-8">
  4. <title>Înscrieri &mdash; Hacaton de GNU în Cluj-Napoca &mdash; Fundația Ceata</title>
  5. <script type="application/javascript">
  6. function update_event_info(){
  7. var event_info = document.getElementById("event_info");
  8. var image = document.getElementById("image");
  9. var xhr = new XMLHttpRequest();
  10. xhr.open("GET", "/hgcj2013/hgcj?op=info&oras=cluj", false);
  11. xhr.send();
  12. console.log(xhr.responseText);
  13. var ret = JSON.parse(xhr.responseText);
  14. event_info.innerHTML = ret.locuri;
  15. }
  16. function validate(){
  17. var captcha = document.getElementById("captcha");
  18. if(captcha.value != 30){
  19. alert("Ați completat greșit vârsta proiectului GNU. Indiciu: Suntem în 2013 și proiectul GNU a fost lansat în 1983.");
  20. return false;
  21. }
  22. }
  23. window.onload = update_event_info;
  24. </script>
  25. <style>
  26. body {
  27. background-color: #eee;
  28. max-width: 700px;
  29. border: solid 1px #ccc;
  30. margin: 0 auto;
  31. font-family: 'DejaVu Sans', sans-serif;
  32. }
  33. div#header {
  34. text-align: center;
  35. }
  36. div#form {
  37. background-color: #fff;
  38. }
  39. form {
  40. padding: 1%;
  41. }
  42. p {
  43. padding-left: 1%;
  44. padding-right: 2%;
  45. }
  46. label.first {
  47. font-weight: bold;
  48. }
  49. label.help {
  50. color: #333;
  51. }
  52. select, input#send {
  53. font-weight: bold;
  54. }
  55. div#license {
  56. font-size: 0.9em;
  57. }
  58. </style>
  59. </head>
  60. <body>
  61. <div id="form">
  62. <div id="header">
  63. <img src="img/hacaton-de-gnu-în-cj.png" alt="Hacaton de GNU în Cluj-Napoca" />
  64. </div>
  65. <p>
  66. La o lună și jumătate de la aniversarea a 30 de ani a proiectului GNU care a fost sărbătorită și în 6 orașe românești, Fundația Ceata organizează încă un eveniment dedicat proiectului GNU - sistemul de operare liber.
  67. </p>
  68. <p>
  69. Sâmbătă, 16 noiembrie 2013, Fundația Ceata organizează un hacaton de GNU în Cluj-Napoca cu ajutorul echipei locale Ceata-CJ și în parteneriat cu Cluj Cowork.
  70. </p>
  71. <p>
  72. În cadrul acestui hacaton, programatorii care vor participa vor hăcui programele GNU îndrăgite scrise în limbaje de programare pe care le stăpânesc. Hăcuitorii vor elimina din defectele raportate și vor implementa din funcționalitățile cerute în Savannah.
  73. </p>
  74. <p>
  75. Hacatonul are loc în spațiul comun de lucru „Cluj Cowork” (str. Emil Isac nr. 23) și începe la ora 10:00. Pentru mai multe informații, vizitați <a href="http://ceata.org/evenimente/hacaton-de-gnu-%C3%AEn-cluj.html" target="_blank">pagina evenimentului</a>.
  76. </p>
  77. <p>
  78. Vă invităm să vă înscrieți pentru a participa la acest hacaton!
  79. </p>
  80. <form action="/hgcj2013/hgcj" method="POST" onsubmit="return validate();">
  81. <input type="hidden" name="op" value="append">
  82. <input type="hidden" name="oras" value="cluj">
  83. <div>
  84. <label class="first">Prenume:</label><br />
  85. <input type="text" name="prenume" required><br />
  86. </div>
  87. <br />
  88. <div>
  89. <label class="first">Nume (opțional):</label><br />
  90. <input type="text" name="nume"><br />
  91. </div>
  92. <br />
  93. <div>
  94. <label class="first">Adresa de poștă electronică:</label><br />
  95. <label class="help">Va fi folosită pentru anunțuri despre acest eveniment.</label><br />
  96. <input type="email" size="30" name="adresa" id="email" required><br />
  97. </div>
  98. <br />
  99. <!-- <div> -->
  100. <!-- <label class="first">Înscriere la evenimentul din:</label> -->
  101. <!-- <select name="oras" id="event" required onchange="update_event_info();"> -->
  102. <!-- <option value="">-- Selectează orașul --</option> -->
  103. <!-- <option value="balti">Bălți</option> -->
  104. <!-- <option value="bucuresti">București</option> -->
  105. <!-- <option value="chisinau">Chișinău</option> -->
  106. <!-- <option value="cluj">Cluj-Napoca</option> -->
  107. <!-- <option value="constanta">Constanța</option> -->
  108. <!-- <option value="valcea">Râmnicu-Vâlcea</option> -->
  109. <!-- </select><br /> -->
  110. <!-- <label class="help">Alege orașul în care ești sau mergi pentru evenimentul de acolo.</label><br /> -->
  111. <!-- </div> -->
  112. <!-- <br /> -->
  113. <!-- <div> -->
  114. <!-- <\!-- <label class="first">Detalii:</label> -\-> -->
  115. <!-- <img id="image" style="width:200px;height:200px" src="#" /> -->
  116. <!-- </div> -->
  117. <!-- <br /> -->
  118. <div>
  119. <label class="first"><a href="http://directory.fsf.org/wiki/GNU" target="_blank">Programe GNU</a> la care ai vrea să hăcuiești:</label><br />
  120. <input type="text" size="50" name="programe" required><br />
  121. </div>
  122. <br />
  123. <div>
  124. <label class="first">Numărul de locuri de rezervat:</label>
  125. <select name="numar" id="num">
  126. <option value="1">1</option>
  127. <option value="2">2</option>
  128. <option value="3">3</option>
  129. <option value="4">4</option>
  130. <option value="5">5</option>
  131. </select>
  132. <label>(locuri disponibile: <b><label id="event_info"></label></b>)</label>
  133. <br />
  134. <label class="help">Te rugăm să selectezi mai multe locuri doar dacă aduci și prieteni la eveniment.</label>
  135. </div>
  136. <br />
  137. <div>
  138. <label class="first">Proiectul GNU tocmai a împlinit </label><input type="number" size="2" name="captcha" min="0" max="99" id="captcha" required><label class="first"> de ani. (2 cifre)</label><br />
  139. <label class="help">Această întrebare verifică dacă ești o persoană reală sau un robot.</label>
  140. </div>
  141. <br />
  142. <div>
  143. <label class="first">(Opțional) Ai aflat de eveniment prin:</label>
  144. <select name="referinta" id="referinta">
  145. <option value="">-- selectează --</option>
  146. <option value="prieteni">prieteni/colegi</option>
  147. <option value="liste">liste/forumuri</option>
  148. <option value="retele">rețele sociale</option>
  149. <option value="ceata">*.ceata.org</option>
  150. </select>
  151. <label class="first">sau:</label>
  152. <input type="text" name="referinta2"><br />
  153. <label class="help">Dacă faci această mențiune, ne ajuți să îmbunătățim promovarea pe viitor.</label>
  154. </div>
  155. <br />
  156. <div>
  157. <label class="first"><input type="checkbox" name="anunturi" checked>Pe viitor, vreau să primesc și alte anunțuri de la Fundația Ceata.</label><br />
  158. <label class="help">
  159. În acest caz, vei fi abonat la lista cu trafic redus <i>ceata-anunturi</i>.<br />
  160. </label>
  161. </div>
  162. <br />
  163. <input type="submit" value="Trimite" id="send">
  164. </form>
  165. </div>
  166. <div id="license">
  167. <p>
  168. 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.
  169. </p>
  170. <p>
  171. Imaginea din antet folosește <a href="http://www.gnu.org/ghm/2009/logo.png" target="_blank" title="Emblema Întâlnirilor Hăcuitorilor de GNU">emblema</a> Întâlnirilor Hăcuitorilor de GNU (<a href="http://www.gnu.org/ghm/" target="_blank" title="Întâlnirile Hăcuitorilor de GNU">GHM</a>), derivată din imaginea <a href="https://www.gnu.org/graphics/atypinggnu.en.html" target="_blank" title="Aniversarea a 30 de GNU">unui hăcuitor de GNU care tastează</a>.
  172. </p>
  173. <p>
  174. 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>.
  175. 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>.
  176. </p>
  177. </div>
  178. </body>