Skip to content

Instantly share code, notes, and snippets.

@phlummox
Forked from akaleeroy/Readable-Bookmarklet.md
Created July 9, 2023 07:13
Show Gist options
  • Save phlummox/c97e419ffa55cedd2c4a99adb6f76f6c to your computer and use it in GitHub Desktop.
Save phlummox/c97e419ffa55cedd2c4a99adb6f76f6c to your computer and use it in GitHub Desktop.

Revisions

  1. @akaleeroy akaleeroy revised this gist May 14, 2020. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion readable.min.js
    Original file line number Diff line number Diff line change
    @@ -1 +1 @@
    javascript:(function(){_readableOptions={text_font:"quote(Open Sans Light), quote(Lucida Sans Unicode), quote(Lucida Grande), Arial, Helvetica, sans-serif",text_font_monospace:"quote(Lucida Console), quote(Andale Mono), Monaco, monospace",text_font_header:"Tinos",text_size:"24px",text_line_height:"1.75",box_width:"30em",color_text:"#FDFDFD",color_background:"#000000",color_links:"#99CCFF",text_align:"normal",base:"blueprint",custom_css:"#box,#menu,#rtl_box{background-color:transparent}::-webkit-scrollbar,::-webkit-scrollbar-corner{background:#000!important}#floating{top:1em}#floating a{padding:0;color:#708090!important}#floating_close{font-size:0}#floating_close:before{content:quote(%C3%97);font-size:24px;padding-left:.45em;padding-right:.45em;margin-right:.7em;border:2px solid;border-radius:50%}#box_inner #menu a:hover,#floating a:hover{color:#a9a9a9!important}#menu,#rtl_box{border:2px solid #708090;border-radius:32px}#menu a,#rtl_box a{color:#708090;border-bottom:1px solid inherit;vertical-align:sub}@media (max-width:920px){#floating{right: -5px;}#floating a,#floating a:before{margin:0!important}}"};if(document.getElementsByTagName("body").length>0);else{return}if(window.$readable){if(window.$readable.bookmarkletTimer){return}}else{window.$readable={}}window.$readable.bookmarkletTimer=true;window.$readable.options=_readableOptions;if(window.$readable.bookmarkletClicked){window.$readable.bookmarkletClicked();return}_readableScript=document.createElement("script");_readableScript.setAttribute("src","//rdbl.us/target.js?rand="+encodeURIComponent(Math.random()));document.getElementsByTagName("body")[0].appendChild(_readableScript)})();
    javascript:(function(){_readableOptions={text_font:"quote(Open Sans Light), quote(Segoe UI Light), quote(Lucida Sans Unicode), quote(Lucida Grande), Arial, Helvetica, sans-serif",text_font_monospace:"quote(Lucida Console), quote(Andale Mono), Monaco, monospace",text_font_header:"Tinos",text_size:"24px",text_line_height:"1.75",box_width:"30em",color_text:"#FDFDFD",color_background:"#000000",color_links:"#99CCFF",text_align:"normal",base:"blueprint",custom_css:"#box,#menu,#rtl_box{background-color:transparent}::-webkit-scrollbar,::-webkit-scrollbar-corner{background:#000!important}#floating{top:1em}#floating a{padding:0;color:#708090!important}#floating_close{font-size:0}#floating_close:before{content:quote(×);font-size:24px;padding-left:.45em;padding-right:.45em;margin-right:.7em;border:2px solid;border-radius:50%}#box_inner #menu a:hover,#floating a:hover{color:#a9a9a9!important}#menu,#rtl_box{border:2px solid #708090;border-radius:32px}#menu a,#rtl_box a{color:#708090;border-bottom:1px solid inherit;vertical-align:sub}#my_news{visibility:hidden}pre{overflow-x:scroll;}@media (max-width:920px){#floating{right: -5px;}#floating a,#floating a:before{margin:0!important}}#text a{word-wrap:break-word}"};if(document.getElementsByTagName("body").length>0);else{return}if(window.$readable){if(window.$readable.bookmarkletTimer){return}}else{window.$readable={}}window.$readable.bookmarkletTimer=true;window.$readable.options=_readableOptions;if(window.$readable.bookmarkletClicked){window.$readable.bookmarkletClicked();return}_readableScript=document.createElement("script");_readableScript.setAttribute("src","//rdbl.us/target.js?rand="+encodeURIComponent(Math.random()));document.getElementsByTagName("body")[0].appendChild(_readableScript)})();
  2. @akaleeroy akaleeroy revised this gist Nov 29, 2018. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion Readable-Bookmarklet.md
    Original file line number Diff line number Diff line change
    @@ -23,4 +23,4 @@ Developed for bedtime reading at night with a laser [pico-projector](http://www.
    - Create a new bookmark in your browser, name it **Readable** or however you like
    - Paste the contents of `readable.min.js` below into the **URL** field (called **Location** in Firefox)

    :bulb: **Pro-Tip:** When on an ugly page there's no need to search for Readable in your bookmarks menus. Just start typing "readable" into Chrome's omnibox, or for Firefox assign it the keyword "readable"
    :bulb: **Pro-Tip:** When on an unreadable page there's no need to search for Readable in your bookmarks menus. Just start typing "readable" into Chrome's omnibox, or for Firefox assign it the keyword "readable"
  3. @akaleeroy akaleeroy revised this gist May 14, 2017. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion readable.min.js
    Original file line number Diff line number Diff line change
    @@ -1 +1 @@
    javascript:(function(){_readableOptions={text_font:"quote(Open Sans Light), quote(Lucida Sans Unicode), quote(Lucida Grande), Arial, Helvetica, sans-serif",text_font_monospace:"quote(Lucida Console), quote(Andale Mono), Monaco, monospace",text_font_header:"Tinos",text_size:"24px",text_line_height:"1.75",box_width:"30em",color_text:"#FDFDFD",color_background:"#000000",color_links:"#99CCFF",text_align:"normal",base:"blueprint",custom_css:"#box,#menu,#rtl_box{background-color:transparent}::-webkit-scrollbar,::-webkit-scrollbar-corner{background:#000!important}#floating{top:1em}#floating a{padding:0;color:#708090!important}#floating_close{font-size:0}#floating_close:before{content:quote(%C3%97);font-size:24px;padding-left:.45em;padding-right:.45em;margin-right:.7em;border:2px solid;border-radius:50%}#box_inner #menu a:hover,#floating a:hover{color:#a9a9a9!important}#menu,#rtl_box{border:2px solid #708090;border-radius:32px}#menu a,#rtl_box a{color:#708090;border-bottom:1px solid inherit;vertical-align:sub}"};if(document.getElementsByTagName("body").length>0);else{return}if(window.$readable){if(window.$readable.bookmarkletTimer){return}}else{window.$readable={}}window.$readable.bookmarkletTimer=true;window.$readable.options=_readableOptions;if(window.$readable.bookmarkletClicked){window.$readable.bookmarkletClicked();return}_readableScript=document.createElement("script");_readableScript.setAttribute("src","//rdbl.us/target.js?rand="+encodeURIComponent(Math.random()));document.getElementsByTagName("body")[0].appendChild(_readableScript)})();
    javascript:(function(){_readableOptions={text_font:"quote(Open Sans Light), quote(Lucida Sans Unicode), quote(Lucida Grande), Arial, Helvetica, sans-serif",text_font_monospace:"quote(Lucida Console), quote(Andale Mono), Monaco, monospace",text_font_header:"Tinos",text_size:"24px",text_line_height:"1.75",box_width:"30em",color_text:"#FDFDFD",color_background:"#000000",color_links:"#99CCFF",text_align:"normal",base:"blueprint",custom_css:"#box,#menu,#rtl_box{background-color:transparent}::-webkit-scrollbar,::-webkit-scrollbar-corner{background:#000!important}#floating{top:1em}#floating a{padding:0;color:#708090!important}#floating_close{font-size:0}#floating_close:before{content:quote(%C3%97);font-size:24px;padding-left:.45em;padding-right:.45em;margin-right:.7em;border:2px solid;border-radius:50%}#box_inner #menu a:hover,#floating a:hover{color:#a9a9a9!important}#menu,#rtl_box{border:2px solid #708090;border-radius:32px}#menu a,#rtl_box a{color:#708090;border-bottom:1px solid inherit;vertical-align:sub}@media (max-width:920px){#floating{right: -5px;}#floating a,#floating a:before{margin:0!important}}"};if(document.getElementsByTagName("body").length>0);else{return}if(window.$readable){if(window.$readable.bookmarkletTimer){return}}else{window.$readable={}}window.$readable.bookmarkletTimer=true;window.$readable.options=_readableOptions;if(window.$readable.bookmarkletClicked){window.$readable.bookmarkletClicked();return}_readableScript=document.createElement("script");_readableScript.setAttribute("src","//rdbl.us/target.js?rand="+encodeURIComponent(Math.random()));document.getElementsByTagName("body")[0].appendChild(_readableScript)})();
  4. @akaleeroy akaleeroy revised this gist Mar 1, 2017. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion Readable-Bookmarklet.md
    Original file line number Diff line number Diff line change
    @@ -12,7 +12,7 @@
    Dark theme by akaleeroy:

    - Uses Open Sans Light. If it's not installed it falls back to the default sans-serif font on your machine.
    - Displays text in <span style="font-family:Open Sans Light;">Open Sans Light</span>. If it's not installed it falls back to the default sans-serif font on your machine.
    - Custom CSS for more comfortable fullscreen reading in the dark.
    Developed for bedtime reading at night with a laser [pico-projector](http://www.projectorcentral.com/popular-pico-projectors.htm).
    - Uses rdbl.us instead of readable.tastefulwords.com because serving the resources from a `https://` address helps avoid [mixed content](https://developer.mozilla.org/en-US/docs/Web/Security/Mixed_content) blocking, thus allowing the bookmarklet to work on more sites.
  5. @akaleeroy akaleeroy revised this gist Mar 1, 2017. 1 changed file with 4 additions and 3 deletions.
    7 changes: 4 additions & 3 deletions Readable-Bookmarklet.md
    Original file line number Diff line number Diff line change
    @@ -12,14 +12,15 @@
    Dark theme by akaleeroy:

    - Uses [Open Sans Light](https://fonts.google.com/specimen/Open+Sans). You have to install it! Otherwise falls back on the default sans-serif fonts on your machine.
    - Uses Open Sans Light. If it's not installed it falls back to the default sans-serif font on your machine.
    - Custom CSS for more comfortable fullscreen reading in the dark.
    Developed for bedtime reading at night with a laser [pico-projector](http://www.projectorcentral.com/popular-pico-projectors.htm).
    - Uses rdbl.us instead of readable.tastefulwords.com because serving the resources from a `https://` URL helps avoid [mixed content](https://developer.mozilla.org/en-US/docs/Web/Security/Mixed_content) blocking, thus allowing the bookmarklet to work on more sites.
    - Uses rdbl.us instead of readable.tastefulwords.com because serving the resources from a `https://` address helps avoid [mixed content](https://developer.mozilla.org/en-US/docs/Web/Security/Mixed_content) blocking, thus allowing the bookmarklet to work on more sites.

    ## Usage

    - Install the [Open Sans](https://fonts.google.com/specimen/Open+Sans) font family.
    - Create a new bookmark in your browser, name it **Readable** or however you like
    - Paste the contents of `readable.min.js` below into the **URL** field (called **Location** in Firefox)

    :bulb: **Pro-Tip:** When on an ugly page there's no need to search for Readable in your bookmarks menus. Just start typing Readable into Chrome's omnibox, or for Firefox assign it the keyword "readable"
    :bulb: **Pro-Tip:** When on an ugly page there's no need to search for Readable in your bookmarks menus. Just start typing "readable" into Chrome's omnibox, or for Firefox assign it the keyword "readable"
  6. @akaleeroy akaleeroy revised this gist Mar 1, 2017. 2 changed files with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion Readable-Bookmarklet.md
    Original file line number Diff line number Diff line change
    @@ -20,6 +20,6 @@ Developed for bedtime reading at night with a laser [pico-projector](http://www.
    ## Usage

    - Create a new bookmark in your browser, name it **Readable** or however you like
    - Paste the contents of `rdbl.min.js` below into the **URL** field (called **Location** in Firefox)
    - Paste the contents of `readable.min.js` below into the **URL** field (called **Location** in Firefox)

    :bulb: **Pro-Tip:** When on an ugly page there's no need to search for Readable in your bookmarks menus. Just start typing Readable into Chrome's omnibox, or for Firefox assign it the keyword "readable"
    File renamed without changes.
  7. @akaleeroy akaleeroy created this gist Mar 1, 2017.
    25 changes: 25 additions & 0 deletions Readable-Bookmarklet.md
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,25 @@
    # Readable Bookmarklet

    <kbd>Bookmarklet</kbd> <kbd>Browser</kbd> <kbd>Enhancement</kbd> <kbd>Readability</kbd>

    ![Readable dark theme](http://i.imgur.com/mc28bUS.png)

    [rdbl.us](https://rdbl.us/)

    > **Readable** is an application that helps you read more of the web. It reformats text — on any website — according to your exact specifications.
    > [Readable](http://readable.tastefulwords.com) is originally by Gabriel Coarna, and is licensed under the [Creative Commons Attribution-NonCommercial-ShareAlike](http://creativecommons.org/licenses/by-nc-sa/3.0/) license. Modifications to Readable made by [lordastley](https://github.com/lordastley/readable).
    Dark theme by akaleeroy:

    - Uses [Open Sans Light](https://fonts.google.com/specimen/Open+Sans). You have to install it! Otherwise falls back on the default sans-serif fonts on your machine.
    - Custom CSS for more comfortable fullscreen reading in the dark.
    Developed for bedtime reading at night with a laser [pico-projector](http://www.projectorcentral.com/popular-pico-projectors.htm).
    - Uses rdbl.us instead of readable.tastefulwords.com because serving the resources from a `https://` URL helps avoid [mixed content](https://developer.mozilla.org/en-US/docs/Web/Security/Mixed_content) blocking, thus allowing the bookmarklet to work on more sites.

    ## Usage

    - Create a new bookmark in your browser, name it **Readable** or however you like
    - Paste the contents of `rdbl.min.js` below into the **URL** field (called **Location** in Firefox)

    :bulb: **Pro-Tip:** When on an ugly page there's no need to search for Readable in your bookmarks menus. Just start typing Readable into Chrome's omnibox, or for Firefox assign it the keyword "readable"
    1 change: 1 addition & 0 deletions rdbl.min.js
    Original file line number Diff line number Diff line change
    @@ -0,0 +1 @@
    javascript:(function(){_readableOptions={text_font:"quote(Open Sans Light), quote(Lucida Sans Unicode), quote(Lucida Grande), Arial, Helvetica, sans-serif",text_font_monospace:"quote(Lucida Console), quote(Andale Mono), Monaco, monospace",text_font_header:"Tinos",text_size:"24px",text_line_height:"1.75",box_width:"30em",color_text:"#FDFDFD",color_background:"#000000",color_links:"#99CCFF",text_align:"normal",base:"blueprint",custom_css:"#box,#menu,#rtl_box{background-color:transparent}::-webkit-scrollbar,::-webkit-scrollbar-corner{background:#000!important}#floating{top:1em}#floating a{padding:0;color:#708090!important}#floating_close{font-size:0}#floating_close:before{content:quote(%C3%97);font-size:24px;padding-left:.45em;padding-right:.45em;margin-right:.7em;border:2px solid;border-radius:50%}#box_inner #menu a:hover,#floating a:hover{color:#a9a9a9!important}#menu,#rtl_box{border:2px solid #708090;border-radius:32px}#menu a,#rtl_box a{color:#708090;border-bottom:1px solid inherit;vertical-align:sub}"};if(document.getElementsByTagName("body").length>0);else{return}if(window.$readable){if(window.$readable.bookmarkletTimer){return}}else{window.$readable={}}window.$readable.bookmarkletTimer=true;window.$readable.options=_readableOptions;if(window.$readable.bookmarkletClicked){window.$readable.bookmarkletClicked();return}_readableScript=document.createElement("script");_readableScript.setAttribute("src","//rdbl.us/target.js?rand="+encodeURIComponent(Math.random()));document.getElementsByTagName("body")[0].appendChild(_readableScript)})();