index.html 7.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178
  1. <!DOCTYPE html>
  2. <head>
  3. <meta charset="UTF-8">
  4. <title>Înscrieri &mdash; Evenimente locale cu Richard Stallman &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 xhr = new XMLHttpRequest();
  9. xhr.open("GET", "/tur-rms/tur-rms?op=info&oras=" + document.getElementById("event").value, false);
  10. xhr.send();
  11. console.log(xhr.responseText);
  12. var ret = JSON.parse(xhr.responseText);
  13. event_info.innerHTML = "Data: <b>" + ret.data + "</b>. Locuri libere rămase: <b>" + ret.locuri + "</b>.<br /><a href='" + ret.pagina + "' target='_blank'>Pagina evenimentului de la ceata.org</a>.";
  14. // event_info.innerHTML = "<b>" + ret.date + "</b> la <b>" + ret.locul + "</b> in <b>" + ret.sala + "</b>. Locuri libere rămase: <b>" + ret.locuri + "</b>. Legătură: <a href='" + ret.link + "'>" + ret.link + "</a>";
  15. }
  16. function validate(){
  17. var captcha = document.getElementById("captcha");
  18. if(captcha.value != 6){
  19. alert("Ați completat greșit vârsta proiectului Ceata. Indiciu: Proiectul Ceata a fost început în iunie 2008.");
  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/rms+ceata-nicubunu-cc-by-sa.jpg" alt="Turul echipelor locale ale Fundației Ceata cu Richard Stallman" />
  64. </div>
  65. <p>
  66. Cu ocazia împlinirii a 6 ani de activitate, Ceata îi invită în iunie pe toți susținătorii programelor libere în Chișinău, Rm. Vâlcea și Cluj-Napoca să asiste la discursurile lui Richard Stallman, prezent în România și Rep. Moldova pentru un tur al echipelor locale ale Fundației Ceata: Ceata-MD, Ceata-VL și Ceata-CJ.
  67. </p>
  68. <p>
  69. Turul echipelor locale ale Fundației Ceata va culmina cu Coliberator, conferința națională organizată de Fundația Ceata în București, unde Richard Stallman va susține un discurs în deschidere. Pentru înscrierea la Coliberator, vă rugăm să folosiți acest <a href="http://coliberator.ro/form" target="_blank">formular separat</a>.
  70. </p>
  71. <p>
  72. Vă invităm să vă înscrieți pentru a participa la aceste evenimente locale organizate de Fundația Ceata.
  73. </p>
  74. <form action="/tur-rms/tur-rms" method="POST" onsubmit="return validate();">
  75. <input type="hidden" name="op" value="append">
  76. <div>
  77. <label class="first">Prenume:</label><br />
  78. <input type="text" name="prenume" required><br />
  79. </div>
  80. <br />
  81. <div>
  82. <label class="first">Nume (opțional):</label><br />
  83. <input type="text" name="nume"><br />
  84. </div>
  85. <br />
  86. <div>
  87. <label class="first">Adresa de poștă electronică:</label><br />
  88. <label class="help">Va fi folosită pentru anunțuri despre acest eveniment.</label><br />
  89. <input type="email" size="30" name="adresa" id="email" required><br />
  90. </div>
  91. <br />
  92. <div>
  93. <label class="first">Înscriere la evenimentul din:</label>
  94. <select name="oras" id="event" required onchange="update_event_info();">
  95. <option value="">-- Selectează orașul --</option>
  96. <option value="chisinau">Chișinău</option>
  97. <option value="cluj">Cluj-Napoca</option>
  98. <option value="valcea">Râmnicu Vâlcea</option>
  99. </select><br />
  100. <label class="help">Alege orașul în care ești sau mergi pentru evenimentul de acolo.</label><br />
  101. </div>
  102. <br />
  103. <div>
  104. <!-- <label class="first">Detalii:</label> -->
  105. <div id="event_info"></div>
  106. </div>
  107. <br />
  108. <div>
  109. <label class="first">Numărul de locuri de rezervat:</label>
  110. <select name="numar" id="num">
  111. <option value="1">1</option>
  112. <option value="2">2</option>
  113. <option value="3">3</option>
  114. <option value="4">4</option>
  115. <option value="5">5</option>
  116. </select><br />
  117. <label class="help">Te rugăm să selectezi mai multe locuri doar dacă aduci și prieteni la eveniment.</label>
  118. </div>
  119. <br />
  120. <div>
  121. <label class="first">În iunie, proiectul Ceata împlinește </label><input type="number" size="1" name="captcha" min="0" max="10" id="captcha" required><label class="first">. (1 cifră)</label><br />
  122. <label class="help">Această întrebare filtrează roboții și lasă doar persoanele reale să se înscrie.</label>
  123. </div>
  124. <br />
  125. <div>
  126. <label class="first">(Opțional) Ai aflat de eveniment prin:</label>
  127. <select name="referinta" id="referinta">
  128. <option value="">-- selectează --</option>
  129. <option value="ceata">*.ceata.org</option>
  130. <option value="prieteni">prieteni/colegi</option>
  131. <option value="liste">liste/forumuri</option>
  132. <option value="retele">rețele sociale</option>
  133. <option value="dexonline">dexonline.ro</option>
  134. <option value="it-events">it-events.ro</option>
  135. </select>
  136. <label class="first">sau:</label>
  137. <input type="text" name="referinta2"><br />
  138. <label class="help">Dacă faci această mențiune, ne ajuți să eficientizăm promovarea pe viitor.</label>
  139. </div>
  140. <br />
  141. <div>
  142. <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 />
  143. <label class="help">
  144. În acest caz, vei fi abonat la lista ceata-anunțuri a Fundației Ceata.
  145. </label>
  146. </div>
  147. <br />
  148. <input type="submit" value="Trimite" id="send">
  149. </form>
  150. </div>
  151. <div id="license">
  152. <p>
  153. 2013, 2014 &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.
  154. </p>
  155. <p>
  156. <a href="https://albume.ceata.org/picture.php?/862/category/55" target="_blank">Fotografia</a> din antet este realizată de Nicu Buculei și este folosită de Fundația Ceata în condițiile licenței libere CC BY-SA.
  157. </p>
  158. <p>
  159. Programul folosit de formular este <a href="http://gitorious.org/ceata/ceata-formular-zlp" 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>.
  160. 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>.
  161. </p>
  162. </div>
  163. </body>