mirror of
https://github.com/streetwriters/notesnook.git
synced 2025-12-25 16:09:42 +01:00
214 lines
6.6 KiB
HTML
214 lines
6.6 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<!-- https://electronjs.org/docs/tutorial
|
|
/security#csp-meta-tag -->
|
|
<meta
|
|
http-equiv="Content-Security-Policy"
|
|
content="script-src 'self' https://analytics.streetwriters.co https://cdn.paddle.com 'unsafe-inline';"
|
|
/>
|
|
<link
|
|
rel="apple-touch-icon"
|
|
sizes="180x180"
|
|
href="%PUBLIC_URL%/apple-touch-icon.png"
|
|
/>
|
|
<link
|
|
rel="icon"
|
|
type="image/png"
|
|
sizes="32x32"
|
|
href="%PUBLIC_URL%/favicon-32x32.png"
|
|
/>
|
|
<link
|
|
rel="icon"
|
|
type="image/png"
|
|
sizes="16x16"
|
|
href="%PUBLIC_URL%/favicon-16x16.png"
|
|
/>
|
|
<link rel="manifest" href="%PUBLIC_URL%/site.webmanifest" />
|
|
<link
|
|
rel="mask-icon"
|
|
href="%PUBLIC_URL%/safari-pinned-tab.svg"
|
|
color="#01c352"
|
|
/>
|
|
<meta name="msapplication-TileColor" content="#01c352" />
|
|
<meta name="theme-color" content="#01c352" />
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
<!--
|
|
manifest.json provides metadata used when your web app is installed on a
|
|
user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
|
|
-->
|
|
<!-- <link rel="manifest" href="%PUBLIC_URL%/manifest.json" /> -->
|
|
<!--
|
|
Notice the use of %PUBLIC_URL% in the tags above.
|
|
It will be replaced with the URL of the `public` folder during the build.
|
|
Only files inside the `public` folder can be referenced from the HTML.
|
|
|
|
Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
|
|
work correctly both with client-side routing and a non-root public URL.
|
|
Learn how to configure a non-root public URL by running `npm run build`.
|
|
-->
|
|
<meta name="description" content="Your private note taking space" />
|
|
<meta
|
|
property="og:title"
|
|
content="Notesnook - Your private note taking space"
|
|
/>
|
|
<meta
|
|
property="og:description"
|
|
content="Notesnook is a simple and private note taking app that keeps your notes organized and synced on your phone, tablet and computer."
|
|
/>
|
|
<meta property="og:image" content="https://notesnook.com/social.jpg" />
|
|
<meta
|
|
property="og:image:alt"
|
|
content="Notesnook is a simple and private note taking app that keeps your notes organized and synced on your phone, tablet and computer."
|
|
/>
|
|
<meta property="og:url" content="https://notesnook.com/" />
|
|
<meta property="og:type" content="website" />
|
|
<meta property="og:site_name" content="Notesnook by Streetwriters LLC" />
|
|
<meta name="twitter:card" content="summary_large_image" />
|
|
<title>Notesnook - Your private note taking space</title>
|
|
|
|
<style>
|
|
#splash svg {
|
|
transform: scale(1);
|
|
animation: pulse 2s infinite;
|
|
}
|
|
@keyframes pulse {
|
|
0% {
|
|
transform: scale(0.95);
|
|
}
|
|
|
|
70% {
|
|
transform: scale(1);
|
|
}
|
|
|
|
100% {
|
|
transform: scale(0.95);
|
|
}
|
|
}
|
|
code.key {
|
|
display: inline-block;
|
|
border: 1px solid #ccc;
|
|
border-radius: 4px;
|
|
padding: 0.1em 0.5em;
|
|
margin: 0 0.2em;
|
|
box-shadow: 0 1px 0px rgba(0, 0, 0, 0.2), 0 0 0 2px #fff inset;
|
|
background-color: #f7f7f7;
|
|
}
|
|
</style>
|
|
<link rel="stylesheet" href="/fonts.css" />
|
|
</head>
|
|
<body>
|
|
<noscript>You need to enable JavaScript to run this app.</noscript>
|
|
<!-- <script src="https://cdn.jsdelivr.net/npm/highlightjs@9.16.2/highlight.pack.min.js"></script>
|
|
-->
|
|
<div id="root"></div>
|
|
<div
|
|
id="splash"
|
|
style="
|
|
background-color: #f0f0f0;
|
|
height: 100%;
|
|
width: 100%;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
align-items: center;
|
|
"
|
|
>
|
|
<svg viewBox="0 0 339 339" style="width: 150px">
|
|
<defs />
|
|
<defs>
|
|
<linearGradient
|
|
id="b"
|
|
x1="193.9"
|
|
x2="198.7"
|
|
y1="166.8"
|
|
y2="223.3"
|
|
gradientTransform="rotate(5 4448 -4204) scale(2.93671)"
|
|
gradientUnits="userSpaceOnUse"
|
|
xlink:href="#a"
|
|
/>
|
|
<linearGradient id="a">
|
|
<stop offset="0" />
|
|
<stop offset="1" stop-color="#fff9f9" stop-opacity="0" />
|
|
</linearGradient>
|
|
<linearGradient
|
|
id="c"
|
|
x1="167.8"
|
|
x2="270.6"
|
|
y1="76.9"
|
|
y2="64.2"
|
|
gradientTransform="rotate(5 465 -2050) scale(1.50082)"
|
|
gradientUnits="userSpaceOnUse"
|
|
xlink:href="#a"
|
|
/>
|
|
</defs>
|
|
<g transform="translate(0 42)">
|
|
<path fill="url(#b)" d="M160 205l154 42-141 44-155-42z" />
|
|
<path fill="url(#c)" d="M160-35v240l154 42 1-253z" />
|
|
<path
|
|
fill="none"
|
|
stroke-width="1.2"
|
|
d="M160 205V-35m0 240L18 249m142-44l154 41"
|
|
/>
|
|
<path d="M84 109l35 54V98l21-7v91l-27 9-35-54v65l-21 6v-91z" />
|
|
<rect
|
|
width="86.1"
|
|
height="12.6"
|
|
x="185"
|
|
y="97"
|
|
fill="#bebebe"
|
|
ry="2.3"
|
|
transform="skewY(15) scale(.9669 1)"
|
|
/>
|
|
<path
|
|
fill="#bebebe"
|
|
d="M181 169l99 26 2 3v8c0 1-1 2-2 1l-99-26-2-3v-7c0-2 1-2 2-2zm0-47l99 27 2 2v8l-2 2-99-27c-1 0-2-1-2-3v-7l2-2z"
|
|
/>
|
|
</g>
|
|
</svg>
|
|
<p align="center" style="font-size: 14px; margin-top: 25px">
|
|
Taking too long?
|
|
<br />
|
|
<span
|
|
>Reload the app by pressing <code class="key">Shift</code> +
|
|
<code class="key">F5</code></span
|
|
>
|
|
<br />
|
|
<br />
|
|
<em>If it still takes too long, please reload your browser.</em>
|
|
</p>
|
|
</div>
|
|
<div id="dialogContainer"></div>
|
|
<!--
|
|
This HTML file is a template.
|
|
If you open it directly in the browser, you will see an empty page.
|
|
|
|
You can add webfonts, meta tags, or analytics to this file.
|
|
The build step will place the bundled scripts into the <body> tag.
|
|
|
|
To begin the development, run `npm start` or `yarn start`.
|
|
To create a production bundle, use `npm run build` or `yarn build`.
|
|
-->
|
|
<!-- for calculating 1 em size -->
|
|
<p
|
|
id="p"
|
|
style="
|
|
outline: none;
|
|
z-index: -1;
|
|
border: none;
|
|
padding: none;
|
|
margin: none;
|
|
font-size: 0.9rem;
|
|
box-sizing: content-box;
|
|
"
|
|
>
|
|
Hello World
|
|
</p>
|
|
</body>
|
|
</html>
|