[zlp.git] / zlp.html

<!DOCTYPE html>
<meta charset="UTF-8">
<title>Înscrieri &mdash; Ziua Libertății Programelor &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", "/zlp?op=info&event=" + document.getElementById("event").value, false);
	xhr.send();
	console.log(xhr.responseText);
	var ret = JSON.parse(xhr.responseText);
	event_info.innerHTML = "<b>" + ret.date + "</b> la <b>" + ret.locul + "</b> in <b>" + ret.sala + "</b>. Locuri ramase: <b>" + ret.locuri + "</b>. Link: <a href='" + ret.link + "'>" + ret.link + "</a>";
	image.src = ret.image;
}

function validate(){
	var captcha = document.getElementById("captcha");
	if(captcha.value != 83){
		alert("Ati completat gresit anul de lansare al proiectului GNU. Indiciu: Suntem in 2013 si proiectul GNU implineste 30 de ani.");
		return false;
	}
}

window.onload = update_event_info;
</script>

<style>
  body {
    max-width: 700px;
    border: solid 1px #ccc;
    margin: 0 auto;
  }
  
  form {
    padding: 10px;
  }

  p {
    padding-left: 10px;
    padding-right: 20px;
  }

  label.first {
    font-weight: bold;
  }

  label.help {
    color: #333;
  }

  select {
    font-weight: bold;
    font-size: 1.01em;
  }

  input#captcha {
    width: 20px;
  }

  input#email {
    width: 250px;
  }
</style>

<img src="img/gnu30-ro.png" alt="Aniversarea a 30 de ani de la lansarea proiectului GNU" />

<p>
  În 2013, Fundația Ceata organizează evenimente de Ziua Libertății Programelor dedicate proiectului GNU în mai multe orașe românești. Cu ocazia aniversării a 30 de ani de la lansarea proiectului GNU, membrii voluntari și colaboratorii Fundației Ceata vor susține prezentări și demonstrații cu pachete de programe libere din proiectul GNU. 
</p>
<p>
  Vă invităm să vă înscrieți pentru a participa la aceste evenimente și să folosiți GNU, un sistem de operare care vă respectă libertățile de utilizator.
</p>

<form action="/zlp" method="POST" onsubmit="return validate();">
  <input type="hidden" name="op" value="append">
  <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" name="email" id="email" required><br />
  </div>
  <br />
  <div>
    <label class="first">Înscriere la evenimentul din:</label>
    <select name="oras" id="event" onchange="update_event_info();">
      <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>
    </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>
    <div id="event_info"></div>
    <img id="image" style="width:200px;height:200px">
  </div>
  <br />
  <div>
    <label class="first">Numărul de locuri rezervate:</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><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">Anul de lansare al proiectului GNU este 19</label><input type="number" name="captcha" min="0" max="99" id="captcha" required><label class="first">. (2 cifre)</label><br />
    <label class="help">Această întrebare filtrează roboții și lasă doar persoanele reale să se înscrie.</label>
  </div>
  <br />
  <div>
    <label class="first"><input type="checkbox" name="spam" checked>Pe viitor, vreau să primesc și alte anunțuri de la Fundația Ceata.</label><br />
    <label class="help">
      În acest caz, se va trimite în numele tău o cerere de abonare la lista ceata-anunturi.<br />
      Nu vei fi automat abonat, ci vei primi o cerere de confirmare că ai cerut să fii abonat.
    </label>
  </div>
  <br />
  <input type="submit" value="Trimite">
</form>
Commit	Line	Data
fb4277ce MG	1	<!DOCTYPE html>
fb4277ce MG	2	<meta charset="UTF-8">
6870df3f	3	<title>Înscrieri — Ziua Libertății Programelor — Fundația Ceata</title>
fb4277ce MG	4	<script type="application/javascript">
	5	function update_event_info(){
	6	var event_info = document.getElementById("event_info");
	7	var image = document.getElementById("image");
	8	var xhr = new XMLHttpRequest();
	9	xhr.open("GET", "/zlp?op=info&event=" + document.getElementById("event").value, false);
	10	xhr.send();
	11	console.log(xhr.responseText);
	12	var ret = JSON.parse(xhr.responseText);
	13	event_info.innerHTML = "<b>" + ret.date + "</b> la <b>" + ret.locul + "</b> in <b>" + ret.sala + "</b>. Locuri ramase: <b>" + ret.locuri + "</b>. Link: <a href='" + ret.link + "'>" + ret.link + "</a>";
	14	image.src = ret.image;
	15	}
	16
	17	function validate(){
	18	var captcha = document.getElementById("captcha");
	19	if(captcha.value != 83){
	20	alert("Ati completat gresit anul de lansare al proiectului GNU. Indiciu: Suntem in 2013 si proiectul GNU implineste 30 de ani.");
	21	return false;
	22	}
	23	}
	24
	25	window.onload = update_event_info;
	26	</script>
	27
