Ceata
/
formulare


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190
							<!DOCTYPE html>
<head>
  <meta charset="UTF-8">
  <title>Înscrieri &mdash; Hacaton de GNU în Cluj-Napoca, ediția a II-a &mdash; Fundația Ceata</title>
  <script type="application/javascript">
function update_event_info(){
	var event_info = document.getElementById("event_info");
	var image = document.getElementById("image");
	var xhr = new XMLHttpRequest();
	xhr.open("GET", "/hgcj201401/hgcj?op=info&oras=cluj", false);
	xhr.send();
	console.log(xhr.responseText);
	var ret = JSON.parse(xhr.responseText);
	event_info.innerHTML = ret.locuri;
}

function validate(){
	var captcha = document.getElementById("captcha");
	if(captcha.value != 18){
		alert("Ați completat greșit data Zilei Libertății Educației. Recitiți introducerea!");
		return false;
	}
}

window.onload = update_event_info;
  </script>

  <style>
    body {
      background-color: #eee;
      max-width: 700px;
      border: solid 1px #ccc;
      margin: 0 auto;
      font-family: 'DejaVu Sans', sans-serif;
    }
    
    div#header {
      text-align: center;
    }

    div#form {
      background-color: #fff;
    }
    
    form {
      padding: 1%;
    }

    p {
      padding-left: 1%;
      padding-right: 2%;
    }

    label.first {
      font-weight: bold;
    }

    label.help {
      color: #333;
    }

    select, input#send {
      font-weight: bold;
    }

    div#license {
      font-size: 0.9em;
    }
  </style>
</head>

<body>
  <div id="form">
    <div id="header">
      <img src="img/hacaton-de-gnu-în-cj-2.png" alt="Hacaton de GNU în Cluj-Napoca, ediția a II-a" />
    </div>

    <p>
      Fundația Ceata organizează a doua ediție a hacatonului de GNU din Cluj-Napoca cu ajutorul echipei locale Ceata-CJ. Partenerul acestei ediții este Chaos Club Cluj, care pune la dispoziție spațiul și logistica pentru eveniment.
    </p>
    <p>
      Hacatonul are loc cu ocazia Zilei Libertății Educației sărbătorită pe plan internațional tot pe 18 ianuarie și la eveniment sunt invitați în special elevii și studenții care vor să hăcuiască sau să învețe cum se hăcuiesc programe libere din proiectul sistemului de operare GNU. 
    </p>
    <p>
      Hacatonul are loc în spațiul grupului Chaos Club Cluj (Str. Ferdinand nr. 6 - Galeriile Ferdinand, et. 1) ș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-2.html" target="_blank">pagina evenimentului</a>.
    </p>
    <p>
      Vă invităm să vă înscrieți pentru a participa la acest hacaton! Dacă nu puteți participa fizic în Cluj-Napoca, puteți participa prin IRC la #ceata (irc.freenode.net).
    </p>

    <form action="/hgcj201401/hgcj" method="POST" onsubmit="return validate();">
      <input type="hidden" name="op" value="append">
      <input type="hidden" name="oras" value="cluj">
      <div>
	<label class="first">Prenume:</label><br />
	<input type="text" name="prenume" required><br />
      </div>
      <br />
      <div>
	<label class="first">Nume (opțional):</label><br />
	<input type="text" name="nume"><br />
      </div>
      <br />
      <div>
	<label class="first">Adresa de poștă electronică:</label><br />
	<label class="help">Va fi folosită pentru anunțuri despre acest eveniment.</label><br />
	<input type="email" size="30" name="adresa" id="email" required><br />
      </div>
      <br />
      <!-- <div> -->
      <!-- 	<label class="first">Înscriere la evenimentul din:</label> -->
      <!-- 	<select name="oras" id="event" required onchange="update_event_info();"> -->
      <!-- 	  <option value="">-- Selectează orașul --</option> -->
      <!-- 	  <option value="balti">Bălți</option> -->
      <!-- 	  <option value="bucuresti">București</option> -->
      <!-- 	  <option value="chisinau">Chișinău</option> -->
      <!-- 	  <option value="cluj">Cluj-Napoca</option> -->
      <!-- 	  <option value="constanta">Constanța</option> -->
      <!-- 	  <option value="valcea">Râmnicu-Vâlcea</option> -->
      <!-- 	</select><br /> -->
      <!-- 	<label class="help">Alege orașul în care ești sau mergi pentru evenimentul de acolo.</label><br /> -->
      <!-- </div> -->
      <!-- <br /> -->
      <!-- <div> -->
      <!-- 	<\!-- <label class="first">Detalii:</label> -\-> -->
      <!-- 	<img id="image" style="width:200px;height:200px" src="#" /> -->
      <!-- </div> -->
      <!-- <br /> -->
      <div>
	<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 />
	<input type="text" size="50" name="programe" required><br />
      </div>
      <br />
      <div>
	<label class="first">Numărul de locuri de rezervat:</label>
	<select name="numar" id="num">
	  <option value="1">1</option>
	  <option value="2">2</option>
	  <option value="3">3</option>
	  <option value="4">4</option>
	  <option value="5">5</option>
	</select>
	<label>(locuri disponibile: <b><label id="event_info"></label></b>)</label>
	<br />
	<label class="help">Te rugăm să selectezi mai multe locuri doar dacă aduci și prieteni la eveniment.</label>
      </div>
      <br />
      <div>
	<label class="first">Ziua Libertății Educației se sărbătorește pe </label><input type="number" size="2" name="captcha" min="0" max="99" id="captcha" required><label class="first"> ianuarie. (2 cifre)</label><br />
	<label class="help">Această întrebare verifică dacă ești o persoană reală sau un robot.</label>
      </div>
      <br />
      <div>
	<label class="first">(Opțional) Ai aflat de eveniment prin:</label>
	<select name="referinta" id="referinta">
	  <option value="">-- selectează --</option>
	  <option value="prieteni">prieteni/colegi</option>
	  <option value="liste">liste/forumuri</option>
	  <option value="retele">rețele sociale</option>
	  <option value="ceata">*.ceata.org</option>
	</select>
	<label class="first">sau:</label>
	<input type="text" name="referinta2"><br />
	<label class="help">Dacă faci această mențiune, ne ajuți să îmbunătățim promovarea pe viitor.</label>
      </div>
      <br />
      <div>
	<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 />
	<label class="help">
	  În acest caz, vei fi abonat la lista cu trafic redus <i>ceata-anunturi</i>.<br />
	</label>
      </div>
      <br />
      <input type="submit" value="Trimite" id="send">
    </form>
  </div>
  <div id="license">
    <p>
      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.
    </p>
    <p>
      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="Un GNU care tastează">unui GNU care tastează</a>.
    </p>
    <p>
      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>.
      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>.
    </p>
  </div>
</body>