saint2706.github.io/index.html at main · saint2706/saint2706.github.io · 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
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
<!doctype html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="UTF-8" />
    <!-- Security: CSP configured without frame-ancestors to avoid console errors, which is applied via headers instead -->
    <meta
      http-equiv="Content-Security-Policy"
      content="upgrade-insecure-requests; default-src 'self'; script-src 'self' 'wasm-unsafe-eval' https://*.googleapis.com https://*.firebaseio.com https://cdn.jsdelivr.net; style-src 'self' 'unsafe-inline' https://fonts.googleapis.com; font-src 'self' https://fonts.gstatic.com; img-src 'self' data: https:; connect-src 'self' https://*.googleapis.com https://*.firebaseio.com https://*.firebase.com https://cdn.jsdelivr.net; frame-src 'self'; object-src 'none'; base-uri 'self'; worker-src 'self' blob:;"
    />
    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
    <link rel="manifest" href="/site.webmanifest" />
    <meta name="referrer" content="strict-origin-when-cross-origin" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    <!-- Theme Color for browsers & PWA -->
    <meta name="theme-color" content="#1e1e2e" />
    <meta name="msapplication-TileColor" content="#1e1e2e" />
    <meta name="color-scheme" content="dark light" />

    <!-- Primary Meta Tags - Fallback for non-JS crawlers -->
    <title>Rishabh Agrawal | Data Storyteller & Analytics Strategist</title>
    <meta name="title" content="Rishabh Agrawal | Data Storyteller & Analytics Strategist" />
    <meta
      name="description"
      content="Portfolio of Rishabh Agrawal: data storyteller and analytics strategist building AI, product, and data experiences."
    />
    <meta name="author" content="Rishabh Agrawal" />
    <meta
      name="keywords"
      content="Rishabh Agrawal, Data Storyteller, Analytics Strategist, AI Portfolio, Machine Learning Projects, Data Analytics, Python Developer, React Portfolio"
    />
    <meta
      name="robots"
      content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1"
    />
    <link rel="canonical" href="https://saint2706.github.io/" />

    <!-- Open Graph / Facebook -->
    <meta property="og:type" content="website" />
    <meta property="og:url" content="https://saint2706.github.io/" />
    <meta property="og:title" content="Rishabh Agrawal | Data Storyteller & Analytics Strategist" />
    <meta
      property="og:description"
      content="Portfolio of Rishabh Agrawal: data storyteller and analytics strategist building AI, product, and data experiences."
    />
    <meta property="og:image" content="https://saint2706.github.io/og-image.png" />
    <meta
      property="og:image:alt"
      content="Rishabh Agrawal portfolio showcasing analytics, data storytelling, and AI projects"
    />
    <meta property="og:image:width" content="1200" />
    <meta property="og:image:height" content="630" />
    <meta property="og:site_name" content="Rishabh Agrawal" />
    <meta property="og:locale" content="en_US" />

    <!-- Twitter -->
    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:url" content="https://saint2706.github.io/" />
    <meta
      name="twitter:title"
      content="Rishabh Agrawal | Data Storyteller & Analytics Strategist"
    />
    <meta
      name="twitter:description"
      content="Portfolio of Rishabh Agrawal: data storyteller and analytics strategist building AI, product, and data experiences."
    />
    <meta name="twitter:image" content="https://saint2706.github.io/og-image.png" />
    <meta
      name="twitter:image:alt"
      content="Rishabh Agrawal portfolio showcasing analytics, data storytelling, and AI projects"
    />

    <!-- Geo/Location Hints -->
    <meta name="geo.region" content="IN-GA" />
    <meta name="language" content="en" />
    <meta name="geo.placename" content="Goa, India" />

    <!-- DNS Prefetch & Preconnect for faster external loads -->
    <link rel="dns-prefetch" href="https://fonts.googleapis.com" />
    <link rel="dns-prefetch" href="https://fonts.gstatic.com" />
    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />

    <!-- Preload critical fonts for LCP -->
    <link
      rel="preload"
      href="https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Fira+Code:wght@400;700&family=Space+Grotesk:wght@400;500;600;700&display=swap"
      as="style"
      fetchpriority="high"
    />
    <link
      href="https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Fira+Code:wght@400;700&family=Space+Grotesk:wght@400;500;600;700&display=swap"
      rel="stylesheet"
      media="all"
    />

    <!-- JSON-LD Fallback for non-JS crawlers (static) -->
    <script type="application/ld+json">
      {
        "@context": "https://schema.org",
        "@type": "WebSite",
        "name": "Rishabh Agrawal",
        "inLanguage": "en",
        "url": "https://saint2706.github.io",
        "description": "Portfolio of Rishabh Agrawal: data storyteller and analytics strategist building AI, product, and data experiences.",
        "author": {
          "@type": "Person",
          "name": "Rishabh Agrawal",
          "url": "https://saint2706.github.io",
          "jobTitle": "Data Storyteller & Analytics Strategist",
          "sameAs": [
            "https://www.linkedin.com/in/rishabh-agrawal-1807321b9",
            "https://github.com/saint2706"
          ]
        }
      }
    </script>
    <script type="application/ld+json">
      {
        "@context": "https://schema.org",
        "@type": "Organization",
        "name": "Rishabh Agrawal",
        "url": "https://saint2706.github.io",
        "logo": "https://saint2706.github.io/og-image.png",
        "sameAs": [
          "https://www.linkedin.com/in/rishabh-agrawal-1807321b9",
          "https://github.com/saint2706"
        ]
      }
    </script>

    <!-- Noscript fallback for crawlers that don't execute JS -->
    <noscript>
      <meta http-equiv="refresh" content="0; url=https://saint2706.github.io/" />
    </noscript>
  </head>

  <body class="bg-primary text-slate-200 antialiased">
    <noscript>
      <div style="text-align: center; padding: 2rem">
        <h2>Rishabh Agrawal – Data Storyteller & Analytics Strategist</h2>
        <p>
          This site requires JavaScript to run. Please enable JavaScript or visit my
          <a href="https://www.linkedin.com/in/rishabh-agrawal-1807321b9">LinkedIn</a> or
          <a href="https://github.com/saint2706">GitHub</a>.
        </p>
      </div>
    </noscript>
    <div id="root"></div>
    <script type="module" src="/src/main.jsx"></script>
  </body>
</html>