Code Book Cover

My web development class is several weeks into learning CSS and we're finally at the point where we can position elements on the page. For this assignment, students create book covers or movie posters to practice setting up container elements and positioning other elements inside. I also do this project because I don't often get a chance to do some creative work - most of my code these days is prepping and grading assignments. I recently read [John Scalzi's Old Man's War] which had a sweet minimalist cover I decided to re-create in HTML and CSS. I had to re-learn how to use clip-path and the polygon function to make the shapes out of CSS rather than using images. Other than that, everything is just HTML elements positioned on the page to give some depth with overlaps. Because it's the web, I also took advantage of the interactive options. I also re-learned how to use the animation and @keyframes properties to make the graphic look like the ships were flying. Instead of positioning…