flowly/index.html at develop · CodeForContribute/flowly · 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
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    <!-- Primary Meta Tags -->
    <title>Flowly - Productivity Workspace | Task Management & Focus Timer</title>
    <meta name="title" content="Flowly - Productivity Workspace | Task Management & Focus Timer" />
    <meta name="description" content="Flowly is your all-in-one productivity workspace. Manage tasks, track attendance, plan trips, monitor expenses, and stay focused with Pomodoro timer. Free and easy to use." />
    <meta name="keywords" content="productivity app, task management, todo list, pomodoro timer, focus timer, attendance tracker, expense tracker, trip planner, leave management, work from home, remote work tools" />
    <meta name="application-name" content="Flowly" />
    <meta name="author" content="Flowly" />
    <meta name="robots" content="index, follow" />
    <link rel="canonical" href="https://flowly.onrender.com/" />

    <!-- Security Headers (via meta tags) -->
    <meta http-equiv="X-Content-Type-Options" content="nosniff" />
    <meta http-equiv="X-Frame-Options" content="SAMEORIGIN" />
    <meta http-equiv="X-XSS-Protection" content="1; mode=block" />
    <meta http-equiv="Referrer-Policy" content="strict-origin-when-cross-origin" />
    <meta http-equiv="Permissions-Policy" content="camera=(), microphone=(), geolocation=(self)" />
    <meta http-equiv="Content-Security-Policy" content="
      default-src 'self';
      script-src 'self' 'unsafe-inline' https://apis.google.com https://www.gstatic.com https://securetoken.googleapis.com;
      style-src 'self' 'unsafe-inline' https://fonts.googleapis.com;
      font-src 'self' https://fonts.gstatic.com;
      img-src 'self' data: https://lh3.googleusercontent.com https://*.googleusercontent.com blob:;
      connect-src 'self' https://firestore.googleapis.com https://identitytoolkit.googleapis.com https://securetoken.googleapis.com https://www.googleapis.com wss://firestore.googleapis.com;
      frame-src 'self' https://flowly-6e46c.firebaseapp.com https://accounts.google.com;
      object-src 'none';
      base-uri 'self';
      form-action 'self' https://accounts.google.com;
      upgrade-insecure-requests;
      block-all-mixed-content;
    " />

    <!-- PWA Meta Tags -->
    <meta name="theme-color" content="#7c3aed" />
    <meta name="mobile-web-app-capable" content="yes" />
    <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="Flowly" />

    <!-- Icons -->
    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
    <link rel="apple-touch-icon" href="/favicon.svg" />
    <link rel="manifest" href="/manifest.json" />

    <!-- Open Graph / Facebook -->
    <meta property="og:type" content="website" />
    <meta property="og:url" content="https://flowly.onrender.com/" />
    <meta property="og:title" content="Flowly - Productivity Workspace" />
    <meta property="og:description" content="Your all-in-one productivity workspace for tasks, attendance, leaves, expenses, focus timer, and more. Stay organized and boost your productivity." />
    <meta property="og:image" content="https://flowly.onrender.com/og-image.png" />
    <meta property="og:image:width" content="1200" />
    <meta property="og:image:height" content="630" />
    <meta property="og:site_name" content="Flowly" />
    <meta property="og:locale" content="en_US" />

    <!-- Twitter -->
    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:url" content="https://flowly.onrender.com/" />
    <meta name="twitter:title" content="Flowly - Productivity Workspace" />
    <meta name="twitter:description" content="Your all-in-one productivity workspace for tasks, attendance, leaves, expenses, focus timer, and more." />
    <meta name="twitter:image" content="https://flowly.onrender.com/og-image.png" />

    <!-- Structured Data (JSON-LD) -->
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "WebApplication",
      "name": "Flowly",
      "url": "https://flowly.onrender.com",
      "description": "All-in-one productivity workspace for task management, attendance tracking, expense management, and focus timer.",
      "applicationCategory": "ProductivityApplication",
      "operatingSystem": "Web",
      "offers": {
        "@type": "Offer",
        "price": "0",
        "priceCurrency": "USD"
      },
      "featureList": [
        "Task Management",
        "Pomodoro Focus Timer",
        "Attendance Tracking",
        "Expense Tracking",
        "Leave Management",
        "Trip Planning",
        "Salary Calculator",
        "Tax Calculator"
      ]
    }
    </script>
  </head>
  <body>
    <div id="root"></div>
    <script type="module" src="/src/main.jsx"></script>
    <!-- Register service worker -->
    <script>
      if ('serviceWorker' in navigator) {
        window.addEventListener('load', () => {
          navigator.serviceWorker.register('/sw.js').catch(() => {
            // Service worker registration failed silently
          });
        });
      }
    </script>
  </body>
</html>