User talk:Purple Wrench/sandbox
From Homestar Runner Wiki
(Difference between revisions)
(code it up dan) |
(you mean you put a bunch of 3d-printed, bendy video file icons into a 3d-printed camera icon and it takes real pictures? that's as cool as sliding a 3d-printed save icon into a computer to save data!) |
||
| Line 3: | Line 3: | ||
:[[Fish Eye Lens|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. --{{User:Purple Wrench/sig}} 04:30, 29 July 2017 (UTC) | :[[Fish Eye Lens|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. --{{User:Purple Wrench/sig}} 04:30, 29 July 2017 (UTC) | ||
::I like that. Sounds interesting. Although I'd like to see an example or something first. {{User:Gfdgsgxgzgdrc/sig}} 05:53, 29 July 2017 (UTC) | ::I like that. Sounds interesting. Although I'd like to see an example or something first. {{User:Gfdgsgxgzgdrc/sig}} 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.) --{{User:Purple Wrench/sig}} 20:58, 29 July 2017 (UTC) | ||
| + | ===Type 1=== | ||
| + | <div style="border:1px solid gray; background-color: #eee; padding:6px; display:inline-block; text-align:right;">[[File:Blank email tweet.jpg|Our hopes and dreams.|200px]]<div style="display:block; padding-top:3px;">https://upload.wikimedia.org/wikipedia/commons/thumb/6/64/Image-x-generic-2.svg/20px-Image-x-generic-2.svg.png</div></div> | ||
| + | <div style="border:1px solid gray; background-color: #eee; padding:6px; display:inline-block; text-align:right;">[[File:NewPuppetSB.png|A horrifying close-up of Strong Bad's ungodly puppet mug.|130px]]<div style="display:block; padding-top:3px;">https://upload.wikimedia.org/wikipedia/commons/thumb/e/e6/Movie_stub_film.svg/20px-Movie_stub_film.svg.png</div></div> | ||
| + | ===Type 2=== | ||
| + | [[File:Blank email tweet.jpg|Our hopes and dreams.|200px]] <div style="background-color: black; padding:6px; display:inline-block;"><div style="display:block; margin-bottom:8px; border-bottom: 10px dotted white;"></div>[[File:NewPuppetSB.png|A horrifying close-up of Strong Bad's ungodly puppet mug.|130px]]<div style="display:block; margin-top:6px; border-top: 10px dotted white;"></div></div> | ||
Revision as of 20:58, 29 July 2017
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)
- I like that. Sounds interesting. Although I'd like to see an example or something first.
Type 1
Type 2