6870df3f TT	28	<style>
	29	body {
	30	max-width: 700px;
	31	border: solid 1px #ccc;
	32	margin: 0 auto;
	33	}
	34
	35	form {
	36	padding: 10px;
	37	}
	38
	39	p {
	40	padding-left: 10px;
	41	padding-right: 20px;
	42	}
	43
	44	label.first {
	45	font-weight: bold;
	46	}
	47
	48	label.help {
	49	color: #333;
	50	}
7e5e1fa2 TT	51
	52	select {
	53	font-weight: bold;
	54	font-size: 1.01em;
	55	}
3b6211e8 TT	56
	57	input#captcha {
	58	width: 20px;
	59	}
9f42a617 TT	60
	61	input#email {
	62	width: 250px;
	63	}
6870df3f TT	64	</style>
	65
	66	<img src="img/gnu30-ro.png" alt="Aniversarea a 30 de ani de la lansarea proiectului GNU" />
	67
	68	<p>
	69	În 2013, Fundația Ceata organizează evenimente de Ziua Libertății Programelor dedicate proiectului GNU în mai multe orașe românești. Cu ocazia aniversării a 30 de ani de la lansarea proiectului GNU, membrii voluntari și colaboratorii Fundației Ceata vor susține prezentări și demonstrații cu pachete de programe libere din proiectul GNU.
	70	</p>
fb4277ce	71	<p>
6870df3f TT	72	Vă invităm să vă înscrieți pentru a participa la aceste evenimente și să folosiți GNU, un sistem de operare care vă respectă libertățile de utilizator.
6870df3f TT	73	</p>
fb4277ce MG	74
fb4277ce MG	75	<form action="/zlp" method="POST" onsubmit="return validate();">
6870df3f TT	76	<input type="hidden" name="op" value="append">
	77	<div>
	78	<label class="first">Prenume:</label><br />
	79	<input type="text" name="prenume" required><br />
	80	</div>
	81	<br />
	82	<div>
	83	<label class="first">Nume (opțional):</label><br />
	84	<input type="text" name="nume"><br />
	85	</div>
	86	<br />
	87	<div>
	88	<label class="first">Adresa de poștă electronică:</label><br />
	89	<label class="help">Va fi folosită pentru anunțuri despre acest eveniment.</label><br />
9f42a617	90	<input type="email" name="email" id="email" required><br />
6870df3f TT	91	</div>
	92	<br />
	93	<div>
	94	<label class="first">Înscriere la evenimentul din:</label>
	95	<select name="oras" id="event" onchange="update_event_info();">
	96	<option value="balti">Bălți</option>
	97	<option value="bucuresti">București</option>
	98	<option value="chisinau">Chișinău</option>
	99	<option value="cluj">Cluj-Napoca</option>
	100	<option value="constanta">Constanța</option>
	101	</select><br />
	102	<label class="help">Alege orașul în care ești sau mergi pentru evenimentul de acolo.</label><br />
	103	</div>
	104	<br />
fbdf2ce7 TT	105	<div>
	106	<label class="first">Detalii:</label>
	107	<div id="event_info"></div>
	108	<img id="image" style="width:200px;height:200px">
	109	</div>
	110	<br />
6870df3f TT	111	<div>
	112	<label class="first">Numărul de locuri rezervate:</label>
	113	<select name="numar" id="num">
	114	<option value="1">1</option>
	115	<option value="2">2</option>
	116	<option value="3">3</option>
	117	<option value="4">4</option>
	118	<option value="5">5</option>
	119	</select><br />
	120	<label class="help">Te rugăm să selectezi mai multe locuri doar dacă aduci și prieteni la eveniment.</label>
	121	</div>
	122	<br />
6870df3f	123	<div>
3b6211e8	124	<label class="first">Anul de lansare al proiectului GNU este 19</label><input type="number" name="captcha" min="0" max="99" id="captcha" required><label class="first">. (2 cifre)</label><br />
6870df3f TT	125	<label class="help">Această întrebare filtrează roboții și lasă doar persoanele reale să se înscrie.</label>
	126	</div>
	127	<br />
	128	<div>
	129	<label class="first"><input type="checkbox" name="spam" checked>Pe viitor, vreau să primesc și alte anunțuri de la Fundația Ceata.</label><br />
	130	<label class="help">
	131	În acest caz, se va trimite în numele tău o cerere de abonare la lista ceata-anunturi.<br />
	132	Nu vei fi automat abonat, ci vei primi o cerere de confirmare că ai cerut să fii abonat.
	133	</label>
	134	</div>
	135	<br />
	136	<input type="submit" value="Trimite">
fb4277ce	137	</form>