index.html 6.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168
  1. <!DOCTYPE html>
  2. <head>
  3. <meta charset="UTF-8">
  4. <title>Înscrieri &mdash; Atelier de grafice în LaTeX cu PGF+TikZ, în Bălți &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", "/aglpt20131203/aglpt?op=info&oras=balti", 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 != 15){
  19. alert("Ați completat greșit ora atelierului. Recitiți introducerea.");
  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/aglpt20131203.png" alt="Atelier de grafice în LaTeX cu PGF+TikZ, în Bălți" />
  64. </div>
  65. <p>
  66. Fundația Ceata organizează în Bălți un atelier de realizare de grafice în sistemul de tehnoredactare LaTeX, folosind combinația de limbaje PGF+TiKZ. În cadrul atelierului, participanții vor învăța cum să reprezinte grafice de funcții matematice și figuri geometrice într-un document scris în LaTeX.
  67. </p>
  68. <p>
  69. Atelierul va fi ținut de Radu Dumbrăveanu marți, 3 decembrie 2013, la ora 15:00 în Aula 537 din Blocul 5 al Universității de Stat „Alecu Russo” din Bălți, căreia îi mulțumim pentru sprijinul acordat.
  70. </p>
  71. <p><em>Participarea la atelier este gratuită, dar îi încurajăm pe participanți ca la final, dacă li s-a părut util atelierul și ar dori să fie organizate și alte ateliere, să facă mici donații pentru sprijinirea activității Fundației Ceata.</em>
  72. <p>
  73. Pentru mai multe informații, vizitați <a href="http://ceata.org/evenimente/atelier-de-grafice-%C3%AEn-latex-cu-pgf-tikz-%C3%AEn-b%C4%83l%C8%9Bi.html" target="_blank">pagina evenimentului</a>.
  74. </p>
  75. <p>
  76. Vă invităm să vă înscrieți pentru a participa la acest atelier!
  77. </p>
  78. <form action="/aglpt20131203/aglpt" method="POST" onsubmit="return validate();">
  79. <input type="hidden" name="op" value="append">
  80. <input type="hidden" name="oras" value="balti">
  81. <div>
  82. <label class="first">Prenume:</label><br />
  83. <input type="text" name="prenume" required><br />
  84. </div>
  85. <br />
  86. <div>
  87. <label class="first">Nume (opțional):</label><br />
  88. <input type="text" name="nume"><br />
  89. </div>
  90. <br />
  91. <div>
  92. <label class="first">Adresa de poștă electronică:</label><br />
  93. <label class="help">Va fi folosită pentru anunțuri despre acest atelier.</label><br />
  94. <input type="email" size="30" name="adresa" id="email" required><br />
  95. </div>
  96. <br />
  97. <div>
  98. <label class="first">Numărul de locuri de rezervat:</label>
  99. <select name="numar" id="num">
  100. <option value="1">1</option>
  101. <option value="2">2</option>
  102. <option value="3">3</option>
  103. <option value="4">4</option>
  104. <option value="5">5</option>
  105. </select>
  106. <label>(locuri disponibile: <b><label id="event_info"></label></b>)</label>
  107. <br />
  108. <label class="help">Te rugăm să selectezi mai multe locuri doar dacă aduci și prieteni la atelier.</label>
  109. </div>
  110. <br />
  111. <div>
  112. <label class="first">Ora la care are loc atelierul este: </label><input type="number" size="2" name="captcha" min="0" max="99" id="captcha" required><label class="first">:00. (2 cifre)</label><br />
  113. <label class="help">Această întrebare verifică dacă ești o persoană reală sau un robot.</label>
  114. </div>
  115. <br />
  116. <div>
  117. <label class="first">(Opțional) Ai aflat de atelier prin:</label>
  118. <select name="referinta" id="referinta">
  119. <option value="">-- selectează --</option>
  120. <option value="ceata">*.ceata.org</option>
  121. <option value="usarb">*.usarb.md</option>
  122. <option value="prieteni">prieteni/colegi</option>
  123. <option value="liste">liste/forumuri</option>
  124. <option value="retele">rețele sociale</option>
  125. </select>
  126. <label class="first">sau:</label>
  127. <input type="text" name="referinta2"><br />
  128. <label class="help">Dacă faci această mențiune, ne ajuți să îmbunătățim promovarea pe viitor.</label>
  129. </div>
  130. <br />
  131. <div>
  132. <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 />
  133. <label class="help">
  134. În acest caz, vei fi abonat la lista cu trafic redus <i>ceata-anunturi</i>.<br />
  135. </label>
  136. </div>
  137. <br />
  138. <input type="submit" value="Trimite" id="send">
  139. </form>
  140. </div>
  141. <div id="license">
  142. <p>
  143. 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.
  144. </p>
  145. <p>
  146. Imaginea din antet folosește din domeniul public <a href="http://en.wikipedia.org/wiki/File:LaTeX_logo.svg" target="_blank" title="Emblema limbajului LaTeX">emblema limbajului LaTeX</a>. De asemenea, folosește cu acordul instituției versiunea scalară de mici dimensiuni a <a href="http://www.usarb.md/fileadmin/templates/images/USBLogoMic_ro.png" target="_blank" title="Emblema USARB">emblemei Universității de Stat „Alecu Russo” din Bălți</a>.
  147. </p>
  148. <p>
  149. 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>.
  150. 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>.
  151. </p>
  152. </div>
  153. </body>