Maxvoltar

So I made a Userscript that applies an entirely new layout to Instapaper, styled especially for Fluid’s MenuExtra feature. Love it or hate it, it was a fun experience.

The end result:

Howto

• Download and launch Fluid.
• Enter following details:
  • URL
    http://www.instapaper.com/
  • Name
    Instapaper
  • Location
    Applications
  • Icon
    Download
• Press “Create” and then “Launch Now”
• Copy following URL and paste it in a new tab in the address bar:
  http://www.maxvoltar.com/files/instapaperfluid/instapaperfluid.user.js
• You should get a popup. Press “Install”
• Close the tab you just opened, and refresh your main tab. Already looking good, huh?!
• Go to Settings > Advanced, and set the app to only allow pages matching this pattern: *instapaper.com/u*
• In your menubar, click on “Instapaper” and select “Convert to MenuExtra SSB…”
• The app will relaunch itself.
• Done.

Files

If you want you can take a look at the original files. All credits for the Userscript go to Jon Hicks, from who I blatantly copied his original one and only changed some URL’s.

• instapaperfluid.user.js
• instapaperfluid.css

Even more…

I uploaded another userscript that’ll refresh the page every 30 minutes (so you don’t have to).

Copy and install:
http://www.maxvoltar.com/files/instapaperfluid/autorefresh.user.js

It’s based on this userscript. I only changed the amount of time.

(I also used this for the Mint Leaves app)

Update (October 7th)

I’ve changed the default styling a bit in case the Instapaper peeps would add features. Also did some fine-tuning. No need to reinstall, just refresh and you have the latest styling.