Don Geronimo
webdesign Taxonomies
πŸ“„ Thoughts on Infinite Scroll Pagination

0 πŸ’• 0 ↩️ 0 πŸ”„

I’ve looked over Mike Roibu’s post, Infinite Scrolling Pagination in Hugo Website. More or less I like the idea of it, and I’m trying to flesh out an idea for how I want to paginate for my site.

0 ⭐ 0 ↩️ 0 πŸ”„
Full Post View on Twitter View on Mastodon
Don Geronimo

πŸ“· Doing Everything but Javascript

0 πŸ’• 0 ↩️ 0 πŸ”„
Alt Text
I worked on the HTML and CSS of the Search Results page instead of implementing the JavaScript part of Lunr.js. At least it looks okay? Everything else is left, though.
0 ⭐ 0 ↩️ 0 πŸ”„
Full Post View on Twitter View on Mastodon
Don Geronimo

πŸ’¬ Breadcrumbs Added

0 πŸ’• 0 ↩️ 0 πŸ”„

Breadcrumbs added. I get it’s not that interesting of an addition, but there it is. Next goal: get my own search feature using probably Lunr.js.

0 ⭐ 0 ↩️ 0 πŸ”„
Full Post View on Twitter View on Mastodon
Don Geronimo

πŸ’¬ Lazy Loading Woes

0 πŸ’• 0 ↩️ 0 πŸ”„

Man, I like the idea of having the images on my site be lazy loaded, but I don’t like the idea of depending on JavaScript for it, or any of the ways to fall back at the moment if someone chooses (because of browser choices, privacy concerns, or what-have-them) to disable JavaScript.

0 ⭐ 0 ↩️ 0 πŸ”„
Full Post View on Twitter View on Mastodon
Don Geronimo

πŸ“„ Got Flights Added to My Website

0 πŸ’• 0 ↩️ 0 πŸ”„

So after some thought I finally have flights on my site!

0 ⭐ 0 ↩️ 0 πŸ”„
Full Post View on Twitter View on Mastodon
Don Geronimo

πŸ’¬ Metadata Internal Screaming

0 πŸ’• 0 ↩️ 0 πŸ”„

RDFa Validator: Your nodes all check out!

Google SDTT: So MaNy ErRoRs; YoU’rE a FaIlUrE!

Me: *internal screaming*

0 ⭐ 0 ↩️ 0 πŸ”„
Full Post View on Twitter View on Mastodon
Don Geronimo

πŸ’¬ Merged Flights Into Master

0 πŸ’• 0 ↩️ 0 πŸ”„

After some tidying I’ve finished merging β€˜flights’ into my β€˜master’ branch, thus finishing an ability to post Flights from my website. While the initial presentation of data is sparse, this lays the groundwork to owning my flight data instead of relying on a third service to store and present it.

0 ⭐ 0 ↩️ 0 πŸ”„
Full Post View on Twitter View on Mastodon
Don Geronimo

πŸ“· Finishing Up Single Page Flights

0 πŸ’• 0 ↩️ 0 πŸ”„
Alt Text
After a bit of mucking about I’ve more-or-less finished the look I want to display Flights as a single-page template! I want to do some tweaks (and do some data transforms–because who wants flight time in seconds), though.
0 ⭐ 0 ↩️ 0 πŸ”„
Full Post View on Twitter View on Mastodon
Don Geronimo

πŸ“„ Starting to Add Flight Logs

0 πŸ’• 0 ↩️ 0 πŸ”„

MyFlightradar24 is the only silo–if it can be counted as one–that I consistently use. Its presentation of my flight data is wonderful, but I feel like I could do it myself on my own site. Today, I’ve opened up my flights branch so I can finally sort out what I need to make this happen!

0 ⭐ 0 ↩️ 0 πŸ”„
Full Post View on Twitter View on Mastodon
Don Geronimo

πŸ’¬ Added Search Powered by DuckDuckGo

0 πŸ’• 0 ↩️ 0 πŸ”„

I’ve added a search bar to my site’s main navigation that’s powered by DuckDuckGo. Its styling doesn’t look quite right to me when on a desktop, though, and while it looks more at-home on mobile it also doesn’t feel quite correct. Perhaps, though, I’m being overcritical.

