Formula 1 este un sport foarte scump. Din toate… punctele de vedere.

Quite. Very!

Lots and lots of cute (pics of) cats… Enjoy!

Saptamana trecuta m-a chinuit talentul si am mesterit (in) vreo 2-3 zile la un… site. Initial vroiam sa fac ceva doar (sau mai ales) de aspect, sa mai invat niste design and stuff. In final am ajuns sa fac si ceva programare la el. In primul rand (sau… intr-un rand acolo…) i-am dat de cap cu un design cum trebuie, ca la carte. Nu zic ca arata fain sau ceva, aici e… in the eye of the beholder, ci ca teoretic e facut… well, regulamentar. Si, mai ales (sau pe langa acestea de mai sus), este complet “tableless”. In plus, este primul proiect pe care il fac in Dreamweaver (in proportie de mai bine de 90%), cel putin pana la partea de programare mai serioasa unde am revenit la good old notepad++. Este plin de facilitati si ajutoare pentru design (ca doar pentru asta s-a facut el…). Codul html contine (pe langa elementele de baza – html/head/body) doar cateva div-uri, restul fiind tratat doar in CSS, fapt pentru care, printre altele, pagina are inaltimea variabila, in functie de continut, doar header-ul si footer-ul avand dimensiuni fixe (like a blog or so). Cand o sa (mai) invat wordpress-ul, poate o sa transform proiectelul asta (si) intr-o tema de WP, dar mai e de munca pana atunci si nu am… timp/chef acum sa lucrez in directia asta. Last but not least (legat de design cel putin), lucru care face aspectul sa fie corect si compatibil cu toate browserele, sau macar alea care conteaza (Firefox, IE, Chrome, Safari, Opera), este un cod verificat si facut valid, atat html (dupa standardul xhtml 1.0 transitional) cat si css (dupa standardul css2.1), desi (yes, I know) nu am pus validare CSS pe pagina pentru ca designul prezinta si cateva elemente CSS3 plus un filtru de opacitate (script) care nu e compatibil CSS2.1 dar care se comporta bine in browsere. Filtrul este de… efect, are cod simplu si creeaza un impact mai puternic atunci cand trecem peste poze (thumbnails), deoarece ne obisnuim initial cu pozele translucide, iar cand ele devin opace (on hovering) par mult mai intense. Other than that, the css is also valid (dupa standardele w3c).

“Pachetul” contine urmatoarele:

- core.php (zipped) – the brains of the project, fisierul pe baza carora se creeaza paginile/categoriile pentru poze;

- style.css – the looks of the project;

- index.php – index file, incarca prima pagina (home) si “cere” header-ul si footer-ul;

- header.php – “capul de afis”, contine header image(s) si menu bar, prezent in fiecare pagina;

- footer.php – “piciorul” site-ului, contine footer image (si un mic disclaimer), prezent in fiecare pagina;

- images/bg.jpg – background-ul pentru inteaga pagina (ce se vede in toata fereastra browser-ului);

- images/top.jpg – imaginea header-ului, cu link catre home (index.php);

- images/top_hover.jpg – imaginea header-ului la selectarea cu mouse-ul (adicatelea trecut peste) sau cand e link activ;

- images/bottom.jpg – imaginea footer-ului;

- images/pictures/home.jpg – imaginea (din continutul) paginii principale (index.php);

Proiectul arata in felul urmator:

PicView – in general si cum a plecat (si mai ales unde a ajuns) ideea de baza, cu cateva poze/exemple. Il puteti descarca de aici.

PicView base(files) – acelasi lucru doar ca fara nici un exemplu si fara imaginile componente facute/alese de mine. Pentru cine vrea (si stie) sa se joace cu codul (mai ales in html/css dar se poate modifica si in partea de php, dupa preferinte). Il puteti descarca de aici.

4 Seasons – bazat pe PicView si personalizat/particularizat pentru poze cu anotimpurile and stuff (si cu ceva modificari de design). A bit of a warning: am integrat si o melodie in flash asa ca recomand sa aveti un flash blocker in browser… daca nu, veti fi enervati cu o melodie faina .

