One of the few things about this page that I've actually taken pride in was the minimal amounts of HTML that was used to throw it together. Search Engine Optimization and Accessibility threw that out the window. 51 out of 69 lines of the source code for the page that you're reading this on is all SEO, A11y and Google Analytics. Why does Apple need 9 different icons to be able to show my pretty face in the tab/bookmark/whatever?
But, hey, good news: Now, when you share a link to this page on social media, the person getting the link gets to see a snapshot of your gorgeous, humble narrator and a hastily and poorly written summary of the page!
Let's go back to the length of HTML. This page has, like, almost none. I think it's pretty nifty. Here's the actual source code for it as of the time of this blog:
<div class="navBar"> <header class="tracking-in-expand">mclamb.org</header> <a href="contact.html">Contact Me</a> <a href="resume.html">Resume</a> <a href="index.html">Home</a> </div> <div id="blog"></div>
That's it! The name of my site with a class tag, a few links and an empty <div>! Everything else is done in CSS or JavaScript. JavaScript uses Google's Blogger API to get all of the data about my blog (e.g. title, ID, author, date published, etc.), then takes the information that I want to share here, wraps some HTML tags around it, then inserts it into that <div>. CSS tidies everything up and makes it look nice and pretty. All in all, this has been a fun, only occasionally stressful, usage of my downtime.