mirror of
https://github.com/TristanH/bookcision.git
synced 2021-07-26 20:46:03 +03:00
add reinstallation message to landing page
This commit is contained in:
Tristan Homsi
158
site/index.html
158
site/index.html
@@ -1,82 +1,134 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>Bookcision: Export/Download Your Kindle Highlights</title>
|
||||
<head>
|
||||
<title>Bookcision: Export/Download Your Kindle Highlights</title>
|
||||
|
||||
<link href="https://bookcision.readwise.io/site/index.css" media="screen" rel="stylesheet" type="text/css" />
|
||||
<link href="https://bookcision.readwise.io/site/index.css" media="screen" rel="stylesheet" type="text/css" />
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="https://cloud.typography.com/84606/6367192/css/fonts.css" />
|
||||
<link rel="stylesheet" type="text/css" href="https://cloud.typography.com/84606/6367192/css/fonts.css" />
|
||||
|
||||
</head>
|
||||
|
||||
|
||||
<body id='bookcision_landing_page'>
|
||||
</head>
|
||||
|
||||
|
||||
<body id='bookcision_landing_page'>
|
||||
<nav class="apps">
|
||||
<ul>
|
||||
<div id="nav_items" style="float: left;">
|
||||
<li><a href="https://github.com/TristanH/bookcision" target="_blank">Open Source & Available on Github</a></li>
|
||||
</div>
|
||||
<ul>
|
||||
<div id="nav_items" style="float: left;">
|
||||
<li><a href="https://github.com/TristanH/bookcision" target="_blank">Open Source & Available on Github</a></li>
|
||||
</div>
|
||||
|
||||
<div id="nav_items">
|
||||
<li><a href="https://readwise.io?ref=bookcision" target="_blank">Want to get the most out of your Kindle highlights? Try <b style="color: orange; text-decoration: underline;">Readwise</b></a></li>
|
||||
</div>
|
||||
</ul>
|
||||
<div id="nav_items">
|
||||
<li><a href="https://readwise.io?ref=bookcision" target="_blank">Want to get the most out of your Kindle highlights? Try <b style="color: orange; text-decoration: underline;">Readwise</b></a></li>
|
||||
</div>
|
||||
</ul>
|
||||
</nav>
|
||||
<div id='logo'>
|
||||
<img id='bookcision_lettering' src='https://bookcision.readwise.io/site/images/bookcision_lettering.png' alt='Bookcision' width='141' height='16' />
|
||||
<img id='product_logo' src='https://bookcision.readwise.io/site/images/bookcision_logo.png' alt='Bookcision Logo' width='145' height='145' />
|
||||
<img id='platforms_lettering' src='https://bookcision.readwise.io/site/images/platforms_lettering.png' alt='For PC and Mac.' width='152' height='16' />
|
||||
<img id='bookcision_lettering' src='https://bookcision.readwise.io/site/images/bookcision_lettering.png' alt='Bookcision' width='141' height='16' />
|
||||
<img id='product_logo' src='https://bookcision.readwise.io/site/images/bookcision_logo.png' alt='Bookcision Logo' width='145' height='145' />
|
||||
<img id='platforms_lettering' src='https://bookcision.readwise.io/site/images/platforms_lettering.png' alt='For PC and Mac.' width='152' height='16' />
|
||||
</div>
|
||||
|
||||
<div id='content'>
|
||||
<h1>Get your Kindle highlights<br />
|
||||
out of the cloud and onto your computer.</h1>
|
||||
<h1>Get your Kindle highlights<br />
|
||||
out of the cloud and onto your computer.</h1>
|
||||
|
||||
<div id='columns'>
|
||||
<div id='columns'>
|
||||
|
||||
<div class='column'>
|
||||
<div class='column'>
|
||||
|
||||
<p>When you highlight or note a Kindle-purchased book on any Kindle device app, those annotations are automatically synced with Amazon's cloud. These are then visible at <a href='https://read.amazon.com/notebook'>read.amazon.com</a>, but there is no reason to believe that Amazon will continue to provide this service forever, and our ability to work with text in that hosted browser-based environment is limited. </p>
|
||||
<p>When you highlight or note a Kindle-purchased book on any Kindle device app, those annotations are automatically synced with Amazon's cloud. These are then visible at <a href='https://read.amazon.com/notebook'>read.amazon.com</a>, but there is no reason to believe that Amazon will continue to provide this service forever, and our ability to work with text in that hosted browser-based environment is limited. </p>
|
||||
|
||||
<p>We wanted a way cleanly to download our highlights onto our local computers, so we created a bookmarklet that permits one to easily extract highlights from the book's <a href='https://read.amazon.com/notebook'>read.amazon.com</a> page.</p>
|
||||
<p>We wanted a way cleanly to download our highlights onto our local computers, so we created a bookmarklet that permits one to easily extract highlights from the book's <a href='https://read.amazon.com/notebook'>read.amazon.com</a> page.</p>
|
||||
|
||||
<p>Bookcision is a Javascript bookmarklet, meaning it should run successfully in any modern browser on either the PC or Mac.</p>
|
||||
<p>Bookcision is a Javascript bookmarklet, meaning it should run successfully in any modern browser on either the PC or Mac.</p>
|
||||
|
||||
<p>The bookmarklet yields a single page of cleanly styled highlights, which can then be copied to one's clipboard and pasted into a local text repository (OneNote, Evernote, DevonThink, etc.)</p>
|
||||
<p>The bookmarklet yields a single page of cleanly styled highlights, which can then be copied to one's clipboard and pasted into a local text repository (OneNote, Evernote, DevonThink, etc.)</p>
|
||||
|
||||
<p>Chrome users will additionally be offered the ability to download the highlights in plain text, JSON, or XML formats.</p>
|
||||
<p>Chrome users will additionally be offered the ability to download the highlights in plain text, JSON, or XML formats.</p>
|
||||
|
||||
<p>Having trouble with the bookmarklet? Bookcision is maintained by <a href="https://readwise.io">Readwise</a> — please <a href="mailto:hello+bookcision@readwise.io">drop us a note</a>, or create a <a href="https://github.com/TristanH/bookcision/issues">Github Issue</a>, with a detailed bug report and we'll try to help out.</p>
|
||||
<p>Having trouble with the bookmarklet? Bookcision is maintained by <a href="https://readwise.io?ref=bookcision">Readwise</a> — please <a href="mailto:hello+bookcision@readwise.io">drop us a note</a>, or create a <a href="https://github.com/TristanH/bookcision/issues">Github Issue</a>, with a detailed bug report and we'll try to help out.</p>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class='column'>
|
||||
<h3>Instructions</h3>
|
||||
<div class='column'>
|
||||
<h3>Instructions</h3>
|
||||
|
||||
<a id="bookmarklet" href="javascript:(function (e){var t=document.createElement("script");t.setAttribute("src",e),t.setAttribute("crossorigin","anonymous"),document.body.appendChild(t)}('//bookcision.readwise.io/dist/bookcision.js'));">
|
||||
<a id="bookmarklet" href="javascript:(function (e){var t=document.createElement("script");t.setAttribute("src",e),t.setAttribute("crossorigin","anonymous"),document.body.appendChild(t)}('//bookcision.readwise.io/dist/bookcision.js'));">
|
||||
<img id='install_button' src='https://bookcision.readwise.io/site/images/install_button.png' alt='Bookcision' />
|
||||
</a>
|
||||
|
||||
<ol>
|
||||
<li>Drag the above button to your browser's bookmarks bar.</li>
|
||||
<li>Log in at <a href='https://read.amazon.com/notebook'>read.amazon.com</a>.</li>
|
||||
<li>Click on a book title.</li>
|
||||
<li>When the book's page has loaded, click on the "Bookcision" link in your browser's bookmarks bar.</li>
|
||||
<li>An overlay will load with just your highlights. If you are running Chrome, you'll see an option to download your highlights in various formats. Otherwise, just copy and paste the contents of your cleaned-up highlights to wherever you would like.</li>
|
||||
<li>If you'd like a daily email resurfacing an assortment of your best Kindle highlights, check out <a href="https://readwise.io">https://readwise.io</a>.</li>
|
||||
</ol>
|
||||
</div>
|
||||
<ol>
|
||||
<li>Drag the above button to your browser's bookmarks bar.</li>
|
||||
<li>Log in at <a href='https://read.amazon.com/notebook'>read.amazon.com</a>.</li>
|
||||
<li>Click on a book title.</li>
|
||||
<li>When the book's page has loaded, click on the "Bookcision" link in your browser's bookmarks bar.</li>
|
||||
<li>An overlay will load with just your highlights. If you are running Chrome, you'll see an option to download your highlights in various formats. Otherwise, just copy and paste the contents of your cleaned-up highlights to wherever you would like.</li>
|
||||
<li>If you'd like a daily email resurfacing an assortment of your best Kindle highlights, check out <a href="https://readwise.io?ref=bookcision">https://readwise.io</a>.</li>
|
||||
</ol>
|
||||
</div>
|
||||
|
||||
<div id='steps_illustration'>
|
||||
<h3>Here's what that looks like.</h3>
|
||||
<img src='https://bookcision.readwise.io/site/images/installation_demonstration_drag_to_bar.png' />
|
||||
<img src='https://bookcision.readwise.io/site/images/installation_demonstration_book_page.png' />
|
||||
<img src='https://bookcision.readwise.io/site/images/installation_demonstration_loading.png' />
|
||||
<img src='https://bookcision.readwise.io/site/images/installation_demonstration_done.png' />
|
||||
<img src='https://bookcision.readwise.io/site/images/installation_demonstration_download.png' />
|
||||
</div>
|
||||
<p style="margin-bottom: 2rem;">Originally created by <a href="https://norbauer.com">Alan & Ryan Norbauer</a></p>
|
||||
</div>
|
||||
<div id='steps_illustration'>
|
||||
<h3>Here's what that looks like.</h3>
|
||||
<img src='https://bookcision.readwise.io/site/images/installation_demonstration_drag_to_bar.png' />
|
||||
<img src='https://bookcision.readwise.io/site/images/installation_demonstration_book_page.png' />
|
||||
<img src='https://bookcision.readwise.io/site/images/installation_demonstration_loading.png' />
|
||||
<img src='https://bookcision.readwise.io/site/images/installation_demonstration_done.png' />
|
||||
<img src='https://bookcision.readwise.io/site/images/installation_demonstration_download.png' />
|
||||
</div>
|
||||
<p style="margin-bottom: 2rem;">Originally created by <a href="https://norbauer.com">Alan & Ryan Norbauer</a></p>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
|
||||
<div id="myModal" class="modal">
|
||||
|
||||
<!-- Modal content -->
|
||||
<div class="modal-content" style="border-radius: 6px; max-width: 600px; margin-top: 5%; padding: 30px;">
|
||||
<span class="close" style="margin-top: -15px; margin-right: -10px;">×</span>
|
||||
<p style="text-align: left; font-family: arial; font-size: 16px; line-height: 24px; margin-top: 20px;">
|
||||
Hey there! After years of generously maintaining the Bookcision bookmarklet, the Norbauer brothers have decided to focus their time on other projects. Fear not, however, because we here at <a style="font-weight: bold; color: black;" href="https://readwise.io?ref=bookcision" target="_blank">Readwise</a> have agreed to carry on the Bookcision torch and maintain the project :)<br><br>
|
||||
|
||||
To complete the hand-off, <b>all you need to do is reinstall the bookmarklet</b> and delete the old one.
|
||||
|
||||
<br><br>
|
||||
|
||||
Everything else about Bookcision will continue to work exactly the same, and the project is still open source and free.
|
||||
|
||||
<br><br>
|
||||
Yours truly,<br>
|
||||
Tristan & Dan</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<script type="text/javascript">
|
||||
// Get the modal
|
||||
(function() {
|
||||
var modal = document.getElementById('myModal');
|
||||
|
||||
// Get the button that opens the modal
|
||||
var btn = document.getElementById("myBtn");
|
||||
|
||||
// Get the <span> element that closes the modal
|
||||
var span = document.getElementsByClassName("close")[0];
|
||||
|
||||
// When the user clicks on <span> (x), close the modal
|
||||
span.onclick = function() {
|
||||
modal.style.display = "none";
|
||||
}
|
||||
|
||||
// When the user clicks anywhere outside of the modal, close it
|
||||
window.onclick = function(event) {
|
||||
if (event.target == modal) {
|
||||
modal.style.display = "none";
|
||||
}
|
||||
}
|
||||
|
||||
if (location.href.indexOf("?referrer=existing") !== -1) {
|
||||
modal.style.display = "block";
|
||||
}
|
||||
})();
|
||||
</script>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user