Web developer Daniel Rydh´s portfolio site

This page is a portfolio for web developer Daniel Rydh. The page is mostly visual so if you are using a screen reader, or other similar tool, the following paragraph will provide you with a description of the visual content.

The visual content of this page is displayed in in the style of and old black and white cartoon. The page loads to a black screen. In a small circle in the center of the screen there is an image of a cartoon, animal face. The animal is drawn in simple rounded shapes; it has long straight ears on top of its head, a slightly pointed nose, round eyes topped with distinct, arched eyebrows and a small round mouth. The animal is solid black with white outlines of it’s facial features. The animal is a mammal of sorts. It looks like something between a fox, a small bear or a vessel, but from the angle it’s viewed, it appears to be standing on its hind legs like a person. Its face is animated; it’s wiggling its nose, flapping its ears and periodically raises its eyebrows. Above the circle there is a large text in white letters that says “Web-developer Daniel Rydh present´s” and belove the circle in slightly smaller font its says “A portfolio extravaganza!” and bellow that, even smaller, it says “episode one: the mountain of CSS”. After a few seconds the text disappears and the circle begins to shrink in around the animal. When it's close to covering the animals face, it makes a bouncing motion with its body and starts flailing its arms around. This makes the circle rapidly expand, pushing the black screen away on all sides and reveals the whole animal and the landscape its standing in. The animal is standing in the center of the landscape, on the top of a grassy hill with mountains and clouds in the background. As the scene is revealed two black crows, about a third of the size of the animal, flies in from to top corners of the screen and lands a couple of steps away on each side. Now the scene is complete in the middle stands the animal on its sides the crows. All of them stands on the grassy hill with the mountains and the clouds drifting in the background. The grass on the hill sways and the animal bobs its body up and down, and wave its arms constantly changing its facial expression. The crows bob there bodies in a similar fashion and occasionally move their feet. Each of the characters have an little animation and message that appears when you hover on them with the mouse. When the mouse is over the animal it stretches its body, stomps its legs, waves its ears frantecttly and open its eyes in an excited stare. A speech bubble expands from its mouth and floats up above its head. The text in the bubble says “Hey hey hello Look at all this flipping CSS going on!”. When the mouse is on one of the crows they flap their wings and lift a bit of the ground. The left crow speech bubble says “Wait what? All of this is just a bunch of CSS” and the right crows says “I feel like this would have been easier with GIF´s but maybe that's beside the point.” Finally, on the top right corner of the page, there is a link to Daniel Rydh´s github page that simply says “github” in black text.

Hey hey hello Look at all this flipping CSS going on!.

WAIT WHAT? ALL OF THIS IS JUST A BUNCH OF CSS!

I FEEL LIKE THIS WOULD HAVE BEEN ESIER AND FASTER WITH CANVAS AND JAVASCRIPT. BUT MAYBE THATS BESIDE THE POINT.

WEBDEVELOPER DANIEL RYDH PRESENT´S

AN ANIMATION EXTRAVAGANZA!

EPISODE 1: THE MOUNTAIN OF CSS.

GITHUB