Alpharceus.github.io/index.html at main · Alpharceus/Alpharceus.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
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Raman Pandey — Quantum Computing & Photonics Researcher</title>
  <meta name="description"
    content="Portfolio of Raman Pandey, graduate research assistant at UNM's Center for High Technology Materials working on systems-level engineering for photonic quantum computing. Structured as the Orion constellation — each star is one pillar of his work.">
  <link rel="canonical" href="https://ramanpandey.com/">
  <link rel="icon" type="image/svg+xml" href="assets/favicon.svg">

  <!-- Social preview -->
  <meta property="og:type" content="website">
  <meta property="og:title" content="Raman Pandey — Quantum Computing & Photonics Researcher">
  <meta property="og:description"
    content="Interactive portfolio structured as the Orion constellation: quantum computing, photonics, FPGA systems, and machine learning research at UNM.">
  <meta property="og:url" content="https://ramanpandey.com/">
  <meta name="twitter:card" content="summary">

  <script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "WebSite",
    "name": "Raman Pandey — Portfolio",
    "url": "https://ramanpandey.com/",
    "description": "Portfolio structured as the Orion constellation; each star embodies one pillar of the author's work — astronomy, computing, physics, photonics, quantum information, systems engineering, and science communication.",
    "author": {
      "@type": "Person",
      "name": "Raman Pandey",
      "url": "https://ramanpandey.com/about/",
      "sameAs": [
        "https://github.com/Alpharceus",
        "https://linkedin.com/in/alpha-arceus",
        "https://x.com/alpha_arceus"
      ]
    },
    "hasPart": [
      "https://ramanpandey.com/about/",
      "https://ramanpandey.com/projects.html",
      "https://ramanpandey.com/papers.html",
      "https://ramanpandey.com/skills.html",
      "https://ramanpandey.com/blogs.html",
      "https://ramanpandey.com/now/",
      "https://ramanpandey.com/rigel.html"
    ]
  }
  </script>

  <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=Space+Grotesk:wght@300;400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap"
    rel="stylesheet">
  <link rel="stylesheet" href="css/styles.css">
  <link rel="stylesheet" href="css/terminal.css">
  <script src="https://cdn.jsdelivr.net/npm/p5@1.9.2/lib/p5.min.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/p5.js-svg@1.0.0/lib/p5.js-svg.min.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/p5.js-sound@1.0.0/lib/p5.sound.min.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/emailjs-com@3/dist/email.min.js"></script>
  <script>
    (function () {
      emailjs.init('a0MAkSrgNqRTdnOaM');
    })();
  </script>

</head>

<body>
  <!-- Intro Overlay -->
  <div id="intro-overlay">
    <div id="intro-text">Loading warp drive to Orion...</div>
    <button id="skip-intro" aria-label="Skip intro">Skip ⏭</button>
  </div>

  <!-- Header/Nav -->
  <header class="site-header">
    <nav>
      <div class="logo">Raman Pandey</div>
      <ul class="site-nav">
        <li><a href="about/">About</a></li>
      </ul>
    </nav>
  </header>

  <!-- Main Landing Section / Star Map -->
  <main>
    <!-- Static site summary: the full picture of who Raman is and what lives on this
         site, readable without JavaScript (crawlers and LLMs never see the star map).
         Visually hidden while the interactive map is shown; the <noscript> style below
         reveals it when JS is off. Same progressive-reveal rationale as the header. -->
    <section id="site-summary" aria-label="Site overview">
      <h1>Raman Pandey — Quantum Computing &amp; Photonics Researcher</h1>
      <p>
        Graduate research assistant at the Center for High Technology Materials (CHTM),
        University of New Mexico, advised by Prof. Marek Osinski. I work on
        systems-level engineering for quantum computing applications of photonics —
        control, timing, and readout in a Gaussian boson sampling (GBS) system:
        electrically driven quantum-dot emitters, an electrically tuned MZI mesh
        (a tunable photonic unitary), FPGA readout, and dynamic SPAD biasing.
        Broader interests: quantum error correction and machine learning for
        quantum systems.
      </p>
      <p>
        This page renders an interactive star map of the Orion constellation — each
        star is one pillar of the work. Everything on the site, in plain links:
      </p>
      <ul>
        <li><a href="about/">About / FAQ</a> — who I am, research interests, tools, and academic goals.</li>
        <li><a href="projects.html">Projects</a> — GBS system architecture, FPGA readout for single-photon
            detectors, deep-learning-assisted quantum fabrication with graph neural networks, a Django
            scheduling platform for UNM IT, and more, with posters and artifacts.</li>
        <li><a href="skills.html">Skills</a> — 32 skills across hardware, quantum, software, and machine
            learning, rendered as an 8-mode Mach&ndash;Zehnder interferometer mesh.</li>
        <li><a href="papers.html">Papers</a> — journal publications (none yet; conference papers and
            posters live on the projects page).</li>
        <li><a href="blogs.html">Blog</a> — essays on physics, computing, AI, and science communication.</li>
        <li><a href="now/">Now</a> — what I'm working on this quarter, as a mission-control console.</li>
        <li><a href="rigel.html">Rigel</a> — an interactive quantum circuit simulator with a live Bloch sphere.</li>
        <li><a href="https://github.com/Alpharceus">GitHub</a> · <a href="https://linkedin.com/in/alpha-arceus">LinkedIn</a></li>
      </ul>
    </section>
    <noscript>
      <style>
        #intro-overlay, #skip-intro { display: none !important; }
        #site-summary {
          position: static;
          width: auto;
          height: auto;
          overflow: visible;
          clip: auto;
          clip-path: none;
          white-space: normal;
          max-width: 680px;
          margin: 12vh auto;
          padding: 0 24px;
          font-family: 'Space Grotesk', sans-serif;
          color: #dde3f5;
          line-height: 1.55;
        }
        #site-summary a { color: #70bfff; }
      </style>
    </noscript>
  </main>

  <!-- Footer -->
  <footer class="site-footer">
    <div class="social-links">
      <a href="about/">About</a> ·
      <a href="https://github.com/Alpharceus" target="_blank" rel="noopener">GitHub</a> ·
      <a href="https://linkedin.com/in/alpha-arceus" target="_blank" rel="noopener">LinkedIn</a>
    </div>
    <p>&copy; 2026 Raman Pandey. All rights reserved.</p>
  </footer>

  <div id="terminal-overlay" class="hidden">
    <canvas id="matrix-rain"></canvas>
    <div id="terminal-window">
      <div id="terminal-output"></div>
      <div id="terminal-input-row">
        <span class="terminal-prompt">raman@portfolio:~$</span>
        <input id="terminal-input" autocomplete="off" />
      </div>
    </div>
  </div>


  <script src="js/star-map.js"></script>
  <script src="js/terminal.js"></script>

</body>

</html>