Into the Personal-Website-Verse · Matthias Ott – User Experience Designer

There is one alternative to social media sites and publishing platforms that has been around since the early, innocent days of the web. It is an alternative that provides immense freedom and control: The personal website. It’s a place to write, create, and share whatever you like, without the need to ask for anyone’s permission.

A wonderful and inspiring call to arms for having your own website—a place to express yourself, and a playground, all rolled into one.

Building and maintaining your personal website is an investment that is challenging and can feel laborious at times. Be prepared for that. But what you will learn along the way does easily make up for all the effort and makes the journey more than worthwhile.

#indieweb #personal #publishing #writing #sharing #control #longevity #community #creativity
#IndieWebCamp Düsseldorf hack day “quick” addition:
New @TronLegacy inspired theme, using
+1 hyperlink on home page
+1 #CSS style rule
Thanks to #HTMLfirst, #CSSVariables, and @ColorsEffect!

https://twitter.com/ColorsEffect/status/1114584965218312194
#TRON #TRONLegacy #ENDOFLINE 🔵
#IndieWebCamp #CSS #HTMLfirst #CSSVariables #TRON #TRONLegacy #ENDOFLINE
#IndieWebCamp Düsseldorf hack day “quick” addition:
New @TronLegacy inspired theme, using
+1 hyperlink on home page
+1 #CSS style rule
Thanks to #HTMLfirst, #CSSVariables, and @ColorsEffect!

https://twitter.com/ColorsEffect/status/1114584965218312194
#TRON #TRONLegacy #ENDOFLINE 🔵
#IndieWebCamp #CSS #HTMLfirst #CSSVariables #TRON #TRONLegacy #ENDOFLINE
#IndieWebCamp Düsseldorf hack day minor site improvements:
* better #webactions text symbols ♥♺↵  https://indieweb.org/webactions#emoji_text_labels
* better reply-context symbol ↳ https://indieweb.org/reply-context#Minimal_text_reply_contexts

and figured out flex>grid>flex CSS for table>tr>td for @aaronpk monthly archives.
#IndieWebCamp #webactions
Second #IndieWebCamp hack day project: how to quickly get started using an IndieWeb reader.

• start with a blank HTML file
• add a rel=me link to your GitHub profile, and make sure your GitHub profile links back
• add a couple `<link>` tags for indieauth.com
• sign in to https://aperture.p3k.io
• add the `<link>` tag it generates for you
• sign in to an IndieWeb reader!

More details at: https://indieweb.org/Microsub#Getting_Started
#IndieWebCamp #microsub #indiewebcamp #indieweb
First #IndieWebCamp hack day project complete! I'm finally starting to get an understanding of CSS Grid.

Thanks to help from @tantek I was able to fix the display of my monthly calendars at https://aaronparecki.com/2019/04 by switching from table display to flex>grid>flex with table>tr>td markup. Kept the table markup and was able to remove one level of nested divs inside too!

The <table> element is a flexbox, the <tr>s are a grid, and the <td>s inside are a flexbox. This lets the rows of the calendar vary in height, but forces the height of the cells of each row to be the same height. Finally the city names at the bottom are able to be "stuck" to the bottom of the cell.
#IndieWebCamp #indiewebcamp #table #css #cssgrid

Automating Listen posts

Getting my podcast listening history out of Overcast and into this site has been going swimmingly since I started a couple of months ago. I had to do everything manually, but that was OK as it gave me the chance to check that it was indeed all going swimmingly. While my friends have been sharing all their great ideas for the hack day at this weekend's IndieWebCamp in Düsseldorf, earlier this week I decided that the time was right to start automating my Listens posts. This was prompted by the podcast Automators #22: Text Expansion, co-hosted by one of those friends. More this way ...

Brendan Dawes - Permission to Write Stuff

A beautiful post by Brendan, comparing the ease of publishing on the web to the original Flip camera:

Right now there’s a real renaissance of people getting back to blogging on their own sites again. If you’ve been putting it off, think about the beauty and simplicity of that red button, press it, and try and help make the web the place it was always meant to be.

#flip #camera #indieweb #publishing #blogging #writing #sharing
Photos from IndieWebCamp Düsseldorf day 1 are already posted! 📷 https://www.flickr.com/photos/tollwerk/albums/72157691376106913 Thanks to our amazing photographer @iwontsignuphere
In #IndieWebCamp Düsseldorf session on SSG #CMS #WebHosting, common theme keeps coming up as a reason to minimize maintenance #devops #admintax, because:
 “I like going hiking in the woods.”
as an example of personal time priorities. #selfcare
#IndieWebCamp #CMS #WebHosting #devops #admintax #selfcare
In #IndieWebCamp Düsseldorf session on #URLs and #URLdesign, I asked discussion leader @sonniesedge to please use a browser (when presenting) that actually shows the URL (as opposed to Safari which hides the URL on desktop).
So she opened #Firefox Developer Edition!
#IndieWebCamp #URLs #URLdesign #Firefox

Innovation Systems and System Network Agent Theory and #IndieWeb

IndieWeb Summit 2016 Demo

Attending IndieWeb Summit 2016

Attending IndieWebCamp SF 2015

#5395

#5392

#5391

I'm going!

Let’s try a Saturday afternoon!

From 1-3pm, join us for an IndieWeb Meetup at Think Coffee on 8th Av at 14th St in Manhattan!

Come work on your personal website, whether it exists yet or not!

This post from Calum finally brought out the FOMO I had been suppressing for IndieWebCamp Berlin.

Really looking forward to the 2019 IndieWeb Summit June 29-30th in Portland!

https://calumryan.com/blog/indiewebcamp-berlin-2019/