X-Git-Url: http://git.ieval.ro/?a=blobdiff_plain;f=zlp.html;h=766697037e743f486a74641739a3c964d0f2d518;hb=refs%2Fheads%2Fmaster;hp=831cb88046e0e152d3b93626df2a2d9fd29a97ef;hpb=fb4277ce3a501b2642afe4de4b629a726acfaa0a;p=zlp.git

diff --git a/zlp.html b/zlp.html
index 831cb88..7666970 100644
--- a/zlp.html
+++ b/zlp.html
@@ -1,12 +1,12 @@
 <!DOCTYPE html>
 <meta charset="UTF-8">
-<title>Inscriere Ziua Libertatii Programelor</title>
+<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.open("GET", "/zlp.pl?op=info&event=" + document.getElementById("event").value, false);
 	xhr.send();
 	console.log(xhr.responseText);
 	var ret = JSON.parse(xhr.responseText);
@@ -17,7 +17,7 @@ function update_event_info(){
 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.");
+		alert("AÈi completat greÈit anul de lansare al proiectului GNU. Indiciu: Suntem Ã®n 2013 Èi proiectul GNU Ã®mplineÈte 30 de ani.");
 		return false;
 	}
 }
@@ -25,40 +25,118 @@ function validate(){
 window.onload = update_event_info;
 </script>
 
-<h1>Ziua LibertÄÅ£ii Programelor</h1>
-organizata de Fundatia Ceata
-<p>
-Aniversarea a 30 de ani de la lansarea proiectului GNU
+<style>
+  body {
+    max-width: 700px;
+    border: solid 1px #ccc;
+    margin: 0 auto;
+    font-family: 'DejaVu Sans', sans-serif;
+  }
+  
+  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;
+  }
 
-<form action="/zlp" method="POST" onsubmit="return validate();">
-<input type="hidden" name="op" value="append">
-Prenume:<br>
-<input type="text" name="prenume" required><br>
-Nume (opÅ£ional):<br>
-<input type="text" name="nume"><br>
-Adresa de poÅta electronica:<br>
-<input type="email" name="email" required><br>
-OraÅul evenimentului:<br>
-<select name="oras" id="event" onchange="update_event_info();">
-  <option value="bucuresti">BucureÅti</option>
-  <option value="cluj">Cluj-Napoca</option>
-  <option value="chisinau">ChiÅinÄu</option>
-  <option value="balti">BalÅ£i</option>
-  <option value="constanta">ConstanÅ£a</option>
-</select><br>
-Numar de participanti:<br>
-<select name="numar">
-  <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>
-Detalii:
-<div id="event_info"></div>
-<img id="image" style="width:200px;height:200px">
+  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.
+</p>
 <p>
-<label><input type="checkbox" name="spam"> Vreau sa primesc anunturi de la Fundatia Ceata</label><br>
-Anul de lansare al proiectului GNU este 19<input type="number" name="captcha" min="0" max="99" id="captcha" required><br>
-<input type="submit" value="Trimite">
+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.pl" 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>
+      <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>
+    <div id="event_info"></div>
+    <img id="image" style="width:200px;height:200px">
+  </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><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>
