A Pure CSS Parthenon: REDUX

A PURE CSS PARTHENON REDUX: The original version of this illustration was among the earliest of my explorations into the world CSS drawings. At the time, browser support for some useful properties was spotty, and my knowledge of CSS was primitive. For example, I didn’t understand how :before the :after pseudo-elements could be, and CSS triangles were a pipe dream. Consequently, although I was able to complete the drawing, the code was rather bloated, and I had to resort to some pretty ugly workarounds to, er, make some things work (particularly the white background in the pediment).

It had been on my mind for some time to redo this piece with more efficient CSS, and the occasion of a site redesign seemed like a good opportunity to take care of it. This is the result. It doesn't look any different on the surface, and that’s the point. But underneath, the code has been significantly reworked. The HTML is much simpler, because I’m using pseudo-elements wherever possible, which eliminates quite a few divs from the HTML (at the expense of a little extra CSS). The next project would be to make the drawing responsive, though at present I don’t believe it is possible to do so.