0 ⭐ 0 ↩️ 0 πŸ”„
Full Post View on Twitter View on Mastodon
Don Geronimo

πŸ“· Finished 'Send Webmentions' Form

0 πŸ’• 0 ↩️ 0 πŸ”„
A screenshot of my website showing how the 'Send Webmention' form looks on the page: a full-width 'text bar' with placeholder text and a Satellite Dish emoji on the right colored yellow.
Add the Webmention Sending Form to all Single Page Content Templates. While in theory it will send the webmention to Webmention.io, I don’t know what happens afterwards. The best test would probably be to just try it and see. Until then I’ll keep it branched before I merge the changes into my site.
0 ⭐ 0 ↩️ 0 πŸ”„
Full Post View on Twitter View on Mastodon
Don Geronimo

πŸ’¬ Image Resize and Tidy

0 πŸ’• 0 ↩️ 0 πŸ”„

I’ve sorted out how to have Hugo resize images larger than 1,080 pixels in width/height, and also started using HTML Tidy to clean up my generated pages. They weren’t itches I knew I had earlier this month, but they’re scratched now.

0 ⭐ 0 ↩️ 0 πŸ”„
Full Post View on Twitter View on Mastodon
Don Geronimo

πŸ“„ State of My Website December 2019

0 πŸ’• 0 ↩️ 0 πŸ”„

It’s only been about a month since I’ve had my new domain up and a website created using Hugo, but I already feel like I got a lot done with it.

0 ⭐ 0 ↩️ 0 πŸ”„
Full Post View on Twitter View on Mastodon
Don Geronimo

πŸ’¬ So Much Metadata

0 πŸ’• 0 ↩️ 0 πŸ”„

So much metadata, but now all the posting types have additional metadata in the form of OpenGraph (Facebook), Twitter Cards (Twitter), and Schema.org (Google). But man, that was a total slog to actually make sure it all works.

0 ⭐ 0 ↩️ 0 πŸ”„
Full Post View on Twitter View on Mastodon
Don Geronimo

πŸ’¬ Just Added 'View on Silo' Links

0 πŸ’• 0 ↩️ 0 πŸ”„

Just added β€˜View on Silo’ links. Currently it reads a syndication link of a post. If it recognizes the host it will show a link with β€˜View on…’ as a title attribute and text. It’d be nicer if it was more actionable than that, but that’s a next step. Also, there’s a mysterious margin on the Timeline for the buttons and I can’t sort out which property is affecting it.

0 ⭐ 0 ↩️ 0 πŸ”„
Full Post View on Twitter View on Mastodon
Don Geronimo

πŸ’¬ I Added Taxonomies to my Site

0 πŸ’• 0 ↩️ 0 πŸ”„

I added taxonomies to my site! To do it I did a bit of creative fooling around (oh murr) with Hugo and the HTML details tag to show/hide my site’s sections (called Types on my site) and tags. Next up: show a β€˜View on Twitter/Mastodon’ button.

0 ⭐ 0 ↩️ 0 πŸ”„
Full Post View on Twitter View on Mastodon
Don Geronimo

πŸ“„ Start of My IndieWeb Journey

0 πŸ’• 0 ↩️ 0 πŸ”„

After thinking about the goals I wanted for my online presence, I went to the IndieWeb site and sorted through the process of getting myself on the Indie Web.

0 ⭐ 0 ↩️ 0 πŸ”„
Full Post View on Twitter View on Mastodon
Don Geronimo

πŸ”– Metadata markup

0 πŸ’• 0 ↩️ 0 πŸ”„
0 ⭐ 0 ↩️ 0 πŸ”„
Full Post
Don Geronimo

⭐ Deep Dive CSS: Font Metrics, line-height and vertical-align

0 πŸ’• 0 ↩️ 0 πŸ”„
0 ⭐ 0 ↩️ 0 πŸ”„
Full Post
Don Geronimo

πŸ’¬ Mary and Joseph, Angelfire Still Exists

0 πŸ’• 0 ↩️ 0 πŸ”„

Mary and Joseph. Angelfire still exists and offers free websites, except it’s everything from its past glory plus HTML5! Why would I need WP/Hugo/Angular/AMP when I could have Angelfire Site Builder?!

