I’ve done a little light fiddling with the design here in order to clean up some details that had been bugging me.<\/p>\n
I started by adding a light grey background to After fiddling with a few different approaches, I finally decided to use a slight gradient rather than a solid grey for the title bar, starting darker on the right and fading to white towards the left. The Left and right floating elements (such as pictures and Amazon item links) have been nudged a few pixels outward in order to better align them with the outside borders of the post title bars.<\/p>\n Lastly, I removed the grey background behind the post titles and replaced that with a drop shadow effect behind the title text. The one downside to this approach is that it’s currently only visible in Safari (I believe), as Safari’s currently the only browser (that I know of) that supports that particular CSS attribute. The rest of you just need to upgrade. ;)<\/p>\n","protected":false},"excerpt":{"rendered":" I’ve done a little light fiddling with the design here in order to clean up some details that had been bugging me.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2040],"tags":[25],"class_list":["post-2039","post","type-post","status-publish","format-standard","hentry","category-blog","tag-website"],"_links":{"self":[{"href":"https:\/\/michaelhans.com\/eclecticism\/wp-json\/wp\/v2\/posts\/2039","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/michaelhans.com\/eclecticism\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/michaelhans.com\/eclecticism\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/michaelhans.com\/eclecticism\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/michaelhans.com\/eclecticism\/wp-json\/wp\/v2\/comments?post=2039"}],"version-history":[{"count":0,"href":"https:\/\/michaelhans.com\/eclecticism\/wp-json\/wp\/v2\/posts\/2039\/revisions"}],"wp:attachment":[{"href":"https:\/\/michaelhans.com\/eclecticism\/wp-json\/wp\/v2\/media?parent=2039"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/michaelhans.com\/eclecticism\/wp-json\/wp\/v2\/categories?post=2039"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/michaelhans.com\/eclecticism\/wp-json\/wp\/v2\/tags?post=2039"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}blockquote<\/code> elements in order to make them a bit more distinct from my babbling. That ended up making the page feel a bit heavier than I wanted, though, as the lightest grey I could use was the same grey that made up the background color in the lower section of each post’s title bar.<\/p>\nblockquote<\/code> elements still felt a bit much, though, so I ended up creating a second, lighter gradient to use for their background as well. I’m not entirely sure I’m satisfied with the end result — while I like each effect individually, I’m not as sure about how they interact with each other on the page. Still, it’ll do for now.<\/p>\n