<!DOCTYPE html>
<meta charset="UTF-8">
-<title>Inscriere Ziua Libertatii Programelor</title>
+<title>Înscrieri — Ziua Libertății Programelor — 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);
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;
}
}
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>