User:Perryprog/Userpage layout

This user's IRC nick is perry on the server Freenode.

—This user excessively uses em dashes—please slap them with a minnow in extreme cases!

Documentation

A personal template for use on my user page, which uses CSS grid because using tables for layout is just a bad idea. Feel free to use in whatever way you want.

One annoying issue that I don't think I have any way of fixing is how the "show" link's div partially obscures the link to the date within the newsletter box. I wanted to fix it with something like:

.news .NavHead {
	pointer-events: none;
}
 
.news .NavToggle {
	pointer-events: auto;
}

Sadly though, the pointer-events property isn't supported in the sanitized-css content model (or something like that), although probably for good reason...

PS: I'm only using tabs because that's what Wikipedia's code editor defaults to, dangit!

PPS: Have a nice day :)