All clientside—mostly js hacks. There are a lot of fun easter eggs—some easy to find, others not so much. I can't really claim it's mobile friendly, though I've tried to not make it too bad of an experience.
edit: the cards are draggable btw, I've added a "move" cursor when the mouse hovers but I don't know if that's enough to make it obvious (but not too "in-your-face" obvious).
Ah this is a really nice feature, really adds to the experience and feel that you are looking for. In your place I would add some simple bar on top, just a bunch of horizontal lines or whatever, so that the UI "affords" to be dragged.
EDIT: I remember it was a trend amongst a close group of friends. Everyone was doing their webpage like their window manager. Too bad I can't find any of those.
This is a bit uncanny since I've been thinking quite a lot about these distortion effects and how to implement them with HTML5, js and css. Would you please enlighten us by giving us some hints on how to achieve the distortions?
Also I am not 100% sure if I think this is completely UNIX like as I expected something more text / terminal based. Are you using monospaced fonts. Not to try to put you down but rather to say you are in the right way but that there might be minute changes in padding and so forth that might land you at perfection!
It is basically useless on my phone: page (and font) size changes periodically because of that animated ASCII thing at the bottom (and due to the fact that device is vertically oriented), and almost any attempt to zoom things through pinching results in moving two blocks around simultaneously instead.
you are right, I started out with piping it into less, to see if you are right and damn it if you are not right. I thought he did something with delays in the output. How and why does this work?
It's not bash. You can remove the shebang line and cat the file, and it still works. It's simply your terminal interpreting the ANSI codes and displaying the contents of the file.
well a shell command if you can excuse my nitpicking. Had it been a bash script he wouldn't only have made a really nice easter egg but also found a security hole in curl.
or does anyone know of any other examples? i want to show this to my coworkers but this particular animation is a little lewd to be bringing into work.
So are you saying that bash is not actually executed but the characters are being printed on the screen and they looks as if the animation were still playing?
What I cannot understand from that explanation is how the animation time works. It should display the animation in chunks, with really fast frames, followed by pauses while it waits for data to be received.
Just a quick nitpick, I would like to see the links expand to their entire <p> parent elements, so the entire box is a clickable link, not just the text inside.
I was talking about this last week. I called it the MySpace/stylesheet paradox. MySpace got it wrong, Facebook and Gmail got it right.
> In the days of MySpace, people would tweak their personal profile so it was presented to every visitor using the colors, sounds, typeface, text size, and other styles that the profile owner found most pleasing. This gets it exactly backwards: out of everybody's opinions about what a user's profile needs, it's the profile owner's opinion which matters the least. After all, the profile owner doesn't spend his or her time reading his or her own profile—the profile is for other people, and we can see this by looking at what the profile owner does do, which is to spend his or her time reading everybody else's profiles.
> it's the profile owner's opinion which matters the least
I kind of disagree that this is the reason. Conceptually it would be great if the owner could express what they want to.
I think the bigger reason was a combination of UI inconsistency as well as the simple fact that 99.9% people can't design a webpage that looks good. Their font, color, and style choices just plain suck, and make the entire website look bad. This model did not bring out the best in the non-designer crowd.
It's like giving a piano to a non-pianist and asking them to perform. What do you expect?
All clientside—mostly js hacks. There are a lot of fun easter eggs—some easy to find, others not so much. I can't really claim it's mobile friendly, though I've tried to not make it too bad of an experience.
edit: the cards are draggable btw, I've added a "move" cursor when the mouse hovers but I don't know if that's enough to make it obvious (but not too "in-your-face" obvious).