PageSourceSearch

https://app.notesnook.com/login

html notesnook.com collected 2026-10-01 11:50:46 UTC 8,948 bytes, 233 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en">
3  <head>
4    <meta charset="utf-8" />
5    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
6    <link rel="icon" type="image/png" href="/favicon.png" />
7    <link rel="apple-touch-icon" href="/apple-touch-icon.png" />
8    <meta name="viewport" content="width=device-width, initial-scale=1" />
9    <!--
10      manifest.json provides metadata used when your web app is installed on a
11      user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
12    -->
13    <!-- <link rel="manifest" href="/manifest.json" /> -->
14    <!--
15      Notice the use of  in the tags above.
16      It will be replaced with the URL of the `public` folder during the build.
17      Only files inside the `public` folder can be referenced from the HTML.
18
19      Unlike "/favicon.ico" or "favicon.ico", "/favicon.ico" will
20      work correctly both with client-side routing and a non-root public URL.
21      Learn how to configure a non-root public URL by running `npm run build`.
22    -->
23    <meta name="description" content="Your private note taking space" />
24    <meta property="og:title" content="Notesnook" />
25    <meta
26      property="og:description"
27      content="A fully open source & end-to-end encrypted note taking alternative to Evernote."
28    />
29    <meta property="og:image" content="https://app.notesnook.com/banner.jpg" />
30    <meta
31      property="og:image:alt"
32      content="A fully open source & end-to-end encrypted note taking alternative to Evernote."
33    />
34    <meta property="og:url" content="https://app.notesnook.com/" />
35    <meta property="og:type" content="website" />
36    <meta property="og:site_name" content="Notesnook by Streetwriters LLC" />
37    <meta name="twitter:card" content="summary_large_image" />
38    <title>Notesnook</title>
39
40    <style id="theme-colors"></style>
41    
41<script>
42      (async function validateServiceWorkerTrack() {
43        const cookie = document.cookie.match(/release\-track=([^;]+)/);
44        const releaseTrack = cookie ? cookie[1] : "stable";
45        const expectedPrefix =
46          releaseTrack === "beta" ? "notesnook-beta" : "notesnook";
47
48        const cacheKeys = await caches.keys();
49        const mismatched = cacheKeys.some(
50          (key) => !key.startsWith(expectedPrefix)
51        );
52
53        if (mismatched) {
54          const regs = await navigator.serviceWorker.getRegistrations();
55          await Promise.all(regs.map((r) => r.unregister()));
56          await Promise.all(cacheKeys.map((key) => caches.delete(key)));
57          window.location.reload();
58        }
59      })();
60    </script>
60
61    <style>
62      html {
63        -ms-scroll-chaining: none;
64            overscroll-behavior: none;
65      }
66
67      html[data-theme="light"] .react-loading-skeleton {
68        --base-color: var(--background-secondary);
69        --highlight-color: #var(--background-secondary);
70      }
71
72      html[data-theme="dark"] .react-loading-skeleton {
73        --base-color: var(--background-secondary);
74        --highlight-color: var(--background-secondary);
75      }
76
77      #splash {
78        background-color: var(--background);
79        height: 100%;
80        width: 100%;
81        position: absolute;
82        top: 0;
83        left: 0;
84        display: -ms-flexbox;
85        display: flex;
86        -ms-flex-direction: column;
87            flex-direction: column;
88        -ms-flex-pack: center;
89            justify-content: center;
90        -ms-flex-align: center;
91            align-items: center;
92      }
93
94      #splash svg {
95        -ms-transform: scale(1);
96            transform: scale(1);
97        animation: pulse 2s infinite;
98      }
99
100      @keyframes pulse {
101        0% {
102          transform: scale(0.9);
103        }
104
105        70% {
106          transform: scale(1);
107        }
108
109        100% {
110          transform: scale(0.9);
111        }
112      }
113
114      html,
115      body {
116        font-size: 16px;
117      }
118
119      @media only screen and (max-width: 480px) {
120        html,
121        body {
122          font-size: 18px;
123          background-color: var(--background);
124        }
125      }
126
127      :root,
128      body,
129      #root {
130        margin: 0 !important;
131        height: 100%;
132        overflow: hidden;
133      }
134
135      #root {
136        display: -ms-flexbox;
137        display: flex;
138        -ms-flex-direction: column;
139            flex-direction: column;
140      }
141
142      /* svg {
143  width: 1.5rem;
144} */
145      .ReactModal__Overlay {
146        opacity: 0;
147        transition: opacity 200ms ease-in-out;
148      }
149
150      .ReactModal__Overlay--after-open {
151        opacity: 1;
152      }
153
154      .ReactModal__Overlay--before-close {
155        opacity: 0;
156      }
157
158      .slide {
159        background-color: transparent !important;
160      }
161
162      .carousel.carousel-slider {
163        display: -ms-flexbox;
164        display: flex;
165        -ms-flex-direction: row;
166            flex-direction: row;
167      }
168    </style>
169    
169<script type="module" crossorigin src="/assets/index-BLMJk2KZ.js"></script>
169
170    <link rel="stylesheet" crossorigin href="/assets/index-DeL8wqJKiKK2.css">
171  <link rel="prefetch" href="/assets/wa-sqlite-GAFrro9IzHUj.wasm"><link rel="manifest" href="/manifest.webmanifest"></head>
172
173  <body class="theme-scope-base">
174    <noscript>You need to enable JavaScript to run this app.</noscript>
175    <!--     
175<script src="https://cdn.jsdelivr.net/npm/[email protected]/highlight.pack.min.js"></script>
175
176 -->
177    <div id="root"></div>
178    <svg
179      xmlns="http://www.w3.org/2000/svg"
180      style="height: 0; width: 0; z-index: -1; position: absolute"
181    >
182      <symbol id="full-logo" viewBox="0 0 1000 1000">
183        <rect
184          width="1000"
185          height="1000"
186          rx="30%"
187          ry="30%"
188          style="fill: var(--heading)"
189        />
190        <g transform="translate(275,176.95254)">
191          <path
192            style="fill: var(--background)"
193            d="M437.985 493.919c-17.255 50.411-51.835 93.065-97.588 120.372-45.752 27.307-99.71 37.496-152.269 28.753-52.56-8.743-100.313999-35.85-134.763-76.498C18.916 525.898.006 474.347 0 421.064v-110.25l79.121001 33.053v77.152c-.007 20.779 4.434 41.318 13.024 60.237C100.735 500.176 113.276 517.037 128.925 530.707c2.97 2.587 6.053 5.107 9.236 7.459 23.357 17.388 51.402 27.352 80.494 28.597.99 0 1.946.079 2.925.101.979.023 2.25 0 3.375 0h3.375c1.125 0 1.935 0 2.925-.101 29.081-1.248 57.116-11.203 80.471-28.575 3.173-2.351 6.255-4.86 9.237-7.447 20.556-17.98 35.656-41.366 43.582-67.5zM450 225v196.065c0 2.531 0 5.074-.158 7.605l-78.963-33.019V225c-.013-37.684-14.607-73.901-40.725-101.066-26.119-27.164003-61.735-43.168003-99.389-44.660003-37.655-1.492-74.426 11.644-102.611 36.657003-28.185999 25.013-45.599999 59.962-48.593999 97.526-.281 3.803-.439 7.662-.439 11.543v48.712L0 240.637V0h225c59.674 0 116.903 23.705 159.099 65.901C426.295 108.097 450 165.326 450 225Z"
194          />
195        </g>
196      </symbol>
197      <symbol id="themed-logo" viewBox="0 0 450 646.09491">
198        <path
199          style="fill: var(--heading)"
200          d="M437.985 493.919c-17.255 50.411-51.835 93.065-97.588 120.372-45.752 27.307-99.71 37.496-152.269 28.753-52.56-8.743-100.313999-35.85-134.763-76.498C18.916 525.898.006 474.347 0 421.064v-110.25l79.121001 33.053v77.152c-.007 20.779 4.434 41.318 13.024 60.237C100.735 500.176 113.276 517.037 128.925 530.707c2.97 2.587 6.053 5.107 9.236 7.459 23.357 17.388 51.402 27.352 80.494 28.597.99 0 1.946.079 2.925.101.979.023 2.25 0 3.375 0h3.375c1.125 0 1.935 0 2.925-.101 29.081-1.248 57.116-11.203 80.471-28.575 3.173-2.351 6.255-4.86 9.237-7.447 20.556-17.98 35.656-41.366 43.582-67.5zM450 225v196.065c0 2.531 0 5.074-.158 7.605l-78.963-33.019V225c-.013-37.684-14.607-73.901-40.725-101.066-26.119-27.164003-61.735-43.168003-99.389-44.660003-37.655-1.492-74.426 11.644-102.611 36.657003-28.185999 25.013-45.599999 59.962-48.593999 97.526-.281 3.803-.439 7.662-.439 11.543v48.712L0 240.637V0h225c59.674 0 116.903 23.705 159.099 65.901C426.295 108.097 450 165.326 450 225Z"
201        />
202      </symbol>
203    </svg>
204    <div id="splash" class="hidden">
205      <svg style="height: 120px">
206        <use href="#themed-logo" />
207      </svg>
208      <span
209        style="
210          margin-top: 10px;
211          font-family: Hack, Consolas, 'Andale Mono', 'Lucida Console',
212            'Liberation Mono', 'Courier New', Courier, monospace;
213          color: var(--paragraph);
214          font-size: 0.8rem;
215        "
216      >
217        Starting up the engines
218      </span>
219    </div>
220    <div id="dialogContainer"></div>
221    <div id="floatingViewContainer"></div>
222    <!--
223      This HTML file is a template.
224      If you open it directly in the browser, you will see an empty page.
225
226      You can add webfonts, meta tags, or analytics to this file.
227      The build step will place the bundled scripts into the <body> tag.
228
229      To begin the development, run `npm start` or `yarn start`.
230      To create a production bundle, use `npm run build` or `yarn build`.
231    -->
232  </body>
233</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.