CINXE.COM

FAQ | Web Highlights - PDF & Web Highlighter

<!DOCTYPE html> <html lang="en"> <head> <title>FAQ | Web Highlights - PDF &amp; Web Highlighter</title> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="HandheldFriendly" content="True" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <link rel="icon" href="/favicon.ico" /> <link rel="stylesheet" type="text/css" href="/blog/assets/built/screen.css?v=e559e15c15" /> <link rel="stylesheet" type="text/css" href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" /> <script src="https://cdn.tailwindcss.com"></script> <script> tailwind.config = { corePlugins: { preflight: false, }, theme: { extend: { colors: { transparent: 'transparent', current: 'currentColor', 'primary-transparent': '#00a8731f', 'primary-transparent-light': '#00a8730f', // TODO: Take colors from shared-lib primary: { 50: 'hsl(152, 31%, 88%)', 100: 'hsl(154, 37%, 84%)', 200: 'hsl(154, 40%, 67%)', 300: 'hsl(155, 42%, 57%)', 400: 'rgb(53, 176, 125)', 500: 'hsl(161, 100%, 35%)', 600: 'hsl(161, 93%, 33%)', 700: 'hsl(161, 100%, 31%)', 800: 'hsl(161, 100%, 29%)', 900: 'hsl(161, 100%, 22%)', 950: 'hsl(161, 100%, 12%)', }, secondary: { 50: 'hsl(218, 22%, 30%)', 100: 'hsl(218, 22%, 27%)', 200: 'hsl(218, 22%, 25%)', 300: 'hsl(218, 22%, 22%)', 400: 'hsl(218, 22%, 20%)', 500: 'hsl(218, 22%, 18%)', 600: 'hsl(218, 22%, 16%)', 700: 'hsl(218, 22%, 14%)', 800: 'hsl(218, 22%, 12%)', 900: 'hsl(218, 22%, 8%)', 950: 'hsl(218, 22%, 6%)', }, }, }, }, } </script> <meta name="description" content="Welcome to the Web Highlights Extension FAQ! This article should answer your questions and help you get the most out of our extension."> <link rel="canonical" href="https://web-highlights.com/blog/faq-web-highlights-pdf-web-highlighter/"> <meta name="referrer" content="no-referrer-when-downgrade"> <meta property="og:site_name" content="Web Highlights Blog"> <meta property="og:type" content="article"> <meta property="og:title" content="FAQ | Web Highlights - PDF &amp; Web Highlighter"> <meta property="og:description" content="Welcome to the Web Highlights Extension FAQ! This article should answer your questions and help you get the most out of our extension."> <meta property="og:url" content="https://web-highlights.com/blog/faq-web-highlights-pdf-web-highlighter/"> <meta property="og:image" content="https://images.unsplash.com/photo-1586011876158-197fd32f15e2?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;MnwxMTc3M3wwfDF8c2VhcmNofDM0fHxxdWVzdGlvbnN8ZW58MHx8fHwxNjcxODA1MDA1&amp;ixlib&#x3D;rb-4.0.3&amp;q&#x3D;80&amp;w&#x3D;2000"> <meta property="article:published_time" content="2022-12-23T15:10:13.000Z"> <meta property="article:modified_time" content="2024-07-11T06:59:01.000Z"> <meta property="article:tag" content="FAQ, Tutorials, and Help"> <meta property="article:publisher" content="https://www.facebook.com/webhighlightscom/"> <meta property="article:author" content="https://www.facebook.com/MariusBongartsWeb"> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:title" content="FAQ | Web Highlights - PDF &amp; Web Highlighter"> <meta name="twitter:description" content="Welcome to the Web Highlights Extension FAQ! This article should answer your questions and help you get the most out of our extension."> <meta name="twitter:url" content="https://web-highlights.com/blog/faq-web-highlights-pdf-web-highlighter/"> <meta name="twitter:image" content="https://images.unsplash.com/photo-1586011876158-197fd32f15e2?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;MnwxMTc3M3wwfDF8c2VhcmNofDM0fHxxdWVzdGlvbnN8ZW58MHx8fHwxNjcxODA1MDA1&amp;ixlib&#x3D;rb-4.0.3&amp;q&#x3D;80&amp;w&#x3D;2000"> <meta name="twitter:label1" content="Written by"> <meta name="twitter:data1" content="Marius Bongarts"> <meta name="twitter:label2" content="Filed under"> <meta name="twitter:data2" content="FAQ, Tutorials, and Help"> <meta name="twitter:site" content="@WebHighlights_"> <meta name="twitter:creator" content="@MariusBongarts"> <meta property="og:image:width" content="1200"> <meta property="og:image:height" content="798"> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "Article", "publisher": { "@type": "Organization", "name": "Web Highlights Blog", "url": "https://web-highlights.com/blog/", "logo": { "@type": "ImageObject", "url": "https://web-highlights.com/blog/content/images/2022/08/WH_LOGO.png" } }, "author": { "@type": "Person", "name": "Marius Bongarts", "image": { "@type": "ImageObject", "url": "https://web-highlights.com/blog/content/images/2022/08/IMG_7861_Square.jpeg", "width": 1200, "height": 1025 }, "url": "https://web-highlights.com/blog/author/marius-bongarts/", "sameAs": [ "https://marius-bongarts.de/", "https://www.facebook.com/MariusBongartsWeb", "https://twitter.com/MariusBongarts" ] }, "headline": "FAQ | Web Highlights - PDF &amp; Web Highlighter", "url": "https://web-highlights.com/blog/faq-web-highlights-pdf-web-highlighter/", "datePublished": "2022-12-23T15:10:13.000Z", "dateModified": "2024-07-11T06:59:01.000Z", "image": { "@type": "ImageObject", "url": "https://images.unsplash.com/photo-1586011876158-197fd32f15e2?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=MnwxMTc3M3wwfDF8c2VhcmNofDM0fHxxdWVzdGlvbnN8ZW58MHx8fHwxNjcxODA1MDA1&ixlib=rb-4.0.3&q=80&w=2000", "width": 1200, "height": 798 }, "keywords": "FAQ, Tutorials, and Help", "description": "Welcome to the Web Highlights Extension FAQ! This article should answer your questions and help you get the most out of our extension. ", "mainEntityOfPage": "https://web-highlights.com/blog/faq-web-highlights-pdf-web-highlighter/" } </script> <meta name="generator" content="Ghost 5.96"> <link rel="alternate" type="application/rss+xml" title="Web Highlights Blog" href="https://web-highlights.com/blog/rss/"> <script defer src="https://cdn.jsdelivr.net/ghost/portal@~2.44/umd/portal.min.js" data-i18n="false" data-ghost="https://web-highlights.com/blog/" data-key="bf429b988a5345eea1c95d2887" data-api="https://web-highlights.com/blog/ghost/api/content/" crossorigin="anonymous"></script><style id="gh-members-styles">.gh-post-upgrade-cta-content, .gh-post-upgrade-cta { display: flex; flex-direction: column; align-items: center; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; text-align: center; width: 100%; color: #ffffff; font-size: 16px; } .gh-post-upgrade-cta-content { border-radius: 8px; padding: 40px 4vw; } .gh-post-upgrade-cta h2 { color: #ffffff; font-size: 28px; letter-spacing: -0.2px; margin: 0; padding: 0; } .gh-post-upgrade-cta p { margin: 20px 0 0; padding: 0; } .gh-post-upgrade-cta small { font-size: 16px; letter-spacing: -0.2px; } .gh-post-upgrade-cta a { color: #ffffff; cursor: pointer; font-weight: 500; box-shadow: none; text-decoration: underline; } .gh-post-upgrade-cta a:hover { color: #ffffff; opacity: 0.8; box-shadow: none; text-decoration: underline; } .gh-post-upgrade-cta a.gh-btn { display: block; background: #ffffff; text-decoration: none; margin: 28px 0 0; padding: 8px 18px; border-radius: 4px; font-size: 16px; font-weight: 600; } .gh-post-upgrade-cta a.gh-btn:hover { opacity: 0.92; }</style> <script defer src="https://cdn.jsdelivr.net/ghost/sodo-search@~1.3/umd/sodo-search.min.js" data-key="bf429b988a5345eea1c95d2887" data-styles="https://cdn.jsdelivr.net/ghost/sodo-search@~1.3/umd/main.css" data-sodo-search="https://web-highlights.com/blog/" data-locale="en" crossorigin="anonymous"></script> <link href="https://web-highlights.com/blog/webmentions/receive/" rel="webmention"> <script defer src="/blog/public/cards.min.js?v=e559e15c15"></script> <link rel="stylesheet" type="text/css" href="/blog/public/cards.min.css?v=e559e15c15"> <script defer src="/blog/public/member-attribution.min.js?v=e559e15c15"></script><style>:root {--ghost-accent-color: #202632;}</style> <meta name='impact-site-verification' value='1347994545'> <style> body { --secondary-color: #202632; --primary-color: #00b077; } .home-template .site-header-content { min-height: 60vh; } .home-template .site-logo { max-height: 100px; } .home-template .site-header-inner .site-description { display: none; } .post-template #gh-head { background: var(--secondary-color); } .site-footer { background: var(--secondary-color); } #cookie-bar-prompt { z-index: 99 !important; } #cookie-bar a#cookie-bar-button { background-color: #00b077 !important; } #cookie-bar #cookie-bar-button { background-color: $primary-color !important; color: white !important; text-shadow: none !important; } #cookie-bar a#cookie-bar-button-no { background-color: white !important; color: black !important; text-shadow: none !important; } #cookie-bar #cookie-bar-button { background-color: $primary-color !important; color: white !important; text-shadow: none !important; } @media (min-width: 575px) { #cookie-bar p { max-width: 60%; } } </style> <script defer data-domain="web-highlights.com" src="https://analytics.web-highlights.com/js/script.outbound-links.pageview-props.tagged-events.js"></script> <script> window.plausible = window.plausible || function () { (window.plausible.q = window.plausible.q || []).push(arguments); }; </script> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-8081019835494096" crossorigin="anonymous"></script> </head> <body class="post-template tag-faq has-cover"> <div class="viewport"> <header id="gh-head" class="gh-head outer"> <nav class="gh-head-inner inner"> <div class="gh-head-brand"> <a style="transform: scale(1.9);margin: 0 40px 0 35px;" class="gh-head-logo" onclick="gtag('event', 'go_to_app_cta_logo', {});" href="https://web-highlights.com"> <img style="transform: translateY(2px);" src="https://web-highlights.com/blog/content/images/2022/08/WH_LOGO.png" alt="Web Highlights Blog" /> </a> <div class="gh-head-brand-wrapper"> <button class="gh-search" data-ghost-search><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" width="20" height="20"><path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"></path></svg></button> <a class="gh-burger" role="button"> <div class="gh-burger-box"> <div class="gh-burger-inner"></div> </div> </a> </div> </div> <div class="gh-head-menu"> <ul class="nav"> <li class="nav-home"><a href="https://web-highlights.com/">Home</a></li> <li class="nav-blog"><a href="https://web-highlights.com/blog/">Blog</a></li> <li class="nav-about"><a href="https://web-highlights.com/about">About</a></li> <li class="nav-top-extensions"><a href="https://tooltivity.com">Top Extensions</a></li> </ul> </div> <div class="gh-head-actions"> <button class="gh-search" data-ghost-search><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" width="20" height="20"><path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"></path></svg></button> <div class="gh-social"> <a class="gh-social-link gh-social-facebook" onclick="gtag('event', 'social_link_click_blog_facebook', {});" href="https://www.facebook.com/webhighlightscom/" title="Facebook" target="_blank" rel="noopener"><svg class="icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M23.9981 11.9991C23.9981 5.37216 18.626 0 11.9991 0C5.37216 0 0 5.37216 0 11.9991C0 17.9882 4.38789 22.9522 10.1242 23.8524V15.4676H7.07758V11.9991H10.1242V9.35553C10.1242 6.34826 11.9156 4.68714 14.6564 4.68714C15.9692 4.68714 17.3424 4.92149 17.3424 4.92149V7.87439H15.8294C14.3388 7.87439 13.8739 8.79933 13.8739 9.74824V11.9991H17.2018L16.6698 15.4676H13.8739V23.8524C19.6103 22.9522 23.9981 17.9882 23.9981 11.9991Z"/></svg></a> <a class="gh-social-link gh-social-twitter" onclick="gtag('event', 'social_link_click_blog_twitter', {});" href="https://twitter.com/WebHighlights_" title="Twitter" target="_blank" rel="noopener"><svg class="icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M23.954 4.569c-.885.389-1.83.654-2.825.775 1.014-.611 1.794-1.574 2.163-2.723-.951.555-2.005.959-3.127 1.184-.896-.959-2.173-1.559-3.591-1.559-2.717 0-4.92 2.203-4.92 4.917 0 .39.045.765.127 1.124C7.691 8.094 4.066 6.13 1.64 3.161c-.427.722-.666 1.561-.666 2.475 0 1.71.87 3.213 2.188 4.096-.807-.026-1.566-.248-2.228-.616v.061c0 2.385 1.693 4.374 3.946 4.827-.413.111-.849.171-1.296.171-.314 0-.615-.03-.916-.086.631 1.953 2.445 3.377 4.604 3.417-1.68 1.319-3.809 2.105-6.102 2.105-.39 0-.779-.023-1.17-.067 2.189 1.394 4.768 2.209 7.557 2.209 9.054 0 13.999-7.496 13.999-13.986 0-.209 0-.42-.015-.63.961-.689 1.8-1.56 2.46-2.548l-.047-.02z"/></svg></a> <a class="gh-social-link gh-social-twitter" onclick="gtag('event', 'social_link_click_blog_linkedin', {});" href="https://www.linkedin.com/in/marius-bongarts-6b3638171/" title="LinkedIn" target="_blank" rel="noopener"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50" class="icon" style="fill: white;transform: scale(1.2);" > <path d="M25,2C12.318,2,2,12.317,2,25s10.318,23,23,23s23-10.317,23-23S37.682,2,25,2z M18,35h-4V20h4V35z M16,17 c-1.105,0-2-0.895-2-2c0-1.105,0.895-2,2-2s2,0.895,2,2C18,16.105,17.105,17,16,17z M37,35h-4v-5v-2.5c0-1.925-1.575-3.5-3.5-3.5 S26,25.575,26,27.5V35h-4V20h4v1.816C27.168,20.694,28.752,20,30.5,20c3.59,0,6.5,2.91,6.5,6.5V35z" ></path></svg></a> </div> <div class="flex gap-2"> <a type="button" title="Add to Chrome Browser - it's free" onclick="gtag('event', 'install_cta_blog_primary', {});" aria-label="Add to Chrome Browser - it's free" target="_blank" href="https://chromewebstore.google.com/detail/web-highlights-pdf-web-hi/hldjnlbobkdkghfidgoecgmklcemanhm" class="flex items-center text-white bg-primary-700 hover:bg-primary-700/80 focus:ring-1 focus:outline-none focus:ring-[text-primary-500]/50 font-medium rounded-xl text-md px-5 py-4 text-center inline-flex items-center dark:hover:bg-primary-600/70 dark:focus:ring-gray-600" ><svg class="w-[24px] h-[24px] me-2 -ms-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" fill="none" > <path d="M23.9065 2.88415C23.9065 2.88415 36.3365 2.32467 42.9244 14.8163H22.8499C22.8499 14.8163 19.0589 14.6917 15.8267 19.2911C14.8949 21.2181 13.9007 23.207 15.0192 27.1218C13.4032 24.3878 6.44238 12.2685 6.44238 12.2685C6.44238 12.2685 11.3525 3.38103 23.9065 2.88415Z" fill="#DA4537" ></path> <path d="M6.44238 12.2681C6.44238 12.2681 13.4032 24.3874 15.0192 27.1214C14.3881 24.9124 14.4296 23.3166 14.7531 21.9992L6.44238 12.2681Z" fill="#B63729" ></path> <path d="M42.277 34.5998C42.277 34.5998 36.5452 45.6426 22.4326 45.1001C24.1738 42.0868 32.4721 27.7167 32.4721 27.7167C32.4721 27.7167 34.4757 24.4962 32.1104 19.3978C31.593 18.636 31.0716 17.8585 30.3309 17.141C29.3496 16.1905 27.9836 15.3454 25.7326 14.7814C28.9094 14.7502 42.8845 14.7835 42.8845 14.7835C42.8845 14.7835 48.1246 23.48 42.277 34.5998Z" fill="#FFCD3F" ></path> <path d="M5.6251 34.6841C5.6251 34.6841 -1.07237 24.1973 6.45491 12.2476L16.4882 29.6352C16.4882 29.6352 18.2754 32.9804 23.874 33.4812C24.8832 33.4076 25.9112 33.3391 27.0139 32.9783C28.2439 32.5758 29.5667 31.8097 31.0599 30.2671C29.4991 33.0333 22.4814 45.1197 22.4814 45.1197C22.4814 45.1197 12.3303 45.309 5.6251 34.6841Z" fill="#0A9E58" ></path> <path d="M14.4502 24.1729C14.4502 18.9793 18.6608 14.7681 23.8555 14.7681C29.0498 14.7681 33.26 18.9793 33.26 24.1729C33.26 29.368 29.0498 33.5786 23.8555 33.5786C18.6608 33.5786 14.4502 29.3682 14.4502 24.1729Z" fill="white" ></path> <path d="M16.4795 24.1729C16.4795 20.1003 19.7815 16.7983 23.8545 16.7983C27.9263 16.7983 31.2289 20.1003 31.2289 24.1729C31.2289 28.246 27.9264 31.5479 23.8545 31.5479C19.7815 31.5479 16.4795 28.2459 16.4795 24.1729Z" fill="#577FC0" ></path> <path d="M42.8842 14.7835C42.8842 14.7835 28.9092 14.7502 25.7324 14.7814C27.9834 15.3454 29.3494 16.1905 30.3307 17.141L42.8842 14.7835Z" fill="#E5A630" ></path> <path d="M22.4814 45.1196C22.4814 45.1196 29.4991 33.0332 31.0599 30.2671C29.5668 31.8096 28.2439 32.5758 27.014 32.9782L22.4814 45.1196Z" fill="#109155" ></path> </svg> <p class="text-white">Add to Chrome <span class="font-light">- it's free</span></p></a ><a type="button" title="Add to Edge Browser - it's free" target="_blank" aria-label="Add to Edge Browser - it's free" onclick="gtag('event', 'install_cta_blog_primary', {});" href="https://microsoftedge.microsoft.com/addons/detail/web-highlights-pdf-we/ghdpaajjhmlfkogblgeibaabcpjfgldn" class="flex items-center border border-solid border-primary-700 hover:bg-primary-50/40 dark:hover:bg-primary-50/20 focus:ring-1 dark:focus:ring-gray-600 focus:outline-none focus:ring-[text-primary-500]/50 font-medium rounded-xl text-md px-5 py-4 text-center inline-flex items-cente" ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" fill="none" class="w-[24px] h-[24px]" > <path d="M40.8701 34.2064C40.3089 34.4999 39.7302 34.7585 39.1372 34.9808C37.2497 35.687 35.2502 36.0468 33.2349 36.0429C25.4551 36.0429 18.6781 30.6914 18.6781 23.824C18.6881 22.9029 18.9437 22.0012 19.4186 21.2119C19.8934 20.4226 20.5703 19.7743 21.3794 19.334C14.3427 19.6299 12.5342 26.9626 12.5342 31.2586C12.5342 43.4051 23.7288 44.6365 26.1407 44.6365C27.4411 44.6365 29.4025 44.2584 30.5797 43.8868L30.7951 43.8145C35.325 42.2485 39.1867 39.1869 41.7447 35.1337C41.8231 35.0103 41.8581 34.8642 41.8441 34.7187C41.8302 34.5731 41.7682 34.4364 41.6679 34.33C41.5676 34.2237 41.4347 34.1538 41.2902 34.1314C41.1457 34.109 40.9979 34.1354 40.8701 34.2064Z" fill="url(#paint0_linear_5830_54282)" ></path> <path opacity="0.35" d="M40.8701 34.2064C40.3089 34.4999 39.7302 34.7585 39.1372 34.9808C37.2497 35.687 35.2502 36.0468 33.2349 36.0429C25.4551 36.0429 18.6781 30.6914 18.6781 23.824C18.6881 22.9029 18.9437 22.0012 19.4186 21.2119C19.8934 20.4226 20.5703 19.7743 21.3794 19.334C14.3427 19.6299 12.5342 26.9626 12.5342 31.2586C12.5342 43.4051 23.7288 44.6365 26.1407 44.6365C27.4411 44.6365 29.4025 44.2584 30.5797 43.8868L30.7951 43.8145C35.325 42.2485 39.1867 39.1869 41.7447 35.1337C41.8231 35.0103 41.8581 34.8642 41.8441 34.7187C41.8302 34.5731 41.7682 34.4364 41.6679 34.33C41.5676 34.2237 41.4347 34.1538 41.2902 34.1314C41.1457 34.109 40.9979 34.1354 40.8701 34.2064Z" fill="url(#paint1_radial_5830_54282)" ></path> <path d="M20.2632 42.5714C18.7968 41.6613 17.5259 40.4686 16.5245 39.0629C15.3832 37.4992 14.5978 35.7047 14.2234 33.8053C13.849 31.9059 13.8947 29.9476 14.3573 28.0677C14.8199 26.1878 15.6882 24.4319 16.9013 22.9232C18.1144 21.4144 19.6429 20.1893 21.3795 19.3338C21.8925 19.0922 22.7688 18.6548 23.9345 18.6762C24.7557 18.6822 25.5644 18.8783 26.2972 19.2491C27.03 19.6199 27.6669 20.1554 28.1581 20.8135C28.822 21.7 29.1881 22.774 29.2038 23.8814C29.2038 23.8469 33.2252 10.7944 16.051 10.7944C8.83349 10.7944 2.89832 17.6437 2.89832 23.6529C2.86985 26.8316 3.54999 29.9768 4.88931 32.8598C7.07814 37.5299 10.9058 41.2337 15.6454 43.2677C20.3851 45.3017 25.7066 45.5243 30.5996 43.8933C28.8864 44.4334 27.0764 44.5956 25.2944 44.3685C23.5125 44.1414 21.801 43.5305 20.278 42.578L20.2632 42.5714Z" fill="url(#paint2_linear_5830_54282)" ></path> <path opacity="0.41" d="M20.2632 42.5714C18.7968 41.6613 17.5259 40.4686 16.5245 39.0629C15.3832 37.4992 14.5978 35.7047 14.2234 33.8053C13.849 31.9059 13.8947 29.9476 14.3573 28.0677C14.8199 26.1878 15.6882 24.4319 16.9013 22.9232C18.1144 21.4144 19.6429 20.1893 21.3795 19.3338C21.8925 19.0922 22.7688 18.6548 23.9345 18.6762C24.7557 18.6822 25.5644 18.8783 26.2972 19.2491C27.03 19.6199 27.6669 20.1554 28.1581 20.8135C28.822 21.7 29.1881 22.774 29.2038 23.8814C29.2038 23.8469 33.2252 10.7944 16.051 10.7944C8.83349 10.7944 2.89832 17.6437 2.89832 23.6529C2.86985 26.8316 3.54999 29.9768 4.88931 32.8598C7.07814 37.5299 10.9058 41.2337 15.6454 43.2677C20.3851 45.3017 25.7066 45.5243 30.5996 43.8933C28.8864 44.4334 27.0764 44.5956 25.2944 44.3685C23.5125 44.1414 21.801 43.5305 20.278 42.578L20.2632 42.5714Z" fill="url(#paint3_radial_5830_54282)" ></path> <path d="M27.9243 27.3538C27.7911 27.5264 27.3818 27.7648 27.3818 28.2844C27.3818 28.7135 27.6613 29.1261 28.1578 29.473C30.522 31.1171 34.9791 30.9001 34.9906 30.9001C36.7424 30.8959 38.4611 30.4218 39.9673 29.5273C41.4868 28.6401 42.7478 27.371 43.6254 25.8459C44.503 24.3209 44.9666 22.5929 44.9702 20.8334C45.013 17.1489 43.655 14.6992 43.1058 13.6141C39.622 6.79939 32.1019 2.87988 23.9242 2.87988C18.3938 2.87934 13.0855 5.05583 9.14729 8.93864C5.20911 12.8214 2.95765 18.0984 2.87988 23.6283C2.9588 17.6208 8.93014 12.7691 16.0326 12.7691C16.608 12.7691 19.8896 12.825 22.9378 14.4247C25.6242 15.8353 27.0316 17.5386 28.0098 19.2271C29.0259 20.9813 29.2067 23.1976 29.2067 24.0804C29.2067 24.9633 28.7562 26.272 27.9243 27.3538Z" fill="url(#paint4_radial_5830_54282)" ></path> <path d="M27.9243 27.3538C27.7911 27.5264 27.3818 27.7648 27.3818 28.2844C27.3818 28.7135 27.6613 29.1261 28.1578 29.473C30.522 31.1171 34.9791 30.9001 34.9906 30.9001C36.7424 30.8959 38.4611 30.4218 39.9673 29.5273C41.4868 28.6401 42.7478 27.371 43.6254 25.8459C44.503 24.3209 44.9666 22.5929 44.9702 20.8334C45.013 17.1489 43.655 14.6992 43.1058 13.6141C39.622 6.79939 32.1019 2.87988 23.9242 2.87988C18.3938 2.87934 13.0855 5.05583 9.14729 8.93864C5.20911 12.8214 2.95765 18.0984 2.87988 23.6283C2.9588 17.6208 8.93014 12.7691 16.0326 12.7691C16.608 12.7691 19.8896 12.825 22.9378 14.4247C25.6242 15.8353 27.0316 17.5386 28.0098 19.2271C29.0259 20.9813 29.2067 23.1976 29.2067 24.0804C29.2067 24.9633 28.7562 26.272 27.9243 27.3538Z" fill="url(#paint5_radial_5830_54282)" ></path> <defs> <linearGradient id="paint0_linear_5830_54282" x1="12.5342" y1="31.9885" x2="41.8549" y2="31.9885" gradientUnits="userSpaceOnUse" > <stop stop-color="#0C59A4"></stop> <stop offset="1" stop-color="#114A8B"></stop> </linearGradient> <radialGradient id="paint1_radial_5830_54282" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(28.7285 32.2196) scale(15.6813 14.8973)" > <stop offset="0.72" stop-opacity="0"></stop> <stop offset="0.95" stop-opacity="0.53"></stop> <stop offset="1"></stop> </radialGradient> <linearGradient id="paint2_linear_5830_54282" x1="27.9921" y1="19.2697" x2="9.67855" y2="39.2175" gradientUnits="userSpaceOnUse" > <stop stop-color="#1B9DE2"></stop> <stop offset="0.16" stop-color="#1595DF"></stop> <stop offset="0.67" stop-color="#0680D7"></stop> <stop offset="1" stop-color="#0078D4"></stop> </linearGradient> <radialGradient id="paint3_radial_5830_54282" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(14.4866 35.5985) rotate(-81.3844) scale(23.5805 19.0507)" > <stop offset="0.76" stop-opacity="0"></stop> <stop offset="0.95" stop-opacity="0.5"></stop> <stop offset="1"></stop> </radialGradient> <radialGradient id="paint4_radial_5830_54282" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(7.13191 10.6691) rotate(92.2906) scale(33.3079 70.939)" > <stop stop-color="#35C1F1"></stop> <stop offset="0.11" stop-color="#34C1ED"></stop> <stop offset="0.23" stop-color="#2FC2DF"></stop> <stop offset="0.31" stop-color="#2BC3D2"></stop> <stop offset="0.67" stop-color="#36C752"></stop> </radialGradient> <radialGradient id="paint5_radial_5830_54282" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(42.3499 15.6061) rotate(73.7398) scale(16.0036 13.0141)" > <stop stop-color="#66EB6E"></stop> <stop offset="1" stop-color="#66EB6E" stop-opacity="0"></stop> </radialGradient> </defs> </svg> <p class="sr-only absolute">Add to Edge <span>- it's free</span></p></a > </div> <a style="display: none;" class="gh-head-button" href="#/portal/signup" data-portal="signup">Subscribe</a> </div> </nav> </header> <div class="site-content"> <main id="site-main" class="site-main"> <article class="article post tag-faq "> <header class="article-header gh-canvas"> <div class="article-tag post-card-tags"> <span class="post-card-primary-tag"> <a href="/blog/tag/faq/">FAQ, Tutorials, and Help</a> </span> </div> <h1 class="article-title">FAQ | Web Highlights - PDF &amp; Web Highlighter</h1> <p class="article-excerpt">Welcome to the Web Highlights Extension FAQ! This article should answer your questions and help you get the most out of our extension. </p> <div class="article-byline"> <section class="article-byline-content"> <ul class="author-list"> <li class="author-list-item"> <a href="/blog/author/marius-bongarts/" class="author-avatar"> <img class="author-profile-image" src="/blog/content/images/size/w100/2022/08/IMG_7861_Square.jpeg" alt="Marius Bongarts" /> </a> </li> </ul> <div class="article-byline-meta"> <h4 class="author-name"><a href="/blog/author/marius-bongarts/">Marius Bongarts</a></h4> <div class="byline-meta-content"> <time class="byline-meta-date" datetime="2022-12-23">Dec 23, 2022</time> <span class="byline-reading-time"><span class="bull">&bull;</span> 4 min read</span> </div> </div> </section> </div> <figure class="article-image"> <img srcset="https://images.unsplash.com/photo-1586011876158-197fd32f15e2?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;MnwxMTc3M3wwfDF8c2VhcmNofDM0fHxxdWVzdGlvbnN8ZW58MHx8fHwxNjcxODA1MDA1&amp;ixlib&#x3D;rb-4.0.3&amp;q&#x3D;80&amp;w&#x3D;300 300w, https://images.unsplash.com/photo-1586011876158-197fd32f15e2?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;MnwxMTc3M3wwfDF8c2VhcmNofDM0fHxxdWVzdGlvbnN8ZW58MHx8fHwxNjcxODA1MDA1&amp;ixlib&#x3D;rb-4.0.3&amp;q&#x3D;80&amp;w&#x3D;600 600w, https://images.unsplash.com/photo-1586011876158-197fd32f15e2?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;MnwxMTc3M3wwfDF8c2VhcmNofDM0fHxxdWVzdGlvbnN8ZW58MHx8fHwxNjcxODA1MDA1&amp;ixlib&#x3D;rb-4.0.3&amp;q&#x3D;80&amp;w&#x3D;1000 1000w, https://images.unsplash.com/photo-1586011876158-197fd32f15e2?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;MnwxMTc3M3wwfDF8c2VhcmNofDM0fHxxdWVzdGlvbnN8ZW58MHx8fHwxNjcxODA1MDA1&amp;ixlib&#x3D;rb-4.0.3&amp;q&#x3D;80&amp;w&#x3D;2000 2000w" sizes="(min-width: 1400px) 1400px, 92vw" src="https://images.unsplash.com/photo-1586011876158-197fd32f15e2?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;MnwxMTc3M3wwfDF8c2VhcmNofDM0fHxxdWVzdGlvbnN8ZW58MHx8fHwxNjcxODA1MDA1&amp;ixlib&#x3D;rb-4.0.3&amp;q&#x3D;80&amp;w&#x3D;2000" alt="Young boy in front of laptop raising his hand." /> <figcaption>Photo by <a href="https://unsplash.com/@rohitfarmer?utm_source=ghost&utm_medium=referral&utm_campaign=api-credit">Rohit Farmer</a> / <a href="https://unsplash.com/?utm_source=ghost&utm_medium=referral&utm_campaign=api-credit">Unsplash</a></figcaption> </figure> </header> <section class="gh-content gh-canvas"> <p>Welcome to the Web Highlights Extension FAQ! This article should answer your questions and help you get the most out of our extension. Whether you're a new user or an experienced pro, we hope this article will provide valuable information and help you make the most of our tool.</p><p>In this FAQ, you'll find answers to common questions about the Web Highlights Extension, including how it works, what features are available, and how to use it to boost productivity. We've also included data security and support information, so you can feel confident using our extension.</p><p>We hope you find this article helpful, and if you have any additional questions, don't hesitate to contact me by sending an email to <em>hallo@marius-bongarts.de</em>. You can also get in touch with me via <a href="https://www.linkedin.com/in/marius-bongarts-6b3638171/">LinkedIn</a> or <a href="https://twitter.com/MariusBongarts">Twitter</a>.<br></p><h3 id="q-what-is-the-web-highlights-chrome-extension">Q: What is the Web Highlights Chrome Extension? </h3><p>The Web Highlights Chrome Extension is a productivity tool that helps you organize and manage your online research and bookmarks. With our extension, you can highlight text and take notes on any webpage or PDF, create tags to find your articles and research easily, and export your work to HTML, Markdown, and PDF files.</p><h3 id="q-how-does-the-web-highlights-extension-work">Q: How does the Web Highlights Extension work? </h3><p>To use the Web Highlights Extension, simply install it from the Chrome Web Store and click the extension icon in your browser to activate it. You can then highlight text or take notes on any webpage or PDF by clicking and dragging your mouse over the text or using the keyboard shortcuts. Your highlights and notes will be saved automatically and can be accessed from the extension's interface or exported to a file.</p><h3 id="q-can-i-synchronize-my-highlights-with-other-tools">Q: Can I synchronize my highlights with other tools? </h3><p>Yes, you can synchronize your highlights with tools like Notion or Obsidian by copying and pasting the exported HTML or Markdown into those tools.</p><h3 id="q-can-i-share-my-highlights-with-others">Q: Can I share my highlights with others? </h3><p>You can share your highlights with others by generating a shareable link from the extension's interface. This link will allow others to view your highlights on a webpage or PDF.</p><h3 id="q-does-the-web-highlights-chrome-extension-offer-unlimited-highlighting-and-bookmarking-for-all-users">Q: Does the Web Highlights Chrome Extension offer unlimited highlighting and bookmarking for all users?</h3><p>Yes, the Web Highlights Chrome Extension offers unlimited highlighting and bookmarking for all users. After the 7-day trial, a few additional features may be limited, such as taking notes, adding tags, and exporting. However, users can still access and use the highlighting and bookmarking features without limitation.</p><h3 id="q-is-the-web-highlights-extension-free-to-use">Q: Is the Web Highlights Extension free to use? </h3><p>You can freely install and use the Web Highlights Extension without any cost. The offline features will always be available for you to use at no charge. No account is needed for that.</p><p>However, if you choose to sign up, you can try out all the features during a 7-day trial period. After that, certain features like automatic cloud backup and exporting might have limitations. If you wish to keep using these features without restrictions, you can upgrade to the PREMIUM or ULTIMATE version of the extension.</p><h3 id="q-is-my-data-secure-with-the-web-highlights-extension">Q: Is my data secure with the Web Highlights Extension? </h3><p>Yes, we take the security of your data seriously. Your data is not being sold to third parties or used for purposes unrelated to the extension's core functionality. We also ensure that your data is not being used or transferred to determine creditworthiness or for lending purposes.</p><h3 id="q-how-do-i-contact-support-for-the-web-highlights-extension">Q: How do I contact support for the Web Highlights Extension? </h3><p>You can contact support for the Web Highlights Extension by sending an email to hallo@marius-bongarts.de. You can also get in touch with me via <a href="https://www.linkedin.com/in/marius-bongarts-6b3638171/">LinkedIn</a> or <a href="https://twitter.com/MariusBongarts">Twitter</a>.</p><h3 id="q-why-are-some-of-my-highlights-not-being-displayed-on-the-webpage">Q: Why are some of my highlights not being displayed on the webpage?</h3><p>There are several reasons why highlights created with the Web Highlights Chrome extension may not be able to be recreated on a website:</p><ol><li>Web Highlights usually works on most websites, but it's essential to be aware that there are some websites where it might not function correctly due to conflicting code.</li><li>The website may have changed its content since the highlight was created. This means that the highlighted text or content may no longer be present on the website.</li><li>The website may have undergone a redesign and the layout or structure of the website may have changed, making it difficult to locate the highlight.</li><li>The website may have changed its URL, which means that the link to the page where the highlight was created may no longer be valid.</li><li>The website may have implemented technical changes that prevent the Web Highlights extension from being able to access and recreate the highlight.</li></ol><p>More infos here:</p><figure class="kg-card kg-bookmark-card"><a class="kg-bookmark-container" href="https://web-highlights.com/blog/why-are-my-highlights-not-visible-on-the-page/"><div class="kg-bookmark-content"><div class="kg-bookmark-title">Why Are My Highlights Not Visible on The Page?</div><div class="kg-bookmark-description">If you are here, you’ve likely seen the info message above and are wondering why your highlights are not visible on the page. As a solo developer, I’m working hard to make Web Highlights work on most websites, but technical limitations mean I can’t always guarantee your highlights will</div><div class="kg-bookmark-metadata"><img class="kg-bookmark-icon" src="https://web-highlights.com/favicon.ico" alt=""><span class="kg-bookmark-author">Web Highlights Blog</span><span class="kg-bookmark-publisher">Marius Bongarts</span></div></div><div class="kg-bookmark-thumbnail"><img src="https://web-highlights.com/blog/content/images/2024/07/image-2-1.png" alt=""></div></a></figure><h3 id="q-why-is-the-google-sign-in-feature-of-the-web-highlights-chrome-extension-not-working">Q: Why is the Google Sign-in feature of the Web Highlights Chrome Extension not working?</h3><p>In some cases, the Google Sign-in feature of the Web Highlights Chrome Extension may not work on certain pages. This can be caused by various factors, such as issues with the website's security protocols or the user's browser settings. If users encounter this issue, they can try signing in to the extension on a different website or by using the web app on web-highlights.com.</p><h3 id="q-why-is-the-web-highlights-chrome-extension-not-working-on-my-laptop">Q: Why is the Web Highlights Chrome Extension not working on my laptop?</h3><p>Sometimes, the Web Highlights Chrome Extension may not work when AdBlocker Chrome extensions are installed. This can be because AdBlocker extensions often block scripts and elements that are necessary for the extension to function properly. To troubleshoot this issue, users can try disabling their AdBlocker extension or adding an exception for the extension in the AdBlocker settings.</p><p>Additionally, the extension may not work for users who are using a company laptop due to restrictions or policies put in place by their employer. In this case, users may need to contact their company's IT department to request access to the extension.</p> </section> </article> </main> <section class="footer-cta outer"> <div class="inner"> <h2 class="footer-cta-title">Sign up for more like this.</h2> <a class="footer-cta-button" href="#/portal" data-portal> <div class="footer-cta-input">Enter your email</div> <span>Subscribe</span> </a> </div> </section> <aside class="read-more-wrap outer"> <div class="read-more inner"> <article class="post-card post"> <a class="post-card-image-link" href="/blog/how-5-law-students-study-smarter-with-web-highlights/"> <img class="post-card-image" srcset="/blog/content/images/size/w300/2025/02/law-thumbnail-big.webp 300w, /blog/content/images/size/w600/2025/02/law-thumbnail-big.webp 600w, /blog/content/images/size/w1000/2025/02/law-thumbnail-big.webp 1000w, /blog/content/images/size/w2000/2025/02/law-thumbnail-big.webp 2000w" sizes="(max-width: 1000px) 400px, 800px" src="/blog/content/images/size/w600/2025/02/law-thumbnail-big.webp" alt="How 3 Law Students Study Smarter with Web Highlights" loading="lazy" /> </a> <div class="post-card-content"> <a class="post-card-content-link" href="/blog/how-5-law-students-study-smarter-with-web-highlights/"> <header class="post-card-header"> <div class="post-card-tags"> </div> <h2 class="post-card-title"> How 3 Law Students Study Smarter with Web Highlights </h2> </header> <div class="post-card-excerpt">Follow the journey of three law students as they share how Web Highlights boosts their productivity. Learn why they recommend it to all law students.</div> </a> <footer class="post-card-meta"> <time class="post-card-meta-date" datetime="2025-02-14">Feb 14, 2025</time> <span class="sep">—</span> <span class="post-card-meta-length">8 min read</span> </footer> </div> </article> <article class="post-card post"> <a class="post-card-image-link" href="/blog/top-5-note-taking-browser-extensions-in-2025/"> <img class="post-card-image" srcset="https://images.unsplash.com/photo-1454165804606-c3d57bc86b40?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDd8fERpZ2l0YWwlMjBOb3Rlc3xlbnwwfHx8fDE3MzYzMjIxNTV8MA&amp;ixlib&#x3D;rb-4.0.3&amp;q&#x3D;80&amp;w&#x3D;300 300w, https://images.unsplash.com/photo-1454165804606-c3d57bc86b40?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDd8fERpZ2l0YWwlMjBOb3Rlc3xlbnwwfHx8fDE3MzYzMjIxNTV8MA&amp;ixlib&#x3D;rb-4.0.3&amp;q&#x3D;80&amp;w&#x3D;600 600w, https://images.unsplash.com/photo-1454165804606-c3d57bc86b40?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDd8fERpZ2l0YWwlMjBOb3Rlc3xlbnwwfHx8fDE3MzYzMjIxNTV8MA&amp;ixlib&#x3D;rb-4.0.3&amp;q&#x3D;80&amp;w&#x3D;1000 1000w, https://images.unsplash.com/photo-1454165804606-c3d57bc86b40?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDd8fERpZ2l0YWwlMjBOb3Rlc3xlbnwwfHx8fDE3MzYzMjIxNTV8MA&amp;ixlib&#x3D;rb-4.0.3&amp;q&#x3D;80&amp;w&#x3D;2000 2000w" sizes="(max-width: 1000px) 400px, 800px" src="https://images.unsplash.com/photo-1454165804606-c3d57bc86b40?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDd8fERpZ2l0YWwlMjBOb3Rlc3xlbnwwfHx8fDE3MzYzMjIxNTV8MA&amp;ixlib&#x3D;rb-4.0.3&amp;q&#x3D;80&amp;w&#x3D;600" alt=" Two laptops, with two people sitting in front. A physical notebook in front, with the man holding a pencil." loading="lazy" /> </a> <div class="post-card-content"> <a class="post-card-content-link" href="/blog/top-5-note-taking-browser-extensions-in-2025/"> <header class="post-card-header"> <div class="post-card-tags"> </div> <h2 class="post-card-title"> Top 5 Note-Taking Browser Extensions in 2025 </h2> </header> <div class="post-card-excerpt">Explore the 5 best note-taking browser extensions in 2025 for capturing ideas, saving important information, and boosting productivity while browsing.</div> </a> <footer class="post-card-meta"> <time class="post-card-meta-date" datetime="2025-01-10">Jan 10, 2025</time> <span class="sep">—</span> <span class="post-card-meta-length">7 min read</span> </footer> </div> </article> <article class="post-card post"> <a class="post-card-image-link" href="/blog/planting-trees-worldwide-with-our-browser-extension/"> <img class="post-card-image" srcset="/blog/content/images/size/w300/2024/12/kilimanjaro1-min.jpg 300w, /blog/content/images/size/w600/2024/12/kilimanjaro1-min.jpg 600w, /blog/content/images/size/w1000/2024/12/kilimanjaro1-min.jpg 1000w, /blog/content/images/size/w2000/2024/12/kilimanjaro1-min.jpg 2000w" sizes="(max-width: 1000px) 400px, 800px" src="/blog/content/images/size/w600/2024/12/kilimanjaro1-min.jpg" alt="Mersey Forest twins with African initiative in drive to plant more trees locally and globally" loading="lazy" /> </a> <div class="post-card-content"> <a class="post-card-content-link" href="/blog/planting-trees-worldwide-with-our-browser-extension/"> <header class="post-card-header"> <div class="post-card-tags"> </div> <h2 class="post-card-title"> Planting Trees Worldwide with The Web Highlights Extension </h2> </header> <div class="post-card-excerpt">My top priority was always to make sure that most features of Web Highlights are free for everyone around the world. I am proud that the free version is already helping over 150,000 users to learn, stay organized, and do research. At the same time, I want to keep</div> </a> <footer class="post-card-meta"> <time class="post-card-meta-date" datetime="2024-12-29">Dec 29, 2024</time> <span class="sep">—</span> <span class="post-card-meta-length">4 min read</span> </footer> </div> </article> </div> </aside> </div> <footer class="site-footer outer"> <div class="inner"> <section class="copyright"><a href="https://web-highlights.com/blog">Web Highlights Blog</a> &copy; 2025</section> <nav class="site-footer-nav"> <ul class="nav"> <li class="nav-home"><a href="https://web-highlights.com/">Home</a></li> <li class="nav-about"><a href="https://web-highlights.com/about/">About</a></li> <li class="nav-blog"><a href="https://web-highlights.com/blog/">Blog</a></li> <li class="nav-chrome-extension"><a href="https://chrome.google.com/webstore/detail/web-highlights-pdf-web-hi/hldjnlbobkdkghfidgoecgmklcemanhm">Chrome Extension</a></li> <li class="nav-edge-extension"><a href="https://microsoftedge.microsoft.com/addons/detail/web-highlights-pdf-we/ghdpaajjhmlfkogblgeibaabcpjfgldn">Edge Extension</a></li> <li class="nav-sign-up"><a href="https://app.web-highlights.com/auth/sign-up">Sign up</a></li> <li class="nav-sign-in"><a href="https://app.web-highlights.com/auth/sign-in">Sign In</a></li> <li class="nav-whats-new"><a href="https://web-highlights.com/blog/whats-new/">What&#x27;s new?</a></li> </ul> </nav> <div><a href="https://web-highlights.com/" target="_blank">Powered by Web Highlights</a></div> </div> <div style="display: flex;justify-content: center;flex-wrap: wrap; margin-top: 30px;"> <div style="display: flex;justify-content: center;flex-wrap: wrap; width: 100%;"> <span style="width: 450px;text-align: center;font-weight: 700; font-size: 18px;"> Productivity Highlighter for any Website or PDF. Free and easy to use without signing up. <br> <br> <span style="width: 100%;text-align: center;font-weight: 500; font-size: 16px;"> With our online Web &amp; PDF Highlighter you can highlight any website or PDF. Easily create tags, take notes and export your research to Notion, Obsidian, and more. </span> </span> </div> <div class="flex gap-2 mt-12"> <a type="button" title="Add to Chrome Browser - it's free" target="_blank" aria-label="Add to Chrome Browser - it's free" href="https://chromewebstore.google.com/detail/web-highlights-pdf-web-hi/hldjnlbobkdkghfidgoecgmklcemanhm" class="flex items-center text-white bg-primary-700 hover:bg-primary-700/80 focus:ring-1 focus:outline-none focus:ring-[text-primary-500]/50 font-medium rounded-xl text-md px-5 py-2.5 text-center inline-flex items-center dark:hover:bg-primary-600/70 dark:focus:ring-gray-600" ><svg class="w-[20px] h-[20px] me-2 -ms-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" fill="none" > <path d="M23.9065 2.88415C23.9065 2.88415 36.3365 2.32467 42.9244 14.8163H22.8499C22.8499 14.8163 19.0589 14.6917 15.8267 19.2911C14.8949 21.2181 13.9007 23.207 15.0192 27.1218C13.4032 24.3878 6.44238 12.2685 6.44238 12.2685C6.44238 12.2685 11.3525 3.38103 23.9065 2.88415Z" fill="#DA4537" ></path> <path d="M6.44238 12.2681C6.44238 12.2681 13.4032 24.3874 15.0192 27.1214C14.3881 24.9124 14.4296 23.3166 14.7531 21.9992L6.44238 12.2681Z" fill="#B63729" ></path> <path d="M42.277 34.5998C42.277 34.5998 36.5452 45.6426 22.4326 45.1001C24.1738 42.0868 32.4721 27.7167 32.4721 27.7167C32.4721 27.7167 34.4757 24.4962 32.1104 19.3978C31.593 18.636 31.0716 17.8585 30.3309 17.141C29.3496 16.1905 27.9836 15.3454 25.7326 14.7814C28.9094 14.7502 42.8845 14.7835 42.8845 14.7835C42.8845 14.7835 48.1246 23.48 42.277 34.5998Z" fill="#FFCD3F" ></path> <path d="M5.6251 34.6841C5.6251 34.6841 -1.07237 24.1973 6.45491 12.2476L16.4882 29.6352C16.4882 29.6352 18.2754 32.9804 23.874 33.4812C24.8832 33.4076 25.9112 33.3391 27.0139 32.9783C28.2439 32.5758 29.5667 31.8097 31.0599 30.2671C29.4991 33.0333 22.4814 45.1197 22.4814 45.1197C22.4814 45.1197 12.3303 45.309 5.6251 34.6841Z" fill="#0A9E58" ></path> <path d="M14.4502 24.1729C14.4502 18.9793 18.6608 14.7681 23.8555 14.7681C29.0498 14.7681 33.26 18.9793 33.26 24.1729C33.26 29.368 29.0498 33.5786 23.8555 33.5786C18.6608 33.5786 14.4502 29.3682 14.4502 24.1729Z" fill="white" ></path> <path d="M16.4795 24.1729C16.4795 20.1003 19.7815 16.7983 23.8545 16.7983C27.9263 16.7983 31.2289 20.1003 31.2289 24.1729C31.2289 28.246 27.9264 31.5479 23.8545 31.5479C19.7815 31.5479 16.4795 28.2459 16.4795 24.1729Z" fill="#577FC0" ></path> <path d="M42.8842 14.7835C42.8842 14.7835 28.9092 14.7502 25.7324 14.7814C27.9834 15.3454 29.3494 16.1905 30.3307 17.141L42.8842 14.7835Z" fill="#E5A630" ></path> <path d="M22.4814 45.1196C22.4814 45.1196 29.4991 33.0332 31.0599 30.2671C29.5668 31.8096 28.2439 32.5758 27.014 32.9782L22.4814 45.1196Z" fill="#109155" ></path> </svg> <p class="text-white">Add to Chrome <span class="font-light">- it's free</span></p></a ><a type="button" title="Add to Edge Browser - it's free" target="_blank" aria-label="Add to Edge Browser - it's free" href="https://microsoftedge.microsoft.com/addons/detail/web-highlights-pdf-we/ghdpaajjhmlfkogblgeibaabcpjfgldn" class="flex items-center border border-solid border-primary-700 hover:bg-primary-50/40 dark:hover:bg-primary-50/20 focus:ring-1 dark:focus:ring-gray-600 focus:outline-none focus:ring-[text-primary-500]/50 font-medium rounded-xl text-md px-5 py-2.5 text-center inline-flex items-cente" ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" fill="none" class="w-[20px] h-[20px]" > <path d="M40.8701 34.2064C40.3089 34.4999 39.7302 34.7585 39.1372 34.9808C37.2497 35.687 35.2502 36.0468 33.2349 36.0429C25.4551 36.0429 18.6781 30.6914 18.6781 23.824C18.6881 22.9029 18.9437 22.0012 19.4186 21.2119C19.8934 20.4226 20.5703 19.7743 21.3794 19.334C14.3427 19.6299 12.5342 26.9626 12.5342 31.2586C12.5342 43.4051 23.7288 44.6365 26.1407 44.6365C27.4411 44.6365 29.4025 44.2584 30.5797 43.8868L30.7951 43.8145C35.325 42.2485 39.1867 39.1869 41.7447 35.1337C41.8231 35.0103 41.8581 34.8642 41.8441 34.7187C41.8302 34.5731 41.7682 34.4364 41.6679 34.33C41.5676 34.2237 41.4347 34.1538 41.2902 34.1314C41.1457 34.109 40.9979 34.1354 40.8701 34.2064Z" fill="url(#paint0_linear_5830_54282)" ></path> <path opacity="0.35" d="M40.8701 34.2064C40.3089 34.4999 39.7302 34.7585 39.1372 34.9808C37.2497 35.687 35.2502 36.0468 33.2349 36.0429C25.4551 36.0429 18.6781 30.6914 18.6781 23.824C18.6881 22.9029 18.9437 22.0012 19.4186 21.2119C19.8934 20.4226 20.5703 19.7743 21.3794 19.334C14.3427 19.6299 12.5342 26.9626 12.5342 31.2586C12.5342 43.4051 23.7288 44.6365 26.1407 44.6365C27.4411 44.6365 29.4025 44.2584 30.5797 43.8868L30.7951 43.8145C35.325 42.2485 39.1867 39.1869 41.7447 35.1337C41.8231 35.0103 41.8581 34.8642 41.8441 34.7187C41.8302 34.5731 41.7682 34.4364 41.6679 34.33C41.5676 34.2237 41.4347 34.1538 41.2902 34.1314C41.1457 34.109 40.9979 34.1354 40.8701 34.2064Z" fill="url(#paint1_radial_5830_54282)" ></path> <path d="M20.2632 42.5714C18.7968 41.6613 17.5259 40.4686 16.5245 39.0629C15.3832 37.4992 14.5978 35.7047 14.2234 33.8053C13.849 31.9059 13.8947 29.9476 14.3573 28.0677C14.8199 26.1878 15.6882 24.4319 16.9013 22.9232C18.1144 21.4144 19.6429 20.1893 21.3795 19.3338C21.8925 19.0922 22.7688 18.6548 23.9345 18.6762C24.7557 18.6822 25.5644 18.8783 26.2972 19.2491C27.03 19.6199 27.6669 20.1554 28.1581 20.8135C28.822 21.7 29.1881 22.774 29.2038 23.8814C29.2038 23.8469 33.2252 10.7944 16.051 10.7944C8.83349 10.7944 2.89832 17.6437 2.89832 23.6529C2.86985 26.8316 3.54999 29.9768 4.88931 32.8598C7.07814 37.5299 10.9058 41.2337 15.6454 43.2677C20.3851 45.3017 25.7066 45.5243 30.5996 43.8933C28.8864 44.4334 27.0764 44.5956 25.2944 44.3685C23.5125 44.1414 21.801 43.5305 20.278 42.578L20.2632 42.5714Z" fill="url(#paint2_linear_5830_54282)" ></path> <path opacity="0.41" d="M20.2632 42.5714C18.7968 41.6613 17.5259 40.4686 16.5245 39.0629C15.3832 37.4992 14.5978 35.7047 14.2234 33.8053C13.849 31.9059 13.8947 29.9476 14.3573 28.0677C14.8199 26.1878 15.6882 24.4319 16.9013 22.9232C18.1144 21.4144 19.6429 20.1893 21.3795 19.3338C21.8925 19.0922 22.7688 18.6548 23.9345 18.6762C24.7557 18.6822 25.5644 18.8783 26.2972 19.2491C27.03 19.6199 27.6669 20.1554 28.1581 20.8135C28.822 21.7 29.1881 22.774 29.2038 23.8814C29.2038 23.8469 33.2252 10.7944 16.051 10.7944C8.83349 10.7944 2.89832 17.6437 2.89832 23.6529C2.86985 26.8316 3.54999 29.9768 4.88931 32.8598C7.07814 37.5299 10.9058 41.2337 15.6454 43.2677C20.3851 45.3017 25.7066 45.5243 30.5996 43.8933C28.8864 44.4334 27.0764 44.5956 25.2944 44.3685C23.5125 44.1414 21.801 43.5305 20.278 42.578L20.2632 42.5714Z" fill="url(#paint3_radial_5830_54282)" ></path> <path d="M27.9243 27.3538C27.7911 27.5264 27.3818 27.7648 27.3818 28.2844C27.3818 28.7135 27.6613 29.1261 28.1578 29.473C30.522 31.1171 34.9791 30.9001 34.9906 30.9001C36.7424 30.8959 38.4611 30.4218 39.9673 29.5273C41.4868 28.6401 42.7478 27.371 43.6254 25.8459C44.503 24.3209 44.9666 22.5929 44.9702 20.8334C45.013 17.1489 43.655 14.6992 43.1058 13.6141C39.622 6.79939 32.1019 2.87988 23.9242 2.87988C18.3938 2.87934 13.0855 5.05583 9.14729 8.93864C5.20911 12.8214 2.95765 18.0984 2.87988 23.6283C2.9588 17.6208 8.93014 12.7691 16.0326 12.7691C16.608 12.7691 19.8896 12.825 22.9378 14.4247C25.6242 15.8353 27.0316 17.5386 28.0098 19.2271C29.0259 20.9813 29.2067 23.1976 29.2067 24.0804C29.2067 24.9633 28.7562 26.272 27.9243 27.3538Z" fill="url(#paint4_radial_5830_54282)" ></path> <path d="M27.9243 27.3538C27.7911 27.5264 27.3818 27.7648 27.3818 28.2844C27.3818 28.7135 27.6613 29.1261 28.1578 29.473C30.522 31.1171 34.9791 30.9001 34.9906 30.9001C36.7424 30.8959 38.4611 30.4218 39.9673 29.5273C41.4868 28.6401 42.7478 27.371 43.6254 25.8459C44.503 24.3209 44.9666 22.5929 44.9702 20.8334C45.013 17.1489 43.655 14.6992 43.1058 13.6141C39.622 6.79939 32.1019 2.87988 23.9242 2.87988C18.3938 2.87934 13.0855 5.05583 9.14729 8.93864C5.20911 12.8214 2.95765 18.0984 2.87988 23.6283C2.9588 17.6208 8.93014 12.7691 16.0326 12.7691C16.608 12.7691 19.8896 12.825 22.9378 14.4247C25.6242 15.8353 27.0316 17.5386 28.0098 19.2271C29.0259 20.9813 29.2067 23.1976 29.2067 24.0804C29.2067 24.9633 28.7562 26.272 27.9243 27.3538Z" fill="url(#paint5_radial_5830_54282)" ></path> <defs> <linearGradient id="paint0_linear_5830_54282" x1="12.5342" y1="31.9885" x2="41.8549" y2="31.9885" gradientUnits="userSpaceOnUse" > <stop stop-color="#0C59A4"></stop> <stop offset="1" stop-color="#114A8B"></stop> </linearGradient> <radialGradient id="paint1_radial_5830_54282" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(28.7285 32.2196) scale(15.6813 14.8973)" > <stop offset="0.72" stop-opacity="0"></stop> <stop offset="0.95" stop-opacity="0.53"></stop> <stop offset="1"></stop> </radialGradient> <linearGradient id="paint2_linear_5830_54282" x1="27.9921" y1="19.2697" x2="9.67855" y2="39.2175" gradientUnits="userSpaceOnUse" > <stop stop-color="#1B9DE2"></stop> <stop offset="0.16" stop-color="#1595DF"></stop> <stop offset="0.67" stop-color="#0680D7"></stop> <stop offset="1" stop-color="#0078D4"></stop> </linearGradient> <radialGradient id="paint3_radial_5830_54282" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(14.4866 35.5985) rotate(-81.3844) scale(23.5805 19.0507)" > <stop offset="0.76" stop-opacity="0"></stop> <stop offset="0.95" stop-opacity="0.5"></stop> <stop offset="1"></stop> </radialGradient> <radialGradient id="paint4_radial_5830_54282" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(7.13191 10.6691) rotate(92.2906) scale(33.3079 70.939)" > <stop stop-color="#35C1F1"></stop> <stop offset="0.11" stop-color="#34C1ED"></stop> <stop offset="0.23" stop-color="#2FC2DF"></stop> <stop offset="0.31" stop-color="#2BC3D2"></stop> <stop offset="0.67" stop-color="#36C752"></stop> </radialGradient> <radialGradient id="paint5_radial_5830_54282" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(42.3499 15.6061) rotate(73.7398) scale(16.0036 13.0141)" > <stop stop-color="#66EB6E"></stop> <stop offset="1" stop-color="#66EB6E" stop-opacity="0"></stop> </radialGradient> </defs> </svg> <p class="sr-only absolute">Add to Edge <span>- it's free</span></p></a > </div> <style> .user-rating-container { width: 100%; } .user-rating { display: flex; align-items: center; width: fit-content; margin: auto; margin-top: 8px; } .user-rating .user-count { margin-left: 4px; } .rating-container { letter-spacing: 0.01785714em; font-family: "Google Sans", Roboto, Arial, sans-serif; font-size: 0.875rem; color: #5f6368; font-weight: 400; line-height: normal; height: 22px; } .rating-container .first-stars-container { letter-spacing: 0.01785714em; font-family: "Google Sans", Roboto, Arial, sans-serif; font-size: 0.875rem; color: #5f6368; font-weight: 400; line-height: normal; display: flex; } .rating-container .first-stars-container .star { letter-spacing: 0.01785714em; font-family: "Google Sans", Roboto, Arial, sans-serif; font-size: 0.875rem; color: #5f6368; font-weight: 400; line-height: normal; pointer-events: none; height: 22px; width: 22px; } .rating-container .first-stars-container .star svg { letter-spacing: 0.01785714em; font-family: "Google Sans", Roboto, Arial, sans-serif; font-size: 0.875rem; color: #5f6368; font-weight: 400; line-height: normal; pointer-events: none; fill: grey; height: 22px; width: 22px; } .rating-container .second-stars-container { letter-spacing: 0.01785714em; font-family: "Google Sans", Roboto, Arial, sans-serif; font-size: 0.875rem; color: #5f6368; font-weight: 400; line-height: normal; display: flex; overflow: hidden; position: relative; top: -22px; overflow: hidden; position: relative; top: -22px; } .rating-container .second-stars-container .star { letter-spacing: 0.01785714em; font-family: "Google Sans", Roboto, Arial, sans-serif; font-size: 0.875rem; color: #5f6368; font-weight: 400; line-height: normal; pointer-events: none; height: 22px; width: 22px; } .rating-container .second-stars-container .star svg { letter-spacing: 0.01785714em; font-family: "Google Sans", Roboto, Arial, sans-serif; font-size: 0.875rem; color: #5f6368; font-weight: 400; line-height: normal; pointer-events: none; fill: white; height: 22px; width: 22px; } </style> <div class="user-rating-container"> <div class="user-rating"> <div class="rating-container" aria-hidden="true"> <div class="first-stars-container"> <div class="star"> <svg class="g-s-OAU7Vd" viewBox="0 0 24 24" width="100%" height="100%" > <path d="M0 0h24v24H0z" fill="none"></path> <path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z" ></path> <path d="M0 0h24v24H0z" fill="none"></path> </svg> </div> <div class="star"> <svg class="g-s-OAU7Vd" viewBox="0 0 24 24" width="100%" height="100%" > <path d="M0 0h24v24H0z" fill="none"></path> <path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z" ></path> <path d="M0 0h24v24H0z" fill="none"></path> </svg> </div> <div class="star"> <svg class="g-s-OAU7Vd" viewBox="0 0 24 24" width="100%" height="100%" > <path d="M0 0h24v24H0z" fill="none"></path> <path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z" ></path> <path d="M0 0h24v24H0z" fill="none"></path> </svg> </div> <div class="star"> <svg class="g-s-OAU7Vd" viewBox="0 0 24 24" width="100%" height="100%" > <path d="M0 0h24v24H0z" fill="none"></path> <path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z" ></path> <path d="M0 0h24v24H0z" fill="none"></path> </svg> </div> <div class="star"> <svg class="g-s-OAU7Vd" viewBox="0 0 24 24" style="margin-left: 2px;" width="100%" height="100%" > <path d="M0 0h24v24H0z" fill="none"></path> <path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z" ></path> <path d="M0 0h24v24H0z" fill="none"></path> </svg> </div> </div> <div class="second-stars-container"> <div class="star"> <svg class="g-s-OAU7Vd" viewBox="0 0 24 24" width="100%" height="100%" > <path d="M0 0h24v24H0z" fill="none"></path> <path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z" ></path> <path d="M0 0h24v24H0z" fill="none"></path> </svg> </div> <div class="star"> <svg class="g-s-OAU7Vd" viewBox="0 0 24 24" width="100%" height="100%" > <path d="M0 0h24v24H0z" fill="none"></path> <path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z" ></path> <path d="M0 0h24v24H0z" fill="none"></path> </svg> </div> <div class="star"> <svg class="g-s-OAU7Vd" viewBox="0 0 24 24" width="100%" height="100%" > <path d="M0 0h24v24H0z" fill="none"></path> <path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z" ></path> <path d="M0 0h24v24H0z" fill="none"></path> </svg> </div> <div class="star"> <svg class="g-s-OAU7Vd" viewBox="0 0 24 24" width="100%" height="100%" > <path d="M0 0h24v24H0z" fill="none"></path> <path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z" ></path> <path d="M0 0h24v24H0z" fill="none"></path> </svg> </div> <div class="star"> <svg class="g-s-OAU7Vd" viewBox="0 0 24 24" width="100%" height="100%" > <path d="M0 0h24v24H0z" fill="none"></path> <path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z" ></path> <path d="M0 0h24v24H0z" fill="none"></path> </svg> </div> </div> </div> <span class="user-count">4.8 (100,000+ users)</span> </div> </div> <section class="w-full mt-24 flex justify-center"> <div class="relative wall-of-love max-w-screen w-full md:w-[520px] mb-8 border-l-2 border-l-gray-500/30" > <figure class="max-w-screen-md pl-2 md:pl-4"> <div class="flex items-center mb-1.5 space-x-1 rtl:space-x-reverse"> <!--[--><svg class="w-4 h-4 text-yellow-300" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 22 20" > <path d="M20.924 7.625a1.523 1.523 0 0 0-1.238-1.044l-5.051-.734-2.259-4.577a1.534 1.534 0 0 0-2.752 0L7.365 5.847l-5.051.734A1.535 1.535 0 0 0 1.463 9.2l3.656 3.563-.863 5.031a1.532 1.532 0 0 0 2.226 1.616L11 17.033l4.518 2.375a1.534 1.534 0 0 0 2.226-1.617l-.863-5.03L20.537 9.2a1.523 1.523 0 0 0 .387-1.575Z" ></path></svg ><svg class="w-4 h-4 text-yellow-300" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 22 20" > <path d="M20.924 7.625a1.523 1.523 0 0 0-1.238-1.044l-5.051-.734-2.259-4.577a1.534 1.534 0 0 0-2.752 0L7.365 5.847l-5.051.734A1.535 1.535 0 0 0 1.463 9.2l3.656 3.563-.863 5.031a1.532 1.532 0 0 0 2.226 1.616L11 17.033l4.518 2.375a1.534 1.534 0 0 0 2.226-1.617l-.863-5.03L20.537 9.2a1.523 1.523 0 0 0 .387-1.575Z" ></path></svg ><svg class="w-4 h-4 text-yellow-300" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 22 20" > <path d="M20.924 7.625a1.523 1.523 0 0 0-1.238-1.044l-5.051-.734-2.259-4.577a1.534 1.534 0 0 0-2.752 0L7.365 5.847l-5.051.734A1.535 1.535 0 0 0 1.463 9.2l3.656 3.563-.863 5.031a1.532 1.532 0 0 0 2.226 1.616L11 17.033l4.518 2.375a1.534 1.534 0 0 0 2.226-1.617l-.863-5.03L20.537 9.2a1.523 1.523 0 0 0 .387-1.575Z" ></path></svg ><svg class="w-4 h-4 text-yellow-300" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 22 20" > <path d="M20.924 7.625a1.523 1.523 0 0 0-1.238-1.044l-5.051-.734-2.259-4.577a1.534 1.534 0 0 0-2.752 0L7.365 5.847l-5.051.734A1.535 1.535 0 0 0 1.463 9.2l3.656 3.563-.863 5.031a1.532 1.532 0 0 0 2.226 1.616L11 17.033l4.518 2.375a1.534 1.534 0 0 0 2.226-1.617l-.863-5.03L20.537 9.2a1.523 1.523 0 0 0 .387-1.575Z" ></path></svg ><svg class="w-4 h-4 text-yellow-300" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 22 20" > <path d="M20.924 7.625a1.523 1.523 0 0 0-1.238-1.044l-5.051-.734-2.259-4.577a1.534 1.534 0 0 0-2.752 0L7.365 5.847l-5.051.734A1.535 1.535 0 0 0 1.463 9.2l3.656 3.563-.863 5.031a1.532 1.532 0 0 0 2.226 1.616L11 17.033l4.518 2.375a1.534 1.534 0 0 0 2.226-1.617l-.863-5.03L20.537 9.2a1.523 1.523 0 0 0 .387-1.575Z" ></path></svg ><!--]--> </div> <blockquote class="p-0 m-0"> <p class="text-basic italic font-normal text-white" > "This functionality should be standard in any web browser. I can't believe that it's not rolled in with bookmarks already." </p> </blockquote> <figcaption class="p-0 flex items-center mt-2 space-x-3 rtl:space-x-reverse" > <img src="https://lh3.googleusercontent.com/a-/ALV-UjXLV9worccu2-5MlXRsYhsCdUOr4XsmT95DyBsTpQz-GfA1zvuF=s32-w32-h32" onerror="this.setAttribute('data-error', 1)" width="32" height="32" alt="Alaz Tetik - profile picture" referrerpolicy="no-referrer" loading="lazy" data-nuxt-img="" srcset=" https://lh3.googleusercontent.com/a-/ALV-UjXLV9worccu2-5MlXRsYhsCdUOr4XsmT95DyBsTpQz-GfA1zvuF=s32-w32-h32 1x, https://lh3.googleusercontent.com/a-/ALV-UjXLV9worccu2-5MlXRsYhsCdUOr4XsmT95DyBsTpQz-GfA1zvuF=s32-w32-h32 2x " class="rounded-full" /> <div class="flex items-center divide-x-2 rtl:divide-x-reverse divide-gray-700" > <cite class="pe-3 font-medium text-white" >Zach Gentner</cite > </div> </figcaption> </figure> </div> </section> </div> </footer> </div> <script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"> </script> <script src="/blog/assets/built/casper.js?v=e559e15c15"></script> <script> $(document).ready(function () { // Mobile Menu Trigger $('.gh-burger').click(function () { $('body').toggleClass('gh-head-open'); }); // FitVids - Makes video embeds responsive $(".gh-content").fitVids(); }); </script> <script> document.querySelectorAll('.site-footer-nav li')?.forEach(entry => { entry.onclick = () => gtag('event', `blog_footer_${entry.classList[0]}`, {}); }); document.querySelectorAll('.gh-head-menu li')?.forEach(entry => { entry.onclick = () => gtag('event', `blog_header_${entry.classList[0]}`, {}); }); </script> </body> </html>

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