CINXE.COM

Spruce

<!DOCTYPE html> <html> <head> <title>Spruce</title> <!-- <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> --> <script async="" src="https://www.googletagmanager.com/gtag/js?id=G-EKJ0TV9E0H"></script> <script> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'G-KCYRT3J03G'); </script> <meta property="og:title" content="Spruce" /> <meta property="og:type" content="website" /> <meta property="og:image" content="https://raw.githubusercontent.com/jonahfried/spruce/master/icons/icon-128.png" /> <meta property="og:url" content="https://onelook.com/spruce/" /> <meta property="og:description" content="Spruce is a search engine for finding inspiring sentences. Tell Spruce about something you've read or written and it will find quotations or lyrics that are related to the subject matter, sometimes in surprising and subtle ways. Spruce gives you a diverse set of perspectives on your text that you can cite in your work or reflect upon in your brainstorming." /> <!-- Bootstrap necessary scripts --> <script src="jquery-3.5.1.min.js"></script> <!-- <script src="googleDocsUtil.js"></script> --> <script src="popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script> <script src="bootstrap.min.js" integrity="sha384-B4gt1jrGC7Jh4AgTPSdUtOBvfO8shuf57BaghqFfPlYxofvL8/KUEfYiJOMMV+rV" crossorigin="anonymous"></script> <link rel="stylesheet" href="bootstrap.min.css"> <!-- Bootstrap-table --> <script src="bootstrap-table.min.js"></script> <link rel="stylesheet" href="bootstrap-table.min.css"> <!-- Custom JS --> <script src="popup.js?v=3"></script> <script src="context-menu.js"></script> <link rel="stylesheet" href="popup.css?v=3"> <link rel="stylesheet" href="switch.css"> </head> <body> <div class="container-fluid"> <div class="top-menu"> <div id="chrome-extension"> Add this as a <a href="https://chrome.google.com/webstore/detail/spruce-find-quotes-and-ly/mjhikdbndcnackjhokmdcohhnmkenbck">Chrome extension</a> </div> <!-- help button --> <svg id="help" title="Help" tabindex="0" width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-question-circle-fill help help-top" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM5.496 6.033a.237.237 0 0 1-.24-.247C5.35 4.091 6.737 3.5 8.005 3.5c1.396 0 2.672.73 2.672 2.24 0 1.08-.635 1.594-1.244 2.057-.737.559-1.01.768-1.01 1.486v.105a.25.25 0 0 1-.25.25h-.81a.25.25 0 0 1-.25-.246l-.004-.217c-.038-.927.495-1.498 1.168-1.987.59-.444.965-.736.965-1.371 0-.825-.628-1.168-1.314-1.168-.803 0-1.253.478-1.342 1.134-.018.137-.128.25-.266.25h-.825zm2.325 6.443c-.584 0-1.009-.394-1.009-.927 0-.552.425-.94 1.01-.94.609 0 1.028.388 1.028.94 0 .533-.42.927-1.029.927z" /> </svg> <!-- Help Info --> <div id="helpInfo" class="clear findQuotesWrapper"> <h1>Help</h1> <p></p> <p> Spruce is a search engine for finding inspiring sentences. Tell Spruce about something you've read or written and it will find quotations or lyrics that are related to the subject matter, sometimes in surprising and subtle ways. Spruce gives you a diverse set of perspectives on your text that you can cite in your work or use to generate new ideas for your project. Your query can be as short as a single word, or as long as a whole document. The more you tell Spruce, the more relevant the results will be. </p> <p> You can test out Spruce from this web page &mdash; hit the question mark icon to go back to the search box. If Spruce looks useful to you, install the <a href="https://chrome.google.com/webstore/detail/spruce/mjhikdbndcnackjhokmdcohhnmkenbck">Chrome extension</a> to make it easier to access in the future. </p> <hr> <h3>Extension menu</h3> <p> To start using Spruce, open up the popup from the extensions bar in the top right of your chrome browser. You may have to click on the little puzzle piece to find Spruce. Pin us to make finding quotes easier! Then, just start writing. When you're done, click "Find Quotes!" or hit command-Enter, and we'll do the rest. </p> <img src="./tutorials/extensionMenu.gif" alt="basic-animation" height="300"> <p> The leftmost column of every result reveals a <b>&#8801</b> symbol, which you can click on to find options to copy the quote to your clipboard or explore similar quotes. Before citing a quote in your document, be sure to search (using the link under the "Source" column) to verify that it's accurately attributed and to get more context about the quote from the Web. </p> <hr> <h3>Context menu</h3> <p> Writing something that you want quotes for? Curious what the world has to say about some topic? Skip the copy + paste and use the context menu! All you have to do is highlight your text, right click it, then pick "Spruce up your selection!" </p> <img src="./tutorials/contextMenu.gif" alt="context-animation" height="300"> <p> (Note: the right-click access will not work when you're in Google Docs. We offer a separate <a href="https://workspace.google.com/marketplace/app/onelook_thesaurus/372652075936?pann=cwsdp&hl=en">Google Docs add-on</a> that has similar quote-finding features as Spruce.) </p> <div id="jokes-help-section"> <hr> <h3>Jokes</h3> <p> A jokes option is available which can help you find snappy one-liners related to your text. Most of the jokes are "clean" and we've tried to remove jokes that are hurtful to people, but some offensive jokes may have slipped through the cracks. With this caveat in mind, if you'd like to give the jokes option a try, toggle the switch below, and the option will appear when you go back to the main page. </p> <div> <label class="switch"> <input id="jokes-checkbox" type="checkbox"> <span class="slider"></span> </label> <span id="jokes-toggle-label"></span> </div> </div> <hr> <h3>About</h3> <p> Spruce is a free experimental service from <a href="https://datamuse.com">Datamuse</a>, and was created by Jonah Fried and Doug Beeferman. </p> <p> How it works: Behind the scenes, Spruce cuts your selection into sentences and then scans a database of quotes looking for evidence of a connection to each sentence, using <a href="https://www.sbert.net/">sentence embeddings</a> to measure the strength of each connection. The quotes with the most evidence are listed first by default. The quotes come from the Web via the <a href="https://commoncrawl.org/">Common Crawl</a> and <a href="https://en.wikiquote.org/wiki/Main_Page">WikiQuote</a>. </p> <p>Please note that while we've tried to curate a set of diverse and interesting quotes, you may occasionally find perspectives that are bigoted or hurtful. If you find something that strikes you as hate speech, please let us know via the feedback link below and we'll remove it.</p> <p> We'd love to hear your feedback on this tool and get your thoughts on other brainstorming tools that may be useful to you. Please fill out <a href="https://forms.gle/uW3KMun9xquP4Nea8">this feedback form</a> if you have two minutes free! </p> <footer id="sticky-footer" class="py-4 text-white-50"> <a href="#" onclick="location.reload();">Go back</a> <a href="https://onelook.com/about.shtml#privacy">Privacy policy</a> <a href="https://forms.gle/uW3KMun9xquP4Nea8">Feedback</a> </footer> </div> </div> <!-- Theme button --> <!-- <div> <svg id="sun" width="1em" height="1em" viewBox="0 0 16 16" class="theme bi bi-sun" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M3.5 8a4.5 4.5 0 1 1 9 0 4.5 4.5 0 0 1-9 0z" /> <path fill-rule="evenodd" d="M8.202.28a.25.25 0 0 0-.404 0l-.91 1.255a.25.25 0 0 1-.334.067L5.232.79a.25.25 0 0 0-.374.155l-.36 1.508a.25.25 0 0 1-.282.19l-1.532-.245a.25.25 0 0 0-.286.286l.244 1.532a.25.25 0 0 1-.189.282l-1.509.36a.25.25 0 0 0-.154.374l.812 1.322a.25.25 0 0 1-.067.333l-1.256.91a.25.25 0 0 0 0 .405l1.256.91a.25.25 0 0 1 .067.334L.79 10.768a.25.25 0 0 0 .154.374l1.51.36a.25.25 0 0 1 .188.282l-.244 1.532a.25.25 0 0 0 .286.286l1.532-.244a.25.25 0 0 1 .282.189l.36 1.508a.25.25 0 0 0 .374.155l1.322-.812a.25.25 0 0 1 .333.067l.91 1.256a.25.25 0 0 0 .405 0l.91-1.256a.25.25 0 0 1 .334-.067l1.322.812a.25.25 0 0 0 .374-.155l.36-1.508a.25.25 0 0 1 .282-.19l1.532.245a.25.25 0 0 0 .286-.286l-.244-1.532a.25.25 0 0 1 .189-.282l1.508-.36a.25.25 0 0 0 .155-.374l-.812-1.322a.25.25 0 0 1 .067-.333l1.256-.91a.25.25 0 0 0 0-.405l-1.256-.91a.25.25 0 0 1-.067-.334l.812-1.322a.25.25 0 0 0-.155-.374l-1.508-.36a.25.25 0 0 1-.19-.282l.245-1.532a.25.25 0 0 0-.286-.286l-1.532.244a.25.25 0 0 1-.282-.189l-.36-1.508a.25.25 0 0 0-.374-.155l-1.322.812a.25.25 0 0 1-.333-.067L8.203.28zM8 2.5a5.5 5.5 0 1 0 0 11 5.5 5.5 0 0 0 0-11z" /> </svg> <svg id="moon" width="1em" height="1em" viewBox="0 0 16 16" class="theme clear bi bi-moon" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" d="M14.53 10.53a7 7 0 0 1-9.058-9.058A7.003 7.003 0 0 0 8 15a7.002 7.002 0 0 0 6.53-4.47z" /> </svg> </div> --> <div class="saved-buttons-wrapper"> </div> <div id="spruceMain"> <!-- Header --> <div class="findQuotesWrapper"> <h1>Spruce</h1> <p>The inspiration search engine</p> <div> <div id="savedQuotesTableWrapper"> <table id="savedQuotesTable" class="clear"></table> </div> </div> <form id="quoteTypeForm"> <div id="quoteTypeForm" class="btn-group btn-group-toggle" data-toggle="buttons"> <label class="btn btn-secondary active"> <input type="radio" name="option" id="quotesType" value="quotes" autocomplete="off" checked> Quotes </label> <label class="btn btn-secondary"> <input type="radio" name="option" id="lyricsType" value="lyrics" autocomplete="off"> Lyrics </label> <label class="btn btn-secondary"> <input type="radio" name="option" id="proverbsType" value="proverbs" autocomplete="off"> Proverbs </label> <label class="btn btn-secondary"> <input type="radio" name="option" id="jokesType" value="jokes" autocomplete="off"> Jokes </label> </div> </form> <div class="input-group" id="input-wrapper"> <textarea id="userInput" class="form-control" autofocus="autofocus" aria-label="With textarea" placeholder="Paste some text here &mdash; a word, phrase, sentence, or paragraph. Then hit &#8984;-Enter or click Find Quotes."></textarea> <div class="input-group-prepend"> <button class="input-group-text" title="Find Quotes" id="findQuotes">Find Quotes!</button> </div> </div> </div> <div id="sortForm" class="clear btn-group btn-group-toggle" data-toggle="buttons"> <label class="btn btn-secondary active"> <input type="radio" name="options" id="relevance" value="relevance" autocomplete="off" checked> Most Relevant </label> <label class="btn btn-secondary"> <input type="radio" name="options" id="complexity" value="complexity" autocomplete="off"> Most Complex </label> <label class="btn btn-secondary"> <input type="radio" name="options" id="simplicity" value="simplicity" autocomplete="off"> Simplest </label> </div> <!-- display results --> <div class="display" id="display-wrapper"> <div id="loading" class="clear spinner-border d-flex justify-content-between" role="status" style="display: none;"> <span class="sr-only">Loading...</span> </div> <!-- <h3 id="loading" class="clear">Loading...</h3> --> <div id="table-wrapper"> <table id="displayTable"> </table> </div> <!-- Context Menu --> <div class="dropdown-menu" id="contextMenu" role="menu" style="display:none;"> <div class="dropdown-item" value="copy"> <svg width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-clipboard" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" d="M4 1.5H3a2 2 0 0 0-2 2V14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3.5a2 2 0 0 0-2-2h-1v1h1a1 1 0 0 1 1 1V14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3.5a1 1 0 0 1 1-1h1v-1z" /> <path fill-rule="evenodd" d="M9.5 1h-3a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5zm-3-1A1.5 1.5 0 0 0 5 1.5v1A1.5 1.5 0 0 0 6.5 4h3A1.5 1.5 0 0 0 11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3z" /> </svg> Copy </div> <div class="dropdown-item" id="dropdown-item-save" value="save"> <svg width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-bookmark" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" d="M2 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v13.5a.5.5 0 0 1-.777.416L8 13.101l-5.223 2.815A.5.5 0 0 1 2 15.5V2zm2-1a1 1 0 0 0-1 1v12.566l4.723-2.482a.5.5 0 0 1 .554 0L13 14.566V2a1 1 0 0 0-1-1H4z" /> </svg> Save </div> <div class="dropdown-item" value="similar"> <svg width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-search" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" d="M10.442 10.442a1 1 0 0 1 1.415 0l3.85 3.85a1 1 0 0 1-1.414 1.415l-3.85-3.85a1 1 0 0 1 0-1.415z" /> <path fill-rule="evenodd" d="M6.5 12a5.5 5.5 0 1 0 0-11 5.5 5.5 0 0 0 0 11zM13 6.5a6.5 6.5 0 1 1-13 0 6.5 6.5 0 0 1 13 0z" /> </svg> Search similar </div> <div class="dropdown-divider"></div> <div class="dropdown-item text-danger" value="report"> <svg width="1em" height="2em" viewBox="0 0 16 20" class="bi bi-exclamation-diamond-fill" fill="red" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" d="M9.05.435c-.58-.58-1.52-.58-2.1 0L.436 6.95c-.58.58-.58 1.519 0 2.098l6.516 6.516c.58.58 1.519.58 2.098 0l6.516-6.516c.58-.58.58-1.519 0-2.098L9.05.435zM8 4a.905.905 0 0 0-.9.995l.35 3.507a.552.552 0 0 0 1.1 0l.35-3.507A.905.905 0 0 0 8 4zm.002 6a1 1 0 1 0 0 2 1 1 0 0 0 0-2z" /> </svg> Report </div> </div> <!-- Sorry no results text --> <div id="noResults" class="clear"> Sorry, no results were found. Maybe try a longer selection. </div> <div id="noInput" class="clear"> Oops! It looks like you didn't write anything. Try writing a sentence in the box above! </div> </div> <!-- <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script> --> <footer id="sticky-footer-main" class="py-4 text-white-50"> <a href="#" class="help">Help</a> <a href="https://onelook.com/about.shtml#privacy">Privacy policy</a> <a href="https://forms.gle/uW3KMun9xquP4Nea8">Feedback</a> </footer> </div> </div> <!-- Add this as a Chrome extension. --> <!-- https://chrome.google.com/webstore/detail/spruce/mjhikdbndcnackjhokmdcohhnmkenbck --> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10