{"componentChunkName":"component---src-templates-blog-post-js","path":"/introducing-book-notes-highlights/","result":{"data":{"site":{"siteMetadata":{"title":"Rope and Tire","author":"Suprada Urval"}},"markdownRemark":{"id":"c0167f2e-7f5b-5214-a152-b482a3c3e3f7","excerpt":"Today I’m releasing Book-Notes – a collection of my notes and highlights from the books I have read. 2 Reading a book is awesome. Blazing past books at break-neck speed is awesome for only so long. To enjoy the book more, to internalize and chew over…","html":"<p>Today I’m releasing <a href=\"https://www.suprada.com/books\">Book-Notes</a> – a collection of my notes and highlights from the books I have read.</p>\n<p><span\n      class=\"gatsby-resp-image-wrapper\"\n      style=\"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 590px; \"\n    >\n      <a\n    class=\"gatsby-resp-image-link\"\n    href=\"/static/3031476853fa2ff4ce089e8223d131f7/2bef9/Screen-Shot-2017-10-01-at-8.41.23-PM-1024x769.png\"\n    style=\"display: block\"\n    target=\"_blank\"\n    rel=\"noopener\"\n  >\n    <span\n    class=\"gatsby-resp-image-background-image\"\n    style=\"padding-bottom: 75%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAPCAYAAADkmO9VAAAACXBIWXMAAAsTAAALEwEAmpwYAAACRUlEQVQ4y6WTP4gTURDGA9ZiaWdhYa2NjRYWglgIgoUI19oIamGhYGfltZYeWlhoK3YKFgYFuSs8T8xlk012zW32/272f5K97P7kveQCBi3OG/h23szb/d7MzvcazWaTrc0tdF2n0+mgKApFUSCsrmsOaw3btgnDEMuycF1X+jzPKcuS6XR6aDT+doqorKqq/0JDVCfatS0LwzA4iolCGqI9z/MZjUYEQUCWZSRJImPh0zSVPo5jijxn4EQ4fkwqc/O8wHg8nhP6vs/2t22Udpud7zu0Wi1Zca/Xp9/vo6o96TVNQ+v3aas6P3c79Hoir6Gqqhym1tckaUM8RNuisiiK5DCO1LIgskwTc2igtHdRu11ZncDQGGIZHvYgwBbe8JlMpvLQcrqCcn8+lKqumQFVDRUwq2CRoZaZeukPsBoL7O8vCKeZT/TzObHygmDnGbnzgzic4ZsxkZfjGhGBneAaoyVCJ8EdRnhmtNyf34Gaht7b5dK5E9y8cpLrF47x4e0GvpPT2lZQ278InIR0NCYJCok4KCiScrHOCZ2UyM+oq3oxZbPHxpPLvFy/yuv1i3jKOywvQtNUjKFBXmSkWUIUjQhHAXES4bqOXCdpvGh5PhBJuKd3uXPrLA9un2ft2mk+vX+D64WoahfbshkM9lDaipSSkIiu6VIVQp/izs9m1ZJMEtoDhUdrp3h6/wz3bhxn8+Mr+cvTJJYfCBUI4U4mExkLma1K5Q/CMjEJvjzE+/oYv3mXifn54NV/6k1Mc5XogPA32M9mRNChNXIAAAAASUVORK5CYII='); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"Screenshot of booknotes\"\n        title=\"Screenshot of booknotes\"\n        src=\"/static/3031476853fa2ff4ce089e8223d131f7/fcda8/Screen-Shot-2017-10-01-at-8.41.23-PM-1024x769.png\"\n        srcset=\"/static/3031476853fa2ff4ce089e8223d131f7/12f09/Screen-Shot-2017-10-01-at-8.41.23-PM-1024x769.png 148w,\n/static/3031476853fa2ff4ce089e8223d131f7/e4a3f/Screen-Shot-2017-10-01-at-8.41.23-PM-1024x769.png 295w,\n/static/3031476853fa2ff4ce089e8223d131f7/fcda8/Screen-Shot-2017-10-01-at-8.41.23-PM-1024x769.png 590w,\n/static/3031476853fa2ff4ce089e8223d131f7/efc66/Screen-Shot-2017-10-01-at-8.41.23-PM-1024x769.png 885w,\n/static/3031476853fa2ff4ce089e8223d131f7/2bef9/Screen-Shot-2017-10-01-at-8.41.23-PM-1024x769.png 1024w\"\n        sizes=\"(max-width: 590px) 100vw, 590px\"\n        style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\"\n        loading=\"lazy\"\n      />\n  </a>\n    </span><a href=\"https://www.suprada.com/books\">2</a></p>\n<p>Reading a book is awesome. Blazing past books at break-neck speed is awesome for only so long. To enjoy the book more, to internalize and chew over what the book has to say, I realized that slowing down and reviewing might be key. So, I started <a href=\"https://ropeandtire.com/need-for-a-tool-for-consolidating-book-notes-and-highlights-part-i/\">marking out highlights and taking notes when reading</a> inspired by folks like <a href=\"https://sivers.org/2do\">Derek Sivers</a>, <a href=\"https://ryanholiday.net/the-notecard-system-the-key-for-remembering-organizing-and-using-everything-you-read/\">Ryan Holiday</a>, <a href=\"https://fourhourworkweek.com/2014/10/21/brain-pickings/\">Maria Popova (listen at the 31:45 mark)</a> and <a href=\"https://tim.blog/2007/12/05/how-to-take-notes-like-an-alpha-geek-plus-my-2600-date-challenge/\">Tim Ferriss</a>.</p>\n<p>This taking notes and highlights is convenient and easy when reading an e-book: on a kindle or the kindle app, or on the Google Play Books app. If I’m reading a paper book, I use the index method: I lightly mark the start and end of the highlight on the page and create an index on the very first page of the book. The index is just a list of page numbers which has these highlights and maybe notes.</p>\n<p>I download the Kindle highlights from the <a href=\"https://kindle.amazon.com/your_highlights\">Kindle – Your Highlights</a> page using <a href=\"https://www.norbauer.com/bookcision/\">Bookcision</a>. When reading on Play books, it stores the notes on a Google Doc in my Google Drive. Paper books are slower/harder/better/nicer/more-painful. I write down the marked highlights and erase the pencil markings as I go) into my Livescribe book – which gets transcribed and then moved to OneNote.</p>\n<p>And now, these notes converted to JSON and will start appearing on the book-notes section of my website.</p>\n<p>So, if you are interested in what I’m reading, what I think is thought-provoking in the books I read, come back here regularly to check for new notes and highlights (and some older ones which are being transcribed).</p>\n<h3>What I used to build <a href=\"https://suprada.com/books\">book-notes</a></h3>\n<p>I used <a href=\"https://reactjs.org/?utm_source=feedly\">React</a> – using <a href=\"https://github.com/facebookincubator/create-react-app\">Create React App</a> to build book-notes. It is hosted on my shared hosting space at <a href=\"https://www.webhostinghub.com/\">Webhosting Hub</a>. The code lives in <a href=\"https://bitbucket.org/product\">Bitbucket</a>. The design is heavily inspired by <a href=\"https://sivers.org/book\">Derek Sivers</a> and the <a href=\"https://kindle.amazon.com/your_highlights\">Kindle – Your Highlights</a> page. Fonts used: the serif <a href=\"https://fonts.google.com/specimen/Alegreya\">Alegreya</a> for body copy and and the sans-serif <a href=\"https://www.fontsquirrel.com/fonts/gandhi-sans\">Gandhi Sans</a> for headers. Logo is from <a href=\"https://www.flaticon.com/\">Flaticon</a>.</p>","frontmatter":{"title":"Introducing Book-Notes – my notes and highlights from the books I have read","date":"October 02, 2017","url":"/introducing-book-notes-highlights/","tags":["Books","Thoughts","web-development"]}}},"pageContext":{"slug":"/introducing-book-notes-highlights/","previous":{"fields":{"slug":"/2017-09-07-vs-code-a-tool-for-writers/"},"frontmatter":{"title":"VS Code – A tool for writers","url":"/vs-code-a-tool-for-writers/","tags":["my-cool-tools","Thoughts"]}},"next":{"fields":{"slug":"/2018-02-26-distribute-react-component-via-npm/"},"frontmatter":{"title":"How to package your React Component for distribution via NPM","url":"/distribute-react-component-via-npm/","tags":["React","web-development"]}}}},"staticQueryHashes":["3128451518","426816048"]}