mirror of
https://github.com/binwiederhier/ntfy.git
synced 2026-07-14 21:37:01 -06:00
142 lines
4.8 KiB
HTML
142 lines
4.8 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<title>ntfy web</title>
|
|
|
|
<!-- Mobile view -->
|
|
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" />
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
|
|
<meta name="HandheldFriendly" content="true" />
|
|
|
|
<!-- Mobile browsers, background color -->
|
|
<meta name="theme-color" content="#317f6f" />
|
|
<meta name="msapplication-navbutton-color" content="#317f6f" />
|
|
<meta name="apple-mobile-web-app-status-bar-style" content="#317f6f" />
|
|
<link rel="apple-touch-icon" href="/static/images/apple-touch-icon.png" sizes="180x180" />
|
|
<link rel="mask-icon" href="/static/images/ntfy-mask.svg" color="#317f6f" />
|
|
|
|
<!-- Favicon, see favicon.io -->
|
|
<link rel="icon" type="image/png" href="/static/images/favicon.ico" />
|
|
|
|
<!-- Previews in Google, Slack, WhatsApp, etc. -->
|
|
<meta
|
|
name="description"
|
|
content="ntfy lets you send push notifications via scripts from any computer or phone. Made with ❤ by Philipp C. Heckel, Apache License 2.0, source at https://heckel.io/ntfy."
|
|
/>
|
|
<meta property="og:type" content="website" />
|
|
<meta property="og:locale" content="en_US" />
|
|
<meta property="og:site_name" content="ntfy web" />
|
|
<meta property="og:title" content="ntfy web" />
|
|
<meta
|
|
property="og:description"
|
|
content="ntfy lets you send push notifications via scripts from any computer or phone. Made with ❤ by Philipp C. Heckel, Apache License 2.0, source at https://heckel.io/ntfy."
|
|
/>
|
|
<meta property="og:image" content="/static/images/ntfy.png" />
|
|
<meta property="og:url" content="https://ntfy.sh" />
|
|
|
|
<!-- Never index -->
|
|
<meta name="robots" content="noindex, nofollow" />
|
|
|
|
<!-- Style overrides & fonts -->
|
|
<link rel="stylesheet" href="/static/css/app.css" type="text/css" />
|
|
<link rel="stylesheet" href="/static/css/fonts.css" type="text/css" />
|
|
|
|
<!-- PWA -->
|
|
<link rel="manifest" href="/manifest.webmanifest" />
|
|
|
|
<!-- Splash: painted before the JS bundle loads, faded out by the app once ready (see
|
|
src/app/splash.js). Background matches MUI's grey[100]/grey[900] for a seamless handoff. -->
|
|
<style>
|
|
html {
|
|
background-color: #f5f5f5;
|
|
}
|
|
|
|
html.dark {
|
|
background-color: #212121;
|
|
}
|
|
|
|
#splash {
|
|
position: fixed;
|
|
inset: 0;
|
|
z-index: 200000;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
background-color: #f5f5f5;
|
|
opacity: 1;
|
|
/* Background fade = the app fading in once the logo is gone (see src/app/splash.js). */
|
|
transition: opacity 0.1s ease-out;
|
|
}
|
|
|
|
html.dark #splash {
|
|
background-color: #212121;
|
|
}
|
|
|
|
#splash.splash-hidden {
|
|
opacity: 0;
|
|
pointer-events: none;
|
|
}
|
|
|
|
#splash img {
|
|
width: 112px;
|
|
height: 112px;
|
|
/* Gently pulse while loading; src/app/splash.js stops this and fades the logo out. */
|
|
animation: splash-pulse 1.4s ease-in-out infinite;
|
|
}
|
|
|
|
@keyframes splash-pulse {
|
|
0%,
|
|
100% {
|
|
opacity: 1;
|
|
}
|
|
50% {
|
|
opacity: 0.35;
|
|
}
|
|
}
|
|
|
|
@media (prefers-reduced-motion: reduce) {
|
|
#splash {
|
|
transition: none;
|
|
}
|
|
|
|
#splash img {
|
|
animation: none;
|
|
}
|
|
}
|
|
</style>
|
|
|
|
<!-- Decide light/dark before first paint from the "prefcache" blob (written by PrefCache.jsx) --
|
|
avoids the async-IndexedDB theme flash. Keep the key in sync with PrefCache.jsx. -->
|
|
<script>
|
|
(function () {
|
|
try {
|
|
var cache = JSON.parse(localStorage.getItem("prefcache"));
|
|
var theme = cache && cache.theme;
|
|
var prefersDark = window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches;
|
|
var dark = theme === "dark" || ((!theme || theme === "system") && prefersDark);
|
|
if (dark) {
|
|
document.documentElement.classList.add("dark");
|
|
}
|
|
} catch (e) {
|
|
/* localStorage/matchMedia/JSON unavailable -- fall back to the default light splash */
|
|
}
|
|
})();
|
|
</script>
|
|
</head>
|
|
<body>
|
|
<noscript>
|
|
ntfy web requires JavaScript, but you can also use the
|
|
<a href="https://ntfy.sh/docs/subscribe/cli/">CLI</a> or <a href="https://ntfy.sh/docs/subscribe/phone/">Android/iOS app</a> to
|
|
subscribe.
|
|
</noscript>
|
|
|
|
<!-- Static splash, removed by src/app/splash.js once ready. Logo is a same-origin SVG (precached by the SW). -->
|
|
<div id="splash" aria-hidden="true">
|
|
<img src="/static/images/ntfy-splash.svg" alt="" />
|
|
</div>
|
|
<div id="root"></div>
|
|
<script src="/config.js"></script>
|
|
<script type="module" src="/src/index.jsx"></script>
|
|
</body>
|
|
</html>
|