Better group hangouts

Better group hangouts.js

/*

Sometimes in a group hangout, it's nicer to see everyone all the time,
rather than just the person who is currently "speaking".

The solution is to click on your own thumbnail (so that you are always
the "speaker"), and then zoom and pan the page content so that the
thumbnails fill the whole width of the window. This can be done pretty
easily by applying `translate` and `scale` `transform`s to the body
element.

--
This gist will probably evolve, but for now I'm capturing JS snippets
that I can use to do this in specific situations. As I collect more
datapoints, it may be possible to extract some generalized patterns.
Maybe even a [series of] bookmarklet[s]?

*/

// Go back to normal:
document.body.style.transform = '';

// Five (5) other people on a 15-inch MBP (full screen width):
document.body.style.transform = 'translate(-53%, -147%) scale(2.8)';