W czym to jest? I jak się za to zabrać?

Cześć,
jestem administratorem baz danych aczkolwiek interesuję się bezpieczeństwem i chciałbym zacząć dokumentować swoje postępy w nietuzinkowy sposób.

Powiem szczerze że strona poniżej urywa łeb i z chęcią zrobiłbym coś na ten kształt, czy ktoś jest w stanie mi powiedzieć w czym jest to zrobione i co należy przeczytać aby zrobić coś przynajmniej w 1/5 tak fajnego jak to. Chodzi o kwestie poruszania się po stronie design animacje. Ogólnie wygląd konsoli.

http://www.whoismrrobot.com

Wdzięczny będę za jakiekolwiek wskazówki.

treść i "baza" całej strony -> html
wygląd -> css
interakcja -> javascript

@jumpin
A poza związkiem z serialem "Mr.Robot" jaki ta strona ma związek z dokumentowaniem postępów związanych z bezpieczeństwem? Nie czepiam się, tylko tego nie widzę (chyba, że chcesz udostępniać shella w sposób bezpieczny via www).

@xfin
'z chęcią zrobiłbym coś na ten kształt' chodziło tylko o design. Nie ważne jakie treści prezentuje ta strona, chodzi o treści jakie będą prezentowane na 'mojej wersji' pomysłu konsoli na stronie. Będzie to raczej spis artykułów mojego autorstwa przedstawiony w ten właśnie sposób.