(Ca fapt divers, doar vreo 5-10 poze din ce vedeti acolo imi apartin… restul sunt de pe net… saru’mana lu’ aia de le-au facut).

Cum se face:

- dupa ce ati descarcat PicView (link-urile de mai sus), indiferent de varianta, se urca pe un server web/hosting/something (sau ceva local pentru teste si joaca cu el);

- se extrage “core.php” din arhiva (arhiva se pastreaza acolo (sau in alta parte) ca nu incurca cu nimic) si se redenumeste cu “nume.php”; numele e de preferat sa fie cat mai relevant si nu prea lung (ca… nu are sens); daca are mai multe cuvinte, puneti “_” (underscore) intre ele; in afisarea numelui in menu bar, programul converteste “_” in spatiu si apoi capitalizeaza prima litera din primul cuvant (daca sunt mai multe cuvinte), restul caracterelor ramanand la fel (case);

- se merge in “images/pictures/” si se creeaza acolo un folder cu numele nume, adica exact acelasi nume (case sensitive!) ca si “nume.php” (mai putin extensia, desigur);

- in directorul creeat la punctul anterior se urca poze dupa bunul plac (desi ma gandesc ca nu ar strica sa aiba legatura cu denumirea/categoria respectiva );

- se repeta cei doi (trei) pasi anteriori pentru alte categorii;

- in caz de director gol (sau lipsa) pentru categoria in cauza (curenta), se afiseaza un mesaj de avertizare; de asemenea se afiseaza un mesaj de avertizare si in cazul unui link cu un index invalid (mai mare decat numarul de poze din director, sau zero sau negativ);

- dupa adaugarea de noi fisiere/categorii, se reincarca browserul, de preferat cu Ctrl+F5 (pentru a nu incarca ceva din cache);

Contraindicatii:

- numarul de categorii e limitat de un anumit numar de cuvinte (sau caractere)… nu am numarat cate, dar puteti adauga categorii noi pana se umple menu bar; dupa aceea aspectul o ia razna;

- nu stergeti sau redenumiti sau modificati locatia fisierelor de baza (inclusiv imaginile de home/header/footer etc) pentru ca nu va mai arata sau chiar functiona cum trebuie (sau deloc)… d’oh!

- nu adugati aiurea in tramvai fisiere in direcotrul de baza/radacina; tot ce nu face parte din fisierele de baza este citit si adugat ca si categorie in menu bar! de asemenea, in directoarele create pentru categoriile respective, nu adaugati alte fisiere decat imagini/poze (orice format compatibil cu un browser – jp(e)g/bmp/gif/png si multe altele), in caz contrat in paginile categoriilor respective veti avea link catre ceva care nu e poza si va arata… aiurea;

- well… cam atat imi vine in minte acum; toate (sau mai bine zis cat mai multe din) problemele de mai sus voi incerca sa le rezolv in versiuni ulterioare…

That’s about it… pentru intrebari, lamuriri, indicatii, observatii, etc. etc. etc. ma gasiti pe aici… Enjoy!

PS: nu am folosit “directory separator” pentru accesul la fisiere and stuff (de lene… si pentru ca am uitat) asa ca s-ar putea ca in Linux sa nu mearga codul (dar nu sunt sigur)…

Oktoberfest-ul cu numarul 179 a inceput sambata si tine pana pe 4 octombrie. La ei, desigur.

De aici.

A thousand words… all mute. Pretty nice black and white flick. Enjoy!

Shooting around stuff (just with my camera, that is) got me in the situations of taking some nice panorama photos/pictures. So here they are (click on the thumbnails for the full size):

- Rectoratul UPB (si alte corpuri si facultati de pe langa) – 12163 x 1588

- Biblioteca UPB (in sfarsit finalizata) – 9447 x 1810

- “UPB, de pe deal” – vedere inspre Poli, de langa Automatica – 7727 x 1664

- Lacul Morii (la podul Ciurel) – 10275 x 1901

- Plaja si Marea Neagra (Eforie Sud) – 10136 x 1946

- Cota 1400 (Sinaia) – nu e a mea, e gasita pe net (nu mai stiu pe unde) – 13798 x 2252