-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
233 lines (224 loc) · 13.2 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
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!--fontawesome-->
<script src="https://use.fontawesome.com/7d40ae3254.js"></script>
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="styles.css">
</head>
<body>
<nav class="navbar navbar-toggleable-md navbar-light bg-faded fixed-top" style="background-color:#e3f2ff;">
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#nav" aria-controls="nav" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
<a class="navbar-brand" href="#">Welcome to my site! 👋</a>
<div class="collapse navbar-collapse" id="nav">
<ul class="navbar-nav mr-auto">
<li class="nav-item active">
<a class="nav-link" href="#">About Me</a>
</li>
<li class="nav-item">
<a class="nav-link active" href="#portfolio">Projects</a>
</li>
<li class="nav-item">
<a class="nav-link active" href="#contact">Contact</a>
</li>
</ul>
</div>
</nav>
<div class="jumbotron">
<div class="container">
<h1 class="jumbotron-heading text-white">About Me</h1>
<p class="lead text-white">Bill Qi | Recent Ph.D. graduate | McGill University</p>
<br>
<p class="lead text-white" style="max-width: 600px">My research interest lies in the intersection of AI, genomics, and healthcare. I have a particular interest in developing novel applications for precision medicine.</p>
<br>
<p>
<a href="mailto:[email protected]" class="btn btn-primary" style="background-color: darkslategray; border-color: darkslategray;"><i class="fa fa-envelope" aria-hidden="true"></i> Email Me</a>
<a href="https://www.linkedin.com/in/bill-qi-70487713a/" class="btn btn-primary" style="background-color: #0A66C2; border-color: #0A66C2;"><i class="fa fa-linkedin", aria-hidden="true"></i> LinkedIn</a>
<a href="https://github.com/bill-95" class="btn btn-primary" style="background-color: black; border-color: black;"><i class="fa fa-github" aria-hidden="true"></i> Github</a>
<a href="https://bill-95.github.io/files/CV_public.pdf" class="btn btn-primary" style="background-color: #7f32a8; border-color: #7f32a8;"><i class="fa fa-id-card" aria-hidden="true"></i> Curriculum Vitae</a>
</p>
</div>
</div>
<div class="container-fluid">
<div class="row" id="publications">
<div class="col-xs-12 col-lg-8 offset-lg-2">
<h1 class="text-center">Publications</h1>
<br>
<ul class="list-group list-group-flush">
<li class="list-group-item">
Qi, Bill, and Yannis J Trakadis. "Advancing Clinical Psychiatry: Integration of Clinical and Omics Data Using Machine Learning." Biological psychiatry (2023).
<i class="fa fa-external-link" aria-hidden="true"></i> <a href="https://doi.org/10.1016/j.biopsych.2023.09.004">Link</a>
</li>
<li class="list-group-item">
Qi, Bill, Sonia Boscenco, Janani Ramamurthy, and Yannis J. Trakadis. "Transcriptomics and machine learning to advance schizophrenia genetics: A case-control study using post-mortem brain data." Computer Methods and Programs in Biomedicine (2021).
<i class="fa fa-external-link" aria-hidden="true"></i> <a href="https://doi.org/10.1016/j.cmpb.2021.106590">Link</a>
</li>
<li class="list-group-item">
Trakadis Yannis, Andrea Accogli, Bill Qi, David Bloom, Ridha Joober, Emmanuel Levy, Karim Tabbane. "Next-generation gene panel testing in adolescents and adults in a medical neuropsychiatric genetics clinic." Neurogenetics (2021).
<i class="fa fa-external-link" aria-hidden="true"></i> <a href="https://doi.org/10.1007/s10048-021-00664-3">Link</a>
</li>
<li class="list-group-item">
Qi, Bill, Janani Ramamurthy, Imane Bennani, and Yannis J. Trakadis. "Machine learning and bioinformatic analysis of brain and blood mRNA profiles in major depressive disorder: A case-control study." American Journal of Medical Genetics Part B: Neuropsychiatric Genetics (2021).
<i class="fa fa-external-link" aria-hidden="true"></i> <a href="https://doi.org/10.1002/ajmg.b.32839">Link</a>
</li>
<li class="list-group-item">
Qi, Bill, Kellie MacDonald, Marcelo T. Berlim, Allan Fielding, Eric Lis, Nancy Low, Stéphane Richard-Devantoy et al. "Balance problems, paralysis, and angina as clinical markers for severity in major depression." Frontiers in Psychiatry (2020).
<i class="fa fa-external-link" aria-hidden="true"></i> <a href="https://www.ncbi.nlm.nih.gov/pmc/articles/PMC7785784/">Link/</a>
</li>
<li class="list-group-item">
MacDonald, Kellie, Yuting Jiang, Ankur Krishnan, Sameer Sardaar, Bill Qi, Aristotelis Eleftheriadis, Stephen J. Glatt et al. "Patient stratification using metabolomics to address the heterogeneity of psychosis." Schizophrenia Bulletin Open (2020).
<i class="fa fa-external-link" aria-hidden="true"></i> <a href="https://doi.org/10.1093/schizbullopen/sgaa032">Link</a>
</li>
<li class="list-group-item">
Qi, Bill, Laura M. Fiori, Gustavo Turecki, and Yannis J. Trakadis. "Machine learning analysis of blood microRNA data in major depression: a case-control study for biomarker discovery." International Journal of Neuropsychopharmacology (2020).
<i class="fa fa-external-link" aria-hidden="true"></i> <a href="https://doi.org/10.1093/ijnp/pyaa029">Link</a>
</li>
<li class="list-group-item">
Sardaar, Sameer, Bill Qi, Alexandre Dionne-Laporte, Guy A. Rouleau, Reihaneh Rabbany, and Yannis J. Trakadis. "Machine learning analysis of exome trios to contrast the genomic architecture of autism and schizophrenia." BMC psychiatry 20, no. 1 (2020): 1-11.
<i class="fa fa-external-link" aria-hidden="true"></i> <a href="https://doi.org/10.1186/s12888-020-02503-5">Link</a>
</li>
<li class="list-group-item">
Azar, Marleine, Kira E. Riehm, Nazanin Saadat, Tatiana Sanchez, Matthew Chiovitti, Lin Qi, Danielle B. Rice et al. "Evaluation of Journal Registration Policies and Prospective Registration of Randomized Clinical Trials of Nonregulated Health Care Interventions." JAMA internal medicine (2019).
<i class="fa fa-external-link" aria-hidden="true"></i> <a href="https://doi.org/10.1001/jamainternmed.2018.8009">Link</a>
</li>
<li class="list-group-item">
Rice, Danielle B., Lorie A. Kloda, Brooke Levis, Bill Qi, Emily Kingsland, and Brett D. Thombs. "Are MEDLINE searches sufficient for systematic reviews and meta-analyses of the diagnostic accuracy of depression screening tools? A review of meta-analyses." Journal of psychosomatic research 87 (2016): 7-13.
<i class="fa fa-external-link" aria-hidden="true"></i> <a href="https://doi.org/10.1016/j.jpsychores.2016.06.002">Link</a>
</li>
</ul>
</div>
</div>
<div class="row" id="portfolio">
<div class="col-xs-12 col-lg-8 offset-lg-2">
<h1 class="text-center">Explore some of my other creations</h1>
<br>
<div class="card-group text-center">
<div class="card custom-card">
<img class="card-img-top img-fluid" src="img/ehr_image.png" alt="">
<div class="card-block">
<h4 class="card-title">Topic modeling EHR data</h4>
<p class="card-text">Extract topics based on ICD9-codes.</p>
</div>
<div class="card-footer text-center">
<a href="https://github.com/bill-95/LDA-Gibbs-sampling-for-EHR-data" class="btn btn-primary">View Project</a>
</div>
</div>
<div class="card custom-card">
<img class="card-img-top img-fluid" src="img/dna_sequences.jpg" alt="">
<div class="card-block">
<h4 class="card-title">Bayesian Fine-mapping of Genetic Loci</h4>
<p class="card-text">Identifying causal genetic variants using genome-wide association summary statistics</p>
</div>
<div class="card-footer text-center">
<a href="https://github.com/bill-95/Bayesian-Fine-Mapping" class="btn btn-primary">View Project</a>
</div>
</div>
<div class="card custom-card">
<img class="card-img-top img-fluid" src="img/runners.jpg" alt="">
<div class="card-block">
<h4 class="card-title">Marathon Time Prediction</h4>
<p class="card-text">Predict a runner's time in a new marathon based on previous race times.</p>
</div>
<div class="card-footer text-center">
<a href="https://github.com/bill-95/MarathonPrediction" class="btn btn-primary">View Project</a>
</div>
</div>
<div class="card custom-card">
<img class="card-img-top img-fluid" src="img/weather.PNG" alt="Card image cap">
<div class="card-block">
<h4 class="card-title">Animated Weather</h4>
<p class="card-text">What is the weather like today?</p>
</div>
<div class="card-footer text-center">
<a href="http://codepen.io/bill_95/full/NpXGgv/" class="btn btn-primary">View Project</a>
</div>
</div>
<div class="card custom-card">
<img class="card-img-top img-fluid" src="img/calc.PNG" alt="Card image cap">
<div class="card-block">
<h4 class="card-title">Colorful Calculator</h4>
<p class="card-text">Has 9 different colors!</p>
</div>
<div class="card-footer text-center">
<a href="https://codepen.io/bill_95/pen/rwGVQY/" class="btn btn-primary">View Project</a>
</div>
</div>
<div class="card custom-card">
<img class="card-img-top img-fluid" src="img/clock.PNG" alt="Card image cap">
<div class="card-block">
<h4 class="card-title">Pomodoro Clock</h4>
<p class="card-text">Trouble concentrating? Try the Pomodoro technique!</p>
</div>
<div class="card-footer text-center">
<a href="https://codepen.io/bill_95/pen/NgaQxy" class="btn btn-primary">View Project</a>
</div>
</div>
<div class="card custom-card">
<img class="card-img-top img-fluid" src="img/wiki.png" alt="Card image cap">
<div class="card-block">
<h4 class="card-title">Wikipedia Search Engine</h4>
<p class="card-text">Read some random articles!</p>
</div>
<div class="card-footer text-center">
<a href="https://codepen.io/bill_95/pen/oWZxzy" class="btn btn-primary">View Project</a>
</div>
</div>
<div class="card custom-card">
<img class="card-img-top img-fluid" src="img/quoteGen.PNG" alt="Card image cap">
<div class="card-block">
<h4 class="card-title">Random Quote Generator</h4>
<p class="card-text">Find your inspiration!</p>
</div>
<div class="card-footer text-center">
<a href="http://codepen.io/bill_95/full/ZeQxdb/" class="btn btn-primary">View Project</a>
</div>
</div>
<div class="card custom-card">
<img class="card-img-top img-fluid" src="img/chatmedia.png" alt="Card image cap">
<div class="card-block">
<h4 class="card-title">ChatMedia.io</h4>
<p class="card-text">Ask any question about your videos!</p>
</div>
<div class="card-footer text-center">
<a href="https://chatmedia.io" class="btn btn-primary">View Project</a>
</div>
</div>
</div>
</div>
</div>
<div class="row" id="contact">
<div class="col-12 col-lg-8 offset-lg-2">
<h1 class="text-center text-white", method=”POST”, enctype=”multipart/form-data”, name=”ContactForm”>Contact</h1>
<br>
<form class="text-center" action="https://formspree.io/f/mbjenerv" method="POST">
<div class="form-group">
<label for="email-input" class="col-form-label text-white"><h4>Email</h4></label>
<div class="col-12 col-xl-6 offset-xl-3">
<input class="form-control" type="email" value="" id="email-input" name="email" required>
</div>
</div>
<div class="form-group">
<label for="name-input" class="col-form-label text-white"><h4>Name</h4></label>
<div class="col-12 col-xl-6 offset-xl-3">
<input class="form-control" type="text" value="" id="name-input" name="name" required>
</div>
</div>
<div class="form-group">
<label for="text-input" class="col-form-label text-white"><h4>Message</h4></label>
<div class="col-12 col-xl-6 offset-xl-3">
<input class="form-control" type="text" value="" id="text-input" name="message" required>
</div>
</div>
<button type="submit" class="btn btn-primary">Send</button>
</form>
</div>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.1.1.slim.min.js" integrity="sha384-A7FZj7v+d/sdmMqp/nOQwliLvUsJfDHW+k9Omg/a/EheAdgtzNs3hpfag6Ed950n" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js" integrity="sha384-DztdAPBWPRXSA/3eYEEUWrWCy7G5KFbe8fFjk5JAIxUYHKkDx6Qin1DkWx51bBrb" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/js/bootstrap.min.js" integrity="sha384-vBWWzlZJ8ea9aCX4pEW3rVHjgjt7zpkNpZk+02D9phzyeVkE+jo0ieGizqPLForn" crossorigin="anonymous"></script>
</body>