0 ⭐ 0 ↩️ 0 πŸ”„
Full Post View on Twitter View on Mastodon
Don Geronimo

πŸ’¬ Finished Check-Ins

0 πŸ’• 0 ↩️ 0 πŸ”„

Finished check-ins. I’m utilizing Leaflet for an interactive map on single pages and a static image as a fallback, for feeds, and for microformat consumption. This brings my list of types of postable content to 6: Check-Ins, Likes, Notes (equivalent to Toots/Tweets, Re-Post-able), Photo (singular, more like Instagram, Re-Post-able), Posts (blog post/article, Re-Post-able), and Replies.

0 ⭐ 0 ↩️ 0 πŸ”„
Full Post View on Twitter View on Mastodon
Don Geronimo

πŸ’¬ Imported Old DAT Posts

0 πŸ’• 0 ↩️ 0 πŸ”„

I went through some older DAT posts and imported them into my site. Originally I had posts as single DAT archives and only accessible through Beaker Browser. I’ve lost the one-DAT-per-post mentality, but now it’s accessible through whichever means you can reach my URL.

0 ⭐ 0 ↩️ 0 πŸ”„
Full Post View on Twitter View on Mastodon
Don Geronimo

πŸ’¬ Finished Setting Up Hugo

0 πŸ’• 0 ↩️ 0 πŸ”„

Finished setting up Hugo for my static site. Beforehand I was pretty determined on just doing everything by hand. Until, well, I spent more time updating HTML than creating content. I’m glad I did this sooner than later.

0 ⭐ 0 ↩️ 0 πŸ”„
Full Post View on Twitter View on Mastodon
Don Geronimo

πŸ’¬ Derp

0 πŸ’• 0 ↩️ 0 πŸ”„

Derp. So it turns out I was properly linking to other posts for Webmentions to work. Thing is I can’t use Telegraph to send mentions to myself. Using curl worked, and Webmention.io picked it up properly.

0 ⭐ 0 ↩️ 0 πŸ”„
Full Post
Don Geronimo

πŸ’¬ Icon attribution footer is done!

0 πŸ’• 0 ↩️ 0 πŸ”„

Icon attribution footer is done! Now it’s just time to make a pretty theme, import my old posts, make a few new ones, and then figure out Webmention support for this static site.

0 ⭐ 0 ↩️ 0 πŸ”„
Full Post
Don Geronimo

πŸ’¬ Just finished the CSS

0 πŸ’• 0 ↩️ 0 πŸ”„

Just finished the CSS; icon attribution next. I want to get either the harder parts or the most boring parts taken care of first before moving into fun things. I need to create an area in the footer to access the CC Attributions for the icons I’m using, then need to sort out WebMentions. But, honestly? I may just decide to work on theming (and replacing the text with icons on mobile for the menu).

0 ⭐ 0 ↩️ 0 πŸ”„
Full Post
Don Geronimo

πŸ’¬ Wah! That was a slog.

0 πŸ’• 0 ↩️ 0 πŸ”„

Wah! That was a slog. But at least I got the sections that I think want set up for the site, and things would be relatively okay for posting and creating content on, now! Before I continue on, I’m gonna try to tweak the CSS for responsiveness (because there is no responsive design at all at the moment).

0 ⭐ 0 ↩️ 0 πŸ”„
Full Post
Don Geronimo

πŸ“„ A New Domain!

0 πŸ’• 0 ↩️ 0 πŸ”„

This has been on my list for a while, but I finally got myself a new domain.

0 ⭐ 0 ↩️ 0 πŸ”„
Full Post
Don Geronimo

πŸ“„ Bless the Gods for CSS Flex Boxes!

0 πŸ’• 0 ↩️ 0 πŸ”„

I love that Flex Boxes exist. It makes it pretty fun to create new layouts and styles, and is definitely going to be part of my toolkit from now on. Of course, my first test with it is not the standard column layouts with resizable widths, but instead is a fixed-width tile style reminiscent of the Metro Design Language. Is it accessible? Well, the structure looks okay without styles. Is it pretty? I think so.

0 ⭐ 0 ↩️ 0 πŸ”„
Full Post
Don Geronimo