[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;
  }
</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" 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">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">Detalii:</label>
    <div id="event_info"></div>
    <img id="image" style="width:200px;height:200px">
  </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	}
6870df3f TT	56	</style>
	57
	58	<img src="img/gnu30-ro.png" alt="Aniversarea a 30 de ani de la lansarea proiectului GNU" />
	59
	60	<p>
	61	Î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.
	62	</p>
fb4277ce	63	<p>
6870df3f TT	64	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	65	</p>
fb4277ce MG	66
fb4277ce MG	67	<form action="/zlp" method="POST" onsubmit="return validate();">
6870df3f TT	68	<input type="hidden" name="op" value="append">
	69	<div>
	70	<label class="first">Prenume:</label><br />
	71	<input type="text" name="prenume" required><br />
	72	</div>
	73	<br />
	74	<div>
	75	<label class="first">Nume (opțional):</label><br />
	76	<input type="text" name="nume"><br />
	77	</div>
	78	<br />
	79	<div>
	80	<label class="first">Adresa de poștă electronică:</label><br />
	81	<label class="help">Va fi folosită pentru anunțuri despre acest eveniment.</label><br />
	82	<input type="email" name="email" required><br />
	83	</div>
	84	<br />
	85	<div>
	86	<label class="first">Înscriere la evenimentul din:</label>
	87	<select name="oras" id="event" onchange="update_event_info();">
	88	<option value="balti">Bălți</option>
	89	<option value="bucuresti">București</option>
	90	<option value="chisinau">Chișinău</option>
	91	<option value="cluj">Cluj-Napoca</option>
	92	<option value="constanta">Constanța</option>
	93	</select><br />
	94	<label class="help">Alege orașul în care ești sau mergi pentru evenimentul de acolo.</label><br />
	95	</div>
	96	<br />
	97	<div>
	98	<label class="first">Numărul de locuri rezervate:</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><br />
	106	<label class="help">Te rugăm să selectezi mai multe locuri doar dacă aduci și prieteni la eveniment.</label>
	107	</div>
	108	<br />
	109	<div>
	110	<label class="first">Detalii:</label>
	111	<div id="event_info"></div>
	112	<img id="image" style="width:200px;height:200px">
	113	</div>
	114	<br />
	115	<div>
	116	<label class="first">Anul de lansare al proiectului GNU este 19</label><input type="number" name="captcha" min="0" max="99" id="captcha" required>
	117	<label class="first">. (2 cifre)</label><br />
	118	<label class="help">Această întrebare filtrează roboții și lasă doar persoanele reale să se înscrie.</label>
	119	</div>
	120	<br />
	121	<div>
	122	<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 />
	123	<label class="help">
	124	În acest caz, se va trimite în numele tău o cerere de abonare la lista ceata-anunturi.<br />
	125	Nu vei fi automat abonat, ci vei primi o cerere de confirmare că ai cerut să fii abonat.
	126	</label>
	127	</div>
	128	<br />
	129	<input type="submit" value="Trimite">
fb4277ce	130	</form>