My Semantic IndieWeb Theme currently being used for the site has been updated to provide a more responsive design. On landscape tablet or wider screens, the author card now displays in a column on the right side of the screen. On smaller devices, such as ones phone, the author card will continue to render at the end of the page.
There is a fair amount of yet-to-be-used whitespace under the author card in the wide screen view.While waiting at the local Panera Bread shop for my lunch order, I noticed a fellow patron who was wearing a Miskatonic Observatory t-shirt. It made my day.Today I realized that I had incorrectly set up a permalinks definition for the posts section of the website in a way that left the posts/ folder out of the generated path name. That wasn't how I intended the site to be laid out on-disk.
Since my content organization was the way I wanted things to end up, the permalinks definition was redundant as well as incorrect. However, I realized that I couldn't just remove it, as any-and-all links that I had previously shared on Mastodon would be broken!
Inspired by the many blog sites out there that display a series of icons
linking to the site author's other sites and social media profiles, I
set out to add the same to my site.
Apparently, LinkedIn doesn't actually support With the update of the site to use my new (work-in-progress) theme with IndieWeb support, I have now completed both Level 1 checkpoints from IndieWebify Me:
Get your own domain name Set up Web Sign In I can successfully authenticate using my website URL on IndieAuth.
Soon to come: adding h-card and h-entry microformat markups to better integrate wtih other IndieWeb sites.Site has been update to use my new work-in-progress Semantic IndieWeb theme. This brings configurable rel="me" tags as <link>...</link> blocks in the <head>...</head> of each page, enabling IndieWeb authentication.I spent a good part of the weekend working in Draw.io on site layout designs. Following general Responsive Design best practices, I started with a layout for a mobile device. Once I had a layout that I liked for a small device, I expanded it for a wider-screen display.
Mobile Layout/Design Wide-screen Layout/Design Next up: cloning my basic theme to start adding in the CSS to get a responsive design implementation going.I just pushed up tag v0.1.5 of my Basic Hugo Theme.
From the README:
While the official documentation about Hugo Templates does provide all of the pieces to get started creating a theme, it doesn’t necessarily put them together in one, easy-to-see-together place. This theme attempts to pull all of the necessary pieces together into a theme that can be used as a starting point to create more sophisticated themes.It took several days of tweaking layout files to get the data laying out the way I'd like, but I have finally gotten my résumé imported into the web-site. I started with the data that I have long had public on my LinkedIn Profile, cleaned up some ancient cut-and-paste issues that snuck into it, and added a bunch of additional descriptive text for what I've currently been doing at work.
rel="me" links back to ones
personal website(s). How very disappointing.