-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
243 lines (230 loc) · 16.6 KB
/
index.html
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
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Manpreet Singh</title>
<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=EB+Garamond:ital,wght@0,400..800;1,400..800&family=Fira+Code:[email protected]&family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap" rel="stylesheet">
<link rel="shortcut icon" href="images/favicon.png" type="image/png">
<link rel="stylesheet" href="styles/preloader.css">
<link rel="stylesheet" href="styles/style.css">
<link rel="stylesheet" href="styles/sidebar.css">
<link rel="stylesheet" href="styles/home.css">
<link rel="stylesheet" href="styles/about.css">
<link rel="stylesheet" href="styles/projects.css">
<link rel="stylesheet" href="styles/contact.css">
</head>
<body>
<div id="loader-wrapper">
<div class="loader">
<div class="loader-circle"></div>
</div>
</div>
<main id="main-content" style="display:none;">
<nav id="navbar"><a href="/"><img src="images/favicon.png" alt="Logo" class="logo"></a>
<ul>
<li><a href="#home"><p>Intro</p></a></li>
<li><a href="#journey"><p>Journey</p></a></li>
<li><a href="#projects"><p>Projects</p></a></li>
<li><a href="#contact"><p>Contact</p></a></li>
</ul>
</nav>
<article class="all-sections-container">
<section id="home" class="content-section visible">
<div class="home-main">
<div class="home-content">
<p class="welcome">Short Introduction</p>
<!-- <p class="welcome">Hi, I'm</p> -->
<h1 class="name">Manpreet Singh</h1>
<h2 class="title">AI/ML Engineer</h2>
<p class="summary">I'm an AI enthusiast who blends hands-on industry experience with deep technical expertise.<br>
<span class="line-break">After three years of crafting AI solutions in the real world, I pursued my passion further through a Master's in Computer Science, diving deep into machine learning and NLP. At <a href="https://hypermatrixlab.github.io/" target="_blank">HyperMatrix Labs</a>, I explored the fascinating world of Large Language Models, focusing on understanding their internal mechanisms and underlying behaviors.</span><br>
<span class="line-break">I love tackling complex challenges at the intersection of research and practical applications, always looking for ways to push the boundaries of what AI can achieve.</span>
</p>
</div>
</div>
</section>
<section id="journey" class="content-section">
<div class="section-container">
<div class="about-top-bar">
<h1 class="about-heading">Journey.</h1>
<div class="about-navbar">
<ul>
<li class="active">Education</li>
<li>Experience</li>
</ul>
</div>
</div>
<div class="about-container-wrapper">
<div class="about-container">
<div id="education" class="section">
<div class="timeline">
<div class="milestone">
<span class="circle present"></span>
<div class="milestone-content">
<div class="name-and-location">
<h2>Masters of Computer Science</h2>
<p>Dalhousie University, Canada</p>
</div>
<div class="year">
<p>2023 - 2024</p>
</div>
</div>
<p class="journey-context">Master's in Computer Science strengthened my understanding of core concepts in Machine Learning, Deep Learning and NLP, providing me with a solid foundation in artificial intelligence technologies.</p>
</div>
<div class="milestone">
<span class="circle"></span>
<div class="milestone-content">
<div class="name-and-location">
<h2>Bachelors of Computer Applications</h2>
<p>Guru Nanak Dev University, India</p>
</div>
<div class="year">
<p>2016 - 2019</p>
</div>
</div>
<p class="journey-context">Started my CS journey here, learning core topics such as programming languages, software development, algorithms, data structures, computer architecture and operating systems.</p>
</div>
</div>
</div>
<div id="experience" class="section hidden">
<div class="timeline">
<div class="milestone">
<span class="circle present"></span>
<div class="milestone-content">
<div class="name-and-location">
<h2>Research Assistant</h2>
<p>HyperMatrix Labs, Canada</p>
</div>
<div class="year">
<p>2023 - 2024</p>
</div>
</div>
<p class="journey-context">In my role as a Research Assistant, I contributed to multiple research projects focused on advancing explainable AI techniques in large language models (LLMs).</p>
</div>
<div class="milestone">
<span class="circle"></span>
<div class="milestone-content">
<div class="name-and-location">
<h2>AI Engineer</h2>
<p>Tata Consultancy Services, India</p>
</div>
<div class="year">
<p>2019 - 2022</p>
</div>
</div>
<p class="journey-context">As an AI Engineer, I developed multiple innovative solutions in NLP and Computer Vision. Additionally, I trained over 100 new hires in the field of AI, guiding them through complex concepts and hands-on applications to build their expertise.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="projects" class="content-section">
<div class="section-container">
<div class="project-top-bar">
<h1 class="project-heading">Projects.</h1>
<nav class="project-navbar">
<ul>
<li id="navResearch" class="active">Research</li>
<li id="navDevelopment">Development</li>
</ul>
</nav>
</div>
<div class="projects-center">
<div class="project-scroll-container">
<div id="research" class="project-container">
<div class="scroll-arrow-left">❮</div>
<div class="project-card">
<div class="project-card-title">Interpreting effects of Quantization on LLMs
</div><hr>
<div class="project-card-description">This research project investigates how quantization affects the behavior and internal representations of LLMs. Our analysis focuses on three key areas: (1) model confidence and calibration metrics, (2) architectural redundancy and its relationship to quantization and (3) the interpretation of individual neuron behaviors under different quantization schemes.
</div>
<!-- <div class="project-card-link">Website-link</div> -->
</div>
<div class="project-card">
<div class="project-card-title">Manifold Learning in NLP Embeddings</div><hr>
<div class="project-card-description">This project applies manifold learning techniques, including Isomap, Locally Linear Embedding, and T-SNE, to explore biases and learning patterns in NLP embeddings. By reducing the high-dimensional space of these embeddings, we visualize and examine the patterns and biases, assessing how effectively different manifold learning methods preserve crucial information.</div>
<!-- <div class="project-card-link">Website-link</div> -->
</div>
<div class="scroll-arrow-right">❯</div>
</div>
<div id="development" class="project-container hidden">
<div class="scroll-arrow-left">❮</div>
<div class="project-card">
<div class="project-card-title">Efficient Coding Assistant: A Rasa-Powered NLP Chatbot</div><hr>
<div class="project-card-description">Implemented a Rasa-based Natural Language Processing (NLP) chatbot aimed at automating various coding tasks. The chatbot was instrumental in boosting developer productivity by 25%, streamlining workflows and reducing manual overhead.</div>
<!-- <div class="project-card-link">Website-link</div> -->
</div>
<div class="project-card">
<div class="project-card-title">SmartSQL: GPT-3 Driven English-to-SQL Query Translator</div><hr>
<div class="project-card-description">Developed a specialized bot powered by GPT-3 that translates English text into SQL queries, with dynamic prompt engineering for optimal database interactions. Tailored to interface with a custom database schema, the bot offers a context-aware and user-friendly querying experience that streamlines database access and management.</div>
<!-- <div class="project-card-link">Website-link</div> -->
</div>
<div class="project-card">
<div class="project-card-title">From 2D to 3D: A Revolutionary Computer Vision Application for Architecture</div><hr>
<div class="project-card-description">Engineered a cutting-edge Computer Vision application capable of transforming traditional 2D architectural blueprints into interactive 3D visual models. This innovation has fundamentally changed the way architects and clients engage with design plans, making the visualization process more intuitive and collaborative.</div>
<!-- <div class="project-card-link">Website-link</div> -->
</div>
<div class="project-card">
<div class="project-card-title">MythGen: Indian Mythology Storyline Synthesizer with NLP</div><hr>
<div class="project-card-description">Developed an innovative NLP-driven application, MythGen, which utilizes the GPT-2 model to generate narrative storylines from Indian mythology. This application transforms simple prompts and genre selections into three unique story trajectories, enhancing the story creation process with AI-driven diversity and creativity.</div>
<!-- <div class="project-card-link">Website-link</div> -->
</div>
<div class="scroll-arrow-right">❯</div>
</div>
</div>
</div>
</div>
</section>
<section id="contact" class="content-section">
<div class="section-container">
<h1 class="contact-title">Get in touch.</h1>
<div class="contact-center">
<div class="contact-container">
<div class="contact-content">
<ul>
<li><a href="mailto:[email protected]" target="_blank">Gmail</a></li>
<li><a href="https://www.linkedin.com/in/manpreet-singh-cse/" target="_blank">LinkedIn</a></li>
<li><a href="https://github.com/MSingh-CSE" target="_blank">GitHub</a></li>
<li><a href="documents/resume.pdf" target="_blank">Download my resume</a></li>
</ul>
</div>
</div>
</div>
</div>
</section>
</article>
<button id="theme-toggle" class="toggle-btn">
<svg id="icon-dark" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-sun" style="display: none;">
<circle cx="12" cy="12" r="5"></circle>
<line x1="12" y1="1" x2="12" y2="3"></line>
<line x1="12" y1="21" x2="12" y2="23"></line>
<line x1="4.22" y1="4.22" x2="5.64" y2="5.64"></line>
<line x1="18.36" y1="18.36" x2="19.78" y2="19.78"></line>
<line x1="1" y1="12" x2="3" y2="12"></line>
<line x1="21" y1="12" x2="23" y2="12"></line>
<line x1="4.22" y1="19.78" x2="5.64" y2="18.36"></line>
<line x1="18.36" y1="5.64" x2="19.78" y2="4.22"></line>
</svg>
<svg id="icon-light" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-moon" style="display: none;">
<path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"></path>
</svg>
</button>
</main>
<footer>
<p id="copyright"></p>
</footer>
<script src="scripts/preloader.js"></script>
<script src="scripts/theme_switch.js"></script>
<script src="scripts/script.js"></script>
<script src="scripts/scroll_effect.js"></script>
<script src="scripts/set_height.js"></script>
<script src="scripts/projects.js"></script>
<script src="scripts/about.js"></script>
<script src="scripts/copyright.js"></script>
</body>
</html>