I've watched Serial Experiments Lain, it was really nice. I've also seen multiple MySpace accounts themed around it. I thought I'll give them some love too!

1. Lain Iwakura
2. Rise
3. Nyaneii
4. fotonatu

striked out users had this at some point but changed it

That covers up everything I found here on MySpace. If you read this and think that some accounts are missing, comment here with a link to the account and I'll add it here too.

Making (animating) text

In CSS there are selectors like :before and :after, with those you can prefix and suffix things, on elements.

content is an interesting property, like the name says, you can set the content (text), of an element.
Before you try to do HTML Haxxor things with it, no you can't abuse it.

With this knowledge we can try typing

Animating this

Now, CSS has @keyframes and animations, with those you can animate between values.
Let's say I want to change this text, it's possible.

Making more elements

You can use attribute selectors on links, to have more elements to mess with than the standard that MySpace gives you!

also, use pointer-events and cursor, to remove functionality and properties of the link

While MYSPACE doesn't have a native method of uploading videos, you can mix together your mp3 and the ability to set background images with css, to create basically video.

prerequisites

• youtube-dl (if you want to pull videos from sites)
• ffmpeg

downloading the video

You can simply download a video by typing
youtube-dl https://www.youtube.com/watch?v=HbL5M_XplKk

It should leave you in most cases a .webm file.

extracing audio

you can either use ffmpeg to convert it (recommended) or re-download the video with yt-dl

using ffmpeg

ffmpeg -i video.webm audio.mp3

using youtube-dl

youtube-dl https://www.youtube.com/watch?v=EvXJWlJEA0k --extract-audio --audio-format mp3

converting to gif

when I searched for example commands how I could use to achieve this, all websites gave me bad arguments, which made either the conversion slow or the output file too big, so I dropped them.

with the video file downloaded run
ffmpeg -y -i video.webm -r 15 -s 192x144 output.gif

parameter list:

• -y overwrite
• -i input
• -s size (WxH)
• -r framerate

once done you can upload them to file hosters like catbox (they have a 8mb gif cap, so try keeping the file small) or host it on GitHub pages.

embed them into your css with the background-image property.

downsides of this

• trade between length, framerate, size and quality (depending on the user's internet speed)
• you must go by a best case scenario
  • both mp3 and gif start playing at the same time (both seem to be streamed)
  • reloading/navigating to the same page, seems to still let the gif continue playing, instead of resetting. which makes the video go out of sync
  • user mustn't pause the song
    • can be prevented with css (move pause button out of view)

and now everyone will watch neko miko reimu when they visit my profile, isn't that great? :3