Let’s play “Derelict Heaven or Fullmetal Alchemist”
- Magic hinges on geometric circles
- Lots of ponytails
- Only magic Asian in military a manipulative bastard stages a coup
- Main character magic powers, supposed to obey the military but doesn’t
- Race of persecuted tan-skinned, white-haired, red-eyed people
- Finale involves big magic circle and five human sacrifices
- Finale resolution involves superimposing different magic circles on top of each other
- Giant poRTal Earth??? random??? Not canon?????
- Lesbian dragon falls in love with a pirate
Sabo, Tuxedo Mask. Wow, everything has come full circle.
katethulhu replied to your post “jmlee on ello If that’s relevant.”
What is this Ello thing and why do I feel picked last for dodgeball again? :-p
Ello is a new social media platform thing and it gives me snow blindness and I don’t really understand what anything is. But I sent you an invite anyway (and I have some more left if anyone want/needs ‘em)
Okay, I don’t generally mix work and pleasure, but I needed to document this somewhere for whoever might need it later. I’m sure others have already discovered this, but it just struck me last week when I was making a responsive grid style layout.
Ever get really pissed off that there’s no built-in, CSS2 compliant, cross-browser, CSS-only way to make responsive squares? Me too. Here’s a quick way to get pretty 1:1 responsive tiles for all your grid-y needs.
- We’re calling the responsive container “.container” for these purposes. We want it to be a square that is 20% width of its parent
- Make a 2px x 2px transparent square (PNG or GIF)
- Insert it using <img> in your tile div and give it a class. Let’s call it .square for this example
width: 20%; /* Or whatever % you want for responsive reasons */
<img src="square.png" class="square">
Basically you’re using the square to control the height at a 1:1 (or whatever, really) ratio based on its width, which is controlled by the container’s responsive width.