SudhirDevOpsv1.github.io/index.html at main · SudhirDevOps1/SudhirDevOpsv1.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
<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    <!-- Content Security Policy (CSP) for PrismAnalytics & Worker endpoints -->
    <meta http-equiv="Content-Security-Policy" content="default-src 'self' 'unsafe-inline' 'unsafe-eval' data: blob: https:; connect-src 'self' https://prismanalytics.sudhirdevops1.workers.dev https://apnaform.sudhirdevops1.workers.dev https://api.open-meteo.com https://api.coingecko.com https://restcountries.com https://earthquake.usgs.gov https://wheretheiss.at https://api.adviceslip.com https://raw.githubusercontent.com https://api.github.com wss: https:;" />


    <!-- SEO & Social -->
    <title>SUDHI OS — Sudhir Singh | DevOps & Full-Stack Portfolio</title>
    <meta name="description" content="SUDHI OS — A 2026 interactive Web Desktop OS Portfolio by Sudhir Singh (SudhirDevOps1). BCA Student, Full-Stack & DevOps Engineer from Bihar, India." />
    <meta name="author" content="Sudhir Singh" />
    <meta name="keywords" content="Sudhir Singh, SudhirDevOps1, portfolio, DevOps, Full Stack, React, OS, web desktop" />
    <meta name="theme-color" content="#00FF88" />

    <!-- Open Graph -->
    <meta property="og:title" content="SUDHI OS — Sudhir Singh Portfolio" />
    <meta property="og:description" content="Interactive Web Desktop OS Portfolio — 21 real apps, live APIs, 2026 design." />
    <meta property="og:type" content="website" />
    <meta property="og:url" content="https://sudhirdevopsv1.github.io" />
    <meta property="og:image" content="https://sudhirdevopsv1.github.io/image/logo.png" />

    <!-- Twitter Card -->
    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:title" content="SUDHI OS — Sudhir Singh" />
    <meta name="twitter:description" content="Interactive Web Desktop OS Portfolio" />

    <!-- PWA / App Feel -->
    <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="SUDHI OS" />

    <!-- Favicon — inline SVG OS logo -->
    <link rel="icon" type="image/svg+xml" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Crect width='64' height='64' rx='12' fill='%23080a10'/%3E%3Crect x='8' y='8' width='48' height='36' rx='4' fill='%23111827' stroke='%2300FF88' stroke-width='1.5'/%3E%3Crect x='24' y='46' width='16' height='3' rx='1.5' fill='%2300FF88' opacity='0.7'/%3E%3Crect x='14' y='50' width='36' height='2' rx='1' fill='%2300FF88' opacity='0.4'/%3E%3Ctext x='32' y='31' font-family='monospace' font-size='14' font-weight='bold' fill='%2300FF88' text-anchor='middle'%3ES%3C/text%3E%3C/svg%3E" />

    <!-- Fonts -->
    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
    <link href="https://fonts.googleapis.com/css2?family=Orbitron:wght@400;600;700;900&family=Share+Tech+Mono&family=Inter:wght@300;400;500;600&display=swap" rel="stylesheet" />

    <!-- PrismAnalytics Tracking Script (Quad-Fallback: sendBeacon -> fetch -> Image Pixel Beacon) -->
    <script>
    (function(){
      var id='pa_e57eb3b7a6da470b8574', url='https://prismanalytics.sudhirdevops1.workers.dev/api/track';
      var sid=sessionStorage.getItem('pa_sid')||(crypto.randomUUID?crypto.randomUUID():Math.random().toString(36).substring(2));
      try { sessionStorage.setItem('pa_sid',sid); } catch(e){}
      function t(e,d){
        try {
          var q=new URLSearchParams(location.search);
          var dataObj = {
            site_id:id,pathname:location.pathname,referrer:document.referrer,
            screen_size:screen.width+'x'+screen.height,session_id:sid,
            event_name:e||'pageview',event_data:d,
            utm_source:q.get('utm_source'),utm_medium:q.get('utm_medium'),utm_campaign:q.get('utm_campaign')
          };
          var payload=JSON.stringify(dataObj);

          var sent = false;
          if (navigator.sendBeacon) {
            try { sent = navigator.sendBeacon(url, payload); } catch(sbErr){}
          }
          if(!sent && window.fetch){
            fetch(url,{method:'POST',body:payload,headers:{'Content-Type':'application/json'},mode:'no-cors',keepalive:true}).catch(function(){});
          }
        } catch(err){}
      }
      window.prism=t;
      t();
      var p=location.pathname;
      setInterval(function(){if(p!=location.pathname){p=location.pathname;t();}},1000);
    })();
    </script>
  </head>
  <body>
    <div id="root"></div>
    <script type="module" src="/src/main.tsx"></script>
  </body>
</html>