For those that are interested in the technical details, read on. The rest of you can stop right here.
tl;dr. In the header and footer, the graphic is a background SVG with embedded CSS scaling the heart element. The standalone hearts also are an SVG, this time with external CSS. In both cases, the CSS controls scaling.
First, I created a PNG of the text and heart with a screen capture from Keynote. Then I used an online PNG to SVG converter, the result of which I edited with a text editor to embed the CSS that animates the heart element. The embedded CSS is based on the hovering heartbeat animation CodePen by Joseph Emmerich. I modified the CSS to add transform-origin: 50% 50% immediately before each transform: scale() style to prevent the heart from moving when its scale changes. Finally, I used image replacement on the title text.
So far, I’ve tested it only on MacOS browsers. It works on WebKit-based browsers (Chrome, Opera, Brave, and Safari), but not Firefox. I still need to test on Windows browsers, and probably add a fallback static PNG for browsers that don’t support background SVGs.
Update. Since creating my first heading image, I created others with a lighter font and decreasing the frequency of animation.
Regular visitors to brentlogan.com might notice something new: a green1 padlock next to my URL/sitename. This change came as the result of changing hosting companies. I am now running on Tap. It was hard to resist. Only $5 per month lets me use my own domain name,2 and I get SSL security and HTTP/2.3 Tap runs on Google Cloud.
There are some that deride the need for security on a blog. Regardless, Google has indicated that it will take security into account when providing search results. And I will appreciate having the security on the backend when I access my blog using public WiFi.
Sorry this sounds like an ad, but I get nothing for mentioning this. They don’t have a referral program.
It’s not all perfect,4 but I’m amazed how easy the migration was. Especially considering I moved a 11 year old blog with a ton of files and a huge SQL database.5
I’m happy. :-)
It’s green if you use Chrome or Firefox. Microsoft Edge and Apple Safari are much more subdued in how they display the padlock. ↩
Getting the domain is not included in the price. I already had brentlogan.com. ↩
I’m still wrapping my head around not having to minify and cache my files to get performance. No more trying to eek out the most performance using Autoptimize and W3 Total Cache on a shared server. ↩
I’m still working one more issue (now sorted) regarding the www version of my domain name and it’s somewhat hard because their support seems to be in UK and not 24/7. I haven’t yet determined if that’s too big a deal for me, but it might be for you. ↩
At least from my perspective. A 1.5 GB wp-content folder and a 0.5 GB database might not be large for you, but it did take a while to download. I stuck them in a dropbox so I didn’t have to try to email them. ↩
Over the years, this blog has gone through a lot of change. Quoting my about page:
I used be a “serious” blogger and wrote about politics and religion. Now I’m a snapshooter extraordinaire who takes pictures of the sky, buildings, and Dawson Creek Park. I also write about family vacations, bicycling, and other fun stuff we do.
Most of my posts are still available2 in the archives.3 Some of the posts I’m embarrassed about.4 Others, I’m amazed I took the time to write. The posts I enjoy the most are those about family vacations and pictures I’ve taken. I try to remember that when I click publish.
I expect to continue blogging, although I now repost a lot of my content elsewhere, and elsewhere is where most of my online interaction takes place.5
I wonder what changes the next ten years will bring to blogging.
I’ve deleted a couple parodies that were likely to be misinterpreted. The Internet lynch mob has limited sense of humor, no recognition of irony, and an insatiable appetite for outrage. No reason to feed the monster if I can avoid it. ↩
Yeah, the archives page is a little slow. I haven’t found a faster archives plugin that makes it so easy to access all the posts, so I put up with the slowness. ↩
I even experimented a couple of times with removing the comments from my blog. As I haven’t had to worry about comment trolls, I reactivated the comment section, and wait patiently for someone to comment. ;-) ↩
To improve the quality of my email subscription service, I’m now using MailChimp. Those of you who have already subscribed to my daily1 blog updates should not notice a difference, other than getting the emails more reliably. It seems that emails might not have been sent for over a week. If you didn’t get any, you could have missed:
Why You Hate Work. “The more effectively leaders and organizations support employees in meeting these core needs, the more likely the employees are to experience engagement, loyalty, job satisfaction and positive energy at work and the lower their perceived levels of stress.” Good stuff.
Evening Commute. A panorama picture from Dawson Creek Park. More experimentation is needed…
MailChimp provides an awesome service. They demand that emails be sent out only after double opt-in2 by all recipients. I believe that describes everyone already on my list. If you think you received this email by error or don’t remember signing up, please accept my apologies and feel free to click the unsubscribe link at the bottom of the email.
Those of you reading this on my blog who want to subscribe, please use the handy dandy subscription button at the bottom of this post. Thanks!
No more than once a day, and no email if there’s not a new post. ↩
I was using Feedburner to provide provide my email subscriptions. Rather than wait for Google to kill Feedburner,1 I have moved my email subscriptions to URI.LV. If all works as planned, those of you who subscribed to my blog will continue to get my new posts (including this one) without disruption. If not, I’ll have some debugging to do.
I also had been using Feedburner to serve my RSS feeds. Same dealio; now URI.LV is doing this.
The subscribe buttons at the top and left now connect to URI.LV’s email newsletter service. RSS feeds should be automatically go to the right place.
Fingers crossed. Looks like it worked. I’m so happy. :-)
1With Google killing Reader, Feedburner is next. Some would argue Feedburner has already received the fatal blow and we just don’t know it.
Ho! To celebrate the season,1 I’ve donned my Santa hat and activated the snow machine. *<:-)
I hope your holiday preparations are going well. I’m off to enjoy a mug of hot chocolate with a candy cane stirring stick. c[_]
Happy christmahannukwanzaadon/festivus! This is a yearly tradition. Thanks to the list I created last year, it’s easier to make all the necessary changes: here, Gravatar, Google profile, Twitter, Facebook, Pinterest, Disqus, Intense Debate, Diaspora… ↩