/
index.html
150 lines (132 loc) · 6.48 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
<!DOCTYPE HTML>
<html>
<head>
<!-- Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-148998581-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-148998581-1');
</script>
<!-- meta tags-->
<title>bqmd.org</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<!-- load light dependencies -->
<link rel="stylesheet" href="assets/css/main.css" />
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
</head>
<body class="is-preload-0 is-preload-1 is-preload-2">
<!-- Main -->
<div id="main">
<!-- Header -->
<header id="header">
<h2 style="font-variant: small-caps; text-align: center; font-size: 33px; line-height: 0.75;">Brian Quaranto MD</h2>
<p style="font-variant: small-caps; text-align: center; font-size: 20px; line-height: 0.75;">general surgery resident physician</p>
<p style="background-color: #FFFF00; color: #555; font-variant: small-caps; text-align: center; font-size: 28px; line-height: 0.75;">building tools to teach surgery online</p>
<ul class="icons align-center">
<!--<li><a href="#" class="icon brands fa-twitter"><span class="label">Twitter</span></a></li>-->
<!--<li><a href="#" class="icon brands fa-instagram"><span class="label">Instagram</span></a></li>-->
<!--<li><a href="#" class="icon brands fa-github"><span class="label">Github</span></a></li>-->
<li><a href="/cv" class="icon fa-user"><span><p style=" font-variant: small-caps; text-align: center; font-size: 20px; line-height: 1;">cv</p></span></a></li>
<li><a href="#" class="icon fa-envelope"><span><p style="font-variant: small-caps; text-align: center; font-size: 20px; line-height: 1;">email</p></span></a></li>
</ul>
</header>
<!-- Thumbnail -->
<section id="thumbnails">
<article>
<a class="thumbnail" href="images/fulls/headmount-full.jpeg" data-position="left center"><img src="images/thumbs/headmount-thumb.jpeg" alt="" /></a>
<h2>FPV VR in the OR: Head-mounted gimbal-stabilized intraoperative stereoscopy</h2>
<p>An immersive camera system designed to capture the operating surgeon's first-person perspective. <br> In press at <em>Surgical Innovations</em>.</p>
</article>
<article>
<a class="thumbnail" href="images/fulls/remote-suturing-full-2.gif"><img src="images/thumbs/remote-suturing-thumb-2.png" alt="" /></a>
<h2>Class-scale remote FPV for basic surgical skills training</h2>
<p>Development of an interactive remote basic surgical skills mini-curriculum for medical students during the COVID-19 pandemic. <br> Accepted for publication at <em>Surgical Innovations</em>.</p>
</article>
<article>
<a class="thumbnail" href="images/fulls/remote-anatomy-full.gif" data-position="top center"><img src="images/thumbs/remote-anatomy-thumb.jpeg" alt="" /></a>
<h2>Remote real-time anatomy dissection video streams</h2>
<p>Collaborating with Buffalo Public School #366 to bring high quality anatomical dissections done by trained medical professionals live to high school students.</p>
</article>
<!--
<article>
<a class="thumbnail" href="images/fulls/04.jpg"><img src="images/thumbs/04.jpg" alt="" /></a>
<h2>Donec maximus nisi eget</h2>
<p>Tristique in nulla vel congue. Sed sociis natoque parturient nascetur.</p>
</article>
-->
<!--
<article>
<a class="thumbnail" href="images/fulls/05.jpg" data-position="top center"><img src="images/thumbs/05.jpg" alt="" /></a>
<h2>Nullam vitae nunc vulputate</h2>
<p>In pellentesque cursus velit id posuere. Donec vehicula nulla.</p>
</article>
-->
<!--
<article>
<a class="thumbnail" href="images/fulls/06.jpg"><img src="images/thumbs/06.jpg" alt="" /></a>
<h2>Phasellus magna faucibus</h2>
<p>Nulla dignissim libero maximus tellus varius dictum ut posuere magna.</p>
</article>
-->
<!--
<article>
<a class="thumbnail" href="images/fulls/07.jpg"><img src="images/thumbs/07.jpg" alt="" /></a>
<h2>Proin quis mauris</h2>
<p>Etiam ultricies, lorem quis efficitur porttitor, facilisis ante orci urna.</p>
</article>
-->
<!--
<article>
<a class="thumbnail" href="images/fulls/08.jpg"><img src="images/thumbs/08.jpg" alt="" /></a>
<h2>Gravida quis varius enim</h2>
<p>Nunc egestas congue lorem. Nullam dictum placerat ex sapien tortor mattis.</p>
</article>
-->
<!--
<article>
<a class="thumbnail" href="images/fulls/09.jpg"><img src="images/thumbs/09.jpg" alt="" /></a>
<h2>Morbi eget vitae adipiscing</h2>
<p>In quis vulputate dui. Maecenas metus elit, dictum praesent lacinia lacus.</p>
</article>
-->
<!--
<article>
<a class="thumbnail" href="images/fulls/10.jpg"><img src="images/thumbs/10.jpg" alt="" /></a>
<h2>Habitant tristique senectus</h2>
<p>Vestibulum ante ipsum primis in faucibus orci luctus ac tincidunt dolor.</p>
</article>
-->
<!--
<article>
<a class="thumbnail" href="images/fulls/11.jpg"><img src="images/thumbs/11.jpg" alt="" /></a>
<h2>Pharetra ex non faucibus</h2>
<p>Ut sed magna euismod leo laoreet congue. Fusce congue enim ultricies.</p>
</article>
-->
<!--
<article>
<a class="thumbnail" href="images/fulls/12.jpg"><img src="images/thumbs/12.jpg" alt="" /></a>
<h2>Mattis lorem sodales</h2>
<p>Feugiat auctor leo massa, nec vestibulum nisl erat faucibus, rutrum nulla.</p>
</article>
-->
</section>
<!-- Footer
<footer id="footer">
<ul class="copyright">
<li>© 2021 Brian Quaranto MD</li>
</ul>
</footer>
-->
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/main.js"></script>
</body>
<!-- TEMPLATE CREDIT: Lens by HTML5 UP html5up.net | @ajlkn Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) -->
</html>