nostr-secrets/index.html at main · tzongocu/nostr-secrets · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover" />
    <meta name="theme-color" content="#1a0a2e" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
    <meta name="apple-mobile-web-app-title" content="Nostr Secrets" />
    <meta name="mobile-web-app-capable" content="yes" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="msapplication-TileColor" content="#1a0a2e" />
    <meta name="msapplication-tap-highlight" content="no" />

    <title>Nostr Secrets Vault</title>
    <meta name="description" content="Secure encrypted password vault built on Nostr" />
    <meta name="author" content="botrift.com" />
    <meta name="robots" content="index, follow" />

    <!-- PWA Icons -->
    <link rel="icon" type="image/png" sizes="32x32" href="/favicon.png" />
    <link rel="icon" type="image/png" sizes="192x192" href="/pwa-192x192.png" />
    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
    <link rel="manifest" href="/manifest.webmanifest" />

    <!-- Preload critical assets -->
    <link rel="preload" href="/pwa-192x192.png" as="image" type="image/png" />

    <!-- Open Graph -->
    <meta property="og:title" content="Nostr Secrets Vault" />
    <meta property="og:description" content="Secure encrypted password vault built on Nostr" />
    <meta property="og:type" content="website" />
    <meta property="og:image" content="https://lovable.dev/opengraph-image-p98pqg.png" />
    <meta property="og:site_name" content="Nostr Secrets Vault" />

    <!-- Twitter -->
    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:site" content="@botrift" />
    <meta name="twitter:image" content="https://lovable.dev/opengraph-image-p98pqg.png" />

    <!-- DNS Prefetch for relay connections -->
    <link rel="dns-prefetch" href="//relay.damus.io" />
    <link rel="dns-prefetch" href="//nos.lol" />
    <link rel="dns-prefetch" href="//relay.nostr.band" />

    <!-- Critical CSS inline for faster FCP -->
    <style>
      html, body, #root {
        height: 100%;
        margin: 0;
        padding: 0;
        background-color: #1a0a2e;
        color: #e0e0e0;
        font-family: system-ui, -apple-system, sans-serif;
      }
      /* Skeleton loader for initial load */
      .app-loader {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
        background: linear-gradient(180deg, #1a0a2e 0%, #0d051a 100%);
      }
      .app-loader::after {
        content: "";
        width: 40px;
        height: 40px;
        border: 3px solid rgba(157, 78, 221, 0.2);
        border-top-color: #9d4edd;
        border-radius: 50%;
        animation: spin 0.8s linear infinite;
      }
      @keyframes spin {
        to { transform: rotate(360deg); }
      }
    </style>
  </head>

  <body>
    <div id="root"><div class="app-loader"></div></div>
    <script type="module" src="/src/main.tsx"></script>
  </body>
</html>