Aaron Parecki

#p3k

Day 48: Switching to Full Page Load "next" Paging #100DaysOfIndieWeb

For some reason, some of the time I've noticed that my "load more" links load completely the wrong content. These links previously would load the next page inline, and render the new content without a page load. I liked this as a compromise between traditional full pageload paging and infinite scroll. However, I've been seeing it behave strangely the last week or two, sometimes loading duplicate content, or the page scrolling strange after clicking it.
continue reading...

1 mention

Mon, Feb 6, 2017 9:49pm -08:00 #100daysofindieweb #p3k
Day 39: Including a Featured Photo when Syndicating an Article #100DaysOfIndieWeb

I've noticed a pattern in the blog posts that I write about these #100DaysOfIndieWeb updates, which is that I almost always include a photo in the article, most of the time embedded in the text. When I syndicate these articles to Twitter, I was previously only including the name of the post and the URL to the post, but I wanted to include the photo as well.Today I updated my syndication code to check for a "featured" photo when syndicating blog posts. It first checks for a "featured" property in the post's storage file. (So far I don't actually have any examples of storing it that way.) It then parses the post's HTML and checks if there is an image with the "u-featured" class. If so, it includes that image in the request to syndicate the post via silo.pub.Now my syndicated articles will include an image!
continue reading...

1 like 2 mentions

Sat, Jan 28, 2017 6:51pm -08:00 #100daysofindieweb #p3k
Day 33: Posting Recipes on my Website #100DaysOfIndieWeb

Over the last couple years I've occasionally posted a recipe on my website, but I'd always just done it as a plain text post, nothing fancy. Today I updated p3k to support a new post type, h-recipe. Now I can properly format and display recipes on my site!
continue reading...

3 mentions

Sun, Jan 22, 2017 4:20pm -08:00 #100daysofindieweb #recipe #p3k
Day 29: Better Media Support in p3k #100DaysOfIndieWeb

Today I worked on better media support. This involved a couple of changes.Reposting audio and video posts that show the player for the reposted mediaSupport for audio + photo posts (shows as an audio player with poster image)Support for video + audio + photo posts (shows as the video player with a hidden audio link for mf2 consumers)Fallback for browsers that don't support <video> or <audio> that includes a link to download the filesHere's an example of a reposted podcast episode. It includes the episode name and an <audio> tag which plays the episode inline.
continue reading...

1 like 3 mentions

Wed, Jan 18, 2017 12:06pm -08:00 #100daysofindieweb #p3k #podcast
Week in Review #100DaysOfIndieWeb

aaronparecki.comDay 18: I updated my reposts to show the full contents of the post I reposted rather than just the URL.Day 19: I updated my website to automatically fetch the contents of my reposted URLs when I make new reposts.Day 24: I updated my reply posts to be able to show the full contents of the post I'm replying to.Day 25: I updated my website to automatically fetch the contents of the posts I reply to.XRayDay 20: I added Instagram support to XRay, so now XRay returns data when given Instagram URLs.Day 21: I added Twitter support to XRay, although you need to pass your own OAuth keys to XRay in order for it to fetch tweets.Day 22: I updated a few things in XRay to make it easier to deploy to shared hosting, and simplified its dependencies.LibrariesDay 23: I published my timezone lookup tools as a standalone library, and updated XRay and Quill to use the library instead of the duplicated class.
continue reading...

Sat, Jan 14, 2017 10:48am -08:00 #100daysofindieweb #indieweb #xray #p3k
Day 25: Automatically Fetching Reply Contexts for p3k #100DaysOfIndieWeb

Today I worked on automatically expanding the contents of my reply contexts whenever a new post is created. I also have a utility to fetch the reply context for older posts. I ran it for the first page of replies on my replies feed, and I'm super excited that they are looking pretty good now!
continue reading...

3 mentions

Sat, Jan 14, 2017 10:36am -08:00 #100daysofindieweb #indieweb #p3k
Day 24: Displaying Reply Context in p3k #100DaysOfIndieWeb

Following last week's work on displaying full repost content, I modified those templates to be used to display reply context in my reply posts.
continue reading...

3 mentions

Fri, Jan 13, 2017 6:51pm -08:00 #100daysofindieweb #indieweb #p3k
Day 23: Open Sourcing my Timezone Library #100DaysOfIndieWeb

Today I published my code for finding the timezone of a specific location as a standalone library.
continue reading...

3 mentions

Thu, Jan 12, 2017 10:32am -08:00 #100daysofindieweb #indieweb #atlas #timezone #p3k
Day 22: XRay Ready for Deployment #100DaysOfIndieWeb

Today I made a few changes to XRay to make it easier to deploy in more kinds of environments. I also removed a bunch of CSS/JS dependencies and simplified the UI a bit.
continue reading...

3 mentions

Wed, Jan 11, 2017 10:19am -08:00 #xray #p3k #indieweb #100daysofindieweb #100daysofcode
Day 19: Automatically fetching reposted content #100DaysOfIndieWeb

Yesterday, I updated my website to show the full contents of reposts. Today, I took that to the next step, and I now automatically fetch the contents of reposts when they are made. I also expanded the repost display to include showing the photo if I reposted a photo!
continue reading...

5 mentions

Sun, Jan 8, 2017 3:29pm -08:00 #100daysofindieweb #p3k #indieweb
Day 18: Showing Full Repost Content in p3k #100DaysOfIndieWeb

At the beginning of last year when I was working on rebuilding p3k, I made the decision to drop showing the full contents of my reposts in favor of launching the new site sooner. It's been bugging me for a long time, since it means that my reposts aren't really reposts at all, they're just a list of links.Today I took the first step in showing the full contents of my reposts. Since my posts are all based on mf2 property storage, I updated my templates to display the post like one of my posts if the "repost-of" property is an object rather than just a string.Now my reposts look like this!
continue reading...

1 like 6 mentions

Sat, Jan 7, 2017 1:37pm -08:00 #indieweb #repost #p3k #100daysofindieweb
Week in Review #100DaysOfIndieWeb

aaronparecki.comDay 11: I dropped the web font in favor of a handful of system fonts for various platforms.Day 13: I added support for drawing curved maps lines to Atlas, which I use to generate the maps on my site. Now my travel plans show a nice line for each flight leg.Day 16: I improved the display of comments on my posts, including displaying some basic HTML formatting from comments, autolinking comment text, and showing images.
continue reading...

Fri, Jan 6, 2017 11:39am -08:00 #100daysofindieweb #indieweb #quill #p3k #ownyourgram #alexa #teacup
Day 16: Improved Comments Display for p3k #100DaysOfIndieWeb

Today I started autolinking the text in comments on my website, and made a couple other minor improvements to how they look.Previously, links, @-names and hashtags were rendered as plaintext, so comments weren't clickable.
continue reading...

2 replies 3 mentions

Thu, Jan 5, 2017 12:57pm -08:00 #p3k #indieweb #100daysofindieweb #100daysofcode
Day 11: Simpler fonts #100DaysOfIndieWeb

The other day I read a pretty funny blog post called "10 things I learned making the fastest site in the world". It's a little tongue in cheek, but overall has some good tips. One that caught my attention was the section on using web fonts.
continue reading...

2 mentions

Sat, Dec 31, 2016 1:58pm -08:00 #indieweb #p3k #100daysofindieweb #design
Week in Review #100DaysOfIndieWeb

Webmention.ioDay 3: The avatars for comments/likes/etc that Webmention.io processes will now always be 256 pixels maximum. This avoids showing potentially large images shrunk down when displaying comments.Day 10: HTML status pages for webmention.io
continue reading...

1 like 2 reposts 2 replies 1 mention

Fri, Dec 30, 2016 2:18pm -08:00 #100daysofindieweb #indieweb #webmention #quill #p3k
Day 8: Pinned Posts #100DaysOfIndieWeb

I've never really been a fan of using pinned posts on my Twitter profile, so I didn't expect this would be something I wanted on my own website. On my own home page I can just write whatever I want above my posts, so I don't really need "pinned posts" there either. However I just found a use for pinned posts, but not on my home page!I've been sharing the link to my 100 days tags with people as a way to share the content quickly. I wanted to be able to have a little intro post above the list of posts, and I realized that "pinned posts" matched the pattern of what I wanted pretty nicely! So now, on tag and channel pages on my site, I can mark a post as "pinned" and it will always show up on top! The first post I've pinned is on my #100DaysOfIndieWeb tag page.
continue reading...

4 mentions

Wed, Dec 28, 2016 9:06am -08:00 #pinned #100daysofindieweb #p3k #indieweb
Just installed my own copy of https://silo.pub and launched at https://silopub.p3k.io! Thought I'd share a screencast of how I configure my syndication endpoints in p3k.

Portland, Oregon, USA

1 like 1 repost 1 bookmark 1 reply 2 mentions

Tue, Nov 29, 2016 11:23am -08:00 #p3k #silopub #indieweb
Just finished implementing support for receiving Private Webmentions in https://webmention.io and my website! If you're using webmention.io, you will notice a new "private" property when you list mentions or get callbacks.

When you send a private webmention for a comment on one of my posts, you'll see the comment counter increment but you won't see the comment appear. When I log in, I will see the comment along with a little "lock" icon so that I know it's a private post.

Portland, Oregon, USA

Thu, Oct 20, 2016 12:45pm -07:00 #webmention #indieweb #private #p3k
First draft of Private Webmention sending

The thing I was most excited about at IndieWebCamp Brighton was coming up with a Private Webmention extension to Webmention. The version we outlined in Brighton was drastically simplified from previous iterations of potential ways to send private Webmentions.Nearly a week after speccing it out, I now have a first draft implementation of sending. My goal this week was to finish implementing sending private Webmentions, to get some real-world feedback on the spec.
continue reading...

8 likes 3 replies 2 mentions

Fri, Sep 30, 2016 2:31pm -07:00 #webmention #indiewebcamp #indieweb #private #p3k
A couple post-indiewebcamp hacks I did on the plane coming back:

• Updated layout of 3-up multiphoto posts
• Thanks to @adactio, I now ping archive.org with any URLs I link to in a post
• Fixed a bug with my inline "load more" links
• Again inspired by @adactio, my tag pages show a sparkline

Salt Lake City, Utah, USA

Tue, Sep 27, 2016 12:53am +01:00 #indiewebcamp #p3k

older