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 rel="me" links back to ones
personal website(s). How very disappointing.
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.Site upgraded to Hugo 0.60.0, using the new Goldmark markdown library Updated Netlify build options resulting in a more minified HTML deploymend Updated to v0.1.4 of my custom Hugo theme The new Goldmark renderer disallows inline HTML by default, which broke my current rel="me” back-link to my Mastodon profile. Until I update my custom theme to provide better IndieWeb hooks via layout templates, I ended up having to update my config.I have successfully linked my website with my @kcoram@librem.one profile on the Librem One Mastodon instance (a.k.a Librem Social). The link back to the website shows as verified!