User talk:Purple Wrench/sandbox

From Homestar Runner Wiki

Video Thumbnails

It has been suggested before that there should be thumbnails for the videos. But how should we do that here? If we put them in the Thumbnail section, they could get mixed up with the actual posted images. Should we have some way to seperate posted images and video thumbnails? Thoughts? Gfdgsgxgzgdrc 23:47, 28 July 2017 (UTC)

Ahem! I have an idea of what we could try. What happens if you add CSS borders to the images, and use that to distinguish the type of content? It could be something as simple as a border with an icon on the bottom corner (indicating picture or video for example)... or something more complex, like giving all video thumbnails a filmstrip border. -- ■■   PURPLE  WRENCH   ■■ 04:30, 29 July 2017 (UTC)

I like that. Sounds interesting. Although I'd like to see an example or something first. Gfdgsgxgzgdrc 05:53, 29 July 2017 (UTC)

Here you go. For Type 1 I had to use some generic icons from Wikipedia, so I can't put any alt-text such as "This tweet includes an image." or "a video." I did actually try some images from this wiki, but none of them really scaled down very well.

Type 2 might look really good or really awful depending on your computer/device, resolution, browser and magnification settings, but for a rough idea of what is possible it should suffice. (If we go with this, we might need a template with a huge CSS gradient that includes a needless number of copies of the same line over and over again... but it'll be more consistent across devices.) -- ■■   PURPLE  WRENCH   ■■ 20:58, 29 July 2017 (UTC)

Type 1

Type 2