This userscript turns the Instapaper website into a single-column UI which is more suitable when using Instapaper as a Fluid.app SSB. It also adds an unread count badge to the dock icon.
- Create a new Fluid app.
- Enter
http://instapaper.com/u
as the URL and then enter a name (such asInstapaper
). - Once the app is created, go up to the Scripts menu and choose New Userscript....
- Name the script whatever you want (such as
Instapaper
). - In the blank script that appears, copy/paste the entire contents of
instapaper-fluid.user.js
. - Save the script and restart the Fluid app.
- (Optional) To make links open in the default browser rather than inside the Fluid app: open to the app's Preferences panel, go the Advanced section, and choose
[Allow] browsing to URLs mathing these patterns:
then enter the following patterns:http*://*.instapaper.com/browse*
http*://*.instapaper.com/u*
http*://*.instapaper.com/user*
http*://*.instapaper.com/edit*
http*://*.instapaper.com/archive*
http*://*.instapaper.com/delete*
http*://*.instapaper.com/starred*
http*://*.instapaper.com/liked*
http*://*.instapaper.com/skip*
http*://*.instapaper.com/add*
http*://*.instapaper.com/
http*://*.instapaper.com
The unread count badge only appears on the dock icon when in the Unread section. Also, the unread count only reflects the number of articles on the current page (Instapaper.com shows 40 articles per page).
On the full Instapaper site, the folders list is in the sidebar. Since the sidebar is removed in this userscript, the folders list has been moved to the main navigation bar, but only appears when in the Unread section; clicking Folders toggles the folders list (see screenshot below).
The included .icns
file contains a custom 16-pixel icon which will appear in the Mac menubar when using the Fluid app in MenuExtra mode (Instapaper Menu > Convert to MenuExtra SSB...). All other sizes in the icon file utilize the official Instapaper icon which is a copyright of Instapaper, LLC.