Skip to content

Commit bf41aea

Browse files
kjy5kjy5
authored
Structure tweaks (#17)
* Made with Unity, centered text * Automation * Links to scholarships
1 parent 4b408aa commit bf41aea

File tree

3 files changed

+86
-71
lines changed

3 files changed

+86
-71
lines changed

‎src/assets/outreach/made-with-unity.avif‎

5.43 KB
Binary file not shown.

‎src/components/Spacer.astro‎

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
---
2+
3+
---
4+
5+
<div class="h-1/4dvh"/>

‎src/pages/index.astro‎

Lines changed: 81 additions & 71 deletions
Original file line numberDiff line numberDiff line change
@@ -16,6 +16,7 @@ import MISRig from "../assets/manipulators/mis-rig.avif";
1616
import MPMRig from "../assets/manipulators/mpm-rig.avif";
1717
import ScientificaManipulator from "../assets/manipulators/scientifica-manipulator.avif";
1818
import SensapexRig from "../assets/manipulators/sensapex-rig.avif";
19+
import MadeWithUnity from "../assets/outreach/made-with-unity.avif";
1920
import TeachingPinpoint from "../assets/outreach/teaching-pinpoint.avif";
2021
import UsingPinpoint from "../assets/outreach/using-pinpoint.avif";
2122
import Dan from "../assets/people/dan.avif";
@@ -24,6 +25,7 @@ import Kai from "../assets/people/kai.avif";
2425
import Kenneth from "../assets/people/kenneth.avif";
2526
import Qiqi from "../assets/people/qiqi.avif";
2627
import Selina from "../assets/people/selina.avif";
28+
import Spacer from "../components/Spacer.astro";
2729
2830
// Import graphics.
2931
const introImporter = new GraphicsImporter(
@@ -131,7 +133,8 @@ const automationImporter = new GraphicsImporter(
131133
<div class="sticky top-1/3">
132134
<Article>
133135
<h2>See the brain in detail</h2>
134-
<p>Extract brain surface coordinates for surgical targeting, export brain region information, and explore planar slices in each brain atlas.</p>
136+
<p>Extract brain surface coordinates for surgical targeting, export brain region information, and
137+
explore planar slices in each brain atlas.</p>
135138
</Article>
136139
</div>
137140
</div>
@@ -149,7 +152,23 @@ const automationImporter = new GraphicsImporter(
149152
</div>
150153
</div>
151154

152-
<div class="h-1/4dvh"/>
155+
<TwoColumn>
156+
<Graphics imageMetadatas={automationImporter.getImageMetadatas()}
157+
alt="Automated insertion in pinpoint synced with real probe" slot="graphics"/>
158+
159+
<Spacer/>
160+
<div class="h-3/2dvh">
161+
<div class="sticky top-1/3">
162+
<Article>
163+
<h2>Automation improves accuracy and efficiency</h2>
164+
<p>Robotic manipulators make movements with sub-micrometer precision and perform multiple tasks in
165+
parallel, critical improvements for enabling whole-brain neural recording.</p>
166+
<p>Here, a manipulator is controlled by Pinpoint to insert a probe through a craniotomy.</p>
167+
</Article>
168+
</div>
169+
</div>
170+
<Spacer/>
171+
</TwoColumn>
153172

154173
<div class="hero">
155174
<div class="hero-content flex-col lg:flex-row-reverse w-full">
@@ -185,39 +204,18 @@ const automationImporter = new GraphicsImporter(
185204
<div class="basis-1/2 self-stretch">
186205
<div class="sticky top-1/3">
187206
<Article>
188-
<h2>Let the robots do the heavy lifting</h2>
189-
<h3>Pinpoint controls robotic manipulators to automatically perform your surgery.</h3>
190-
<ul>
191-
<li>Sensapex uMp-4</li>
192-
<li>Sensapex uMp-3</li>
193-
<li>New Scale MPM Rig</li>
194-
<li>New Scale MIS Rig</li>
195-
<li>Scientifica InVivoStar Micromanipulator/li>
196-
<li>LabMaker</li>
197-
<li>More can be added through <a href="https://ephys-link.virtualbrainlab.org/">Ephys
198-
Link</a></li>
199-
</ul>
207+
<h2>Leave the heavy lifting to the robots</h2>
208+
<h3>Pinpoint can control robotic rigs to automatically perform your surgery.</h3>
209+
<p>Support for platforms can be added through the <a
210+
href="https://ephys-link.virtualbrainlab.org/">Ephys
211+
Link</a> project.</p>
200212
</Article>
201213
</div>
202214
</div>
203215
</div>
204216
</div>
205217

206-
<TwoColumn>
207-
<Graphics imageMetadatas={automationImporter.getImageMetadatas()}
208-
alt="Automated insertion in pinpoint synced with real probe" slot="graphics"/>
209-
210-
<div class="h-1/4dvh"/>
211-
<div class="h-3/2dvh">
212-
<div class="sticky top-1/3">
213-
<Article>
214-
<h2>Automation improves accuracy and efficiency</h2>
215-
<p>Robotic manipulators make movements with sub-micrometer precision and perform multiple tasks in parallel, critical improvements for enabling whole-brain neural recording.</p>
216-
</Article>
217-
</div>
218-
</div>
219-
<div class="h-1/4dvh"/>
220-
</TwoColumn>
218+
<Spacer/>
221219

222220
<div class="hero">
223221
<div class="hero-content flex-col lg:flex-row-reverse w-full">
@@ -232,7 +230,8 @@ const automationImporter = new GraphicsImporter(
232230

233231
<Image class="rounded-xl" src={Durations} alt="Automation durations"/>
234232
<Article>
235-
<p>Automation is measurably faster than traditional methods. The median duration of automated insertions (red dot) is significantly faster than the median
233+
<p>Automation is measurably faster than traditional methods. The median duration of automated
234+
insertions (red dot) is significantly faster than the median
236235
duration for manual insertions (black dot).</p>
237236
</Article>
238237
</div>
@@ -241,7 +240,8 @@ const automationImporter = new GraphicsImporter(
241240
<div class="sticky top-1/3">
242241
<Article>
243242
<h2>The future is fully automated</h2>
244-
<h3>In collaboration with the Allen Institute we will develop computer vision assisted systems to
243+
<h3>In collaboration with the Allen Institute we will develop computer vision assisted systems
244+
to
245245
enable unattended surgery.</h3>
246246
<p>The reduction in human error and increase in efficiency will enable neuroscientists to scale
247247
up
@@ -254,16 +254,16 @@ const automationImporter = new GraphicsImporter(
254254

255255
<!-- Outreach -->
256256

257+
<Spacer/>
257258
<div class="hero">
258259
<div class="hero-content">
259-
<div class="h-1/4dvh"/>
260260
<Article>
261261
<h1 class="text-center">Grow the Community with<br/><span class="text-primary">Pinpoint</span>
262262
</h1>
263263
</Article>
264-
<div class="h-1/4dvh"/>
265264
</div>
266265
</div>
266+
<Spacer/>
267267

268268
<!-- Teaching. -->
269269
<div class="hero">
@@ -289,7 +289,8 @@ const automationImporter = new GraphicsImporter(
289289
<h2>Neuroscience is for everyone</h2>
290290
<h3>Pinpoint is free software available for everyone to use.</h3>
291291
<p>Run Pinpoint from a web browser, a desktop computer, or a handheld gaming console!</p>
292-
<p>Learn about Pinpoint and discover the platform at three workshops and conferences every year:</p>
292+
<p>Learn about Pinpoint and discover the platform at three workshops and conferences every
293+
year:</p>
293294
<ul>
294295
<li><a href="https://www.sfn.org/meetings/neuroscience-2025">Society for Neuroscience
295296
Conference</a></li>
@@ -304,7 +305,7 @@ const automationImporter = new GraphicsImporter(
304305
</div>
305306
</div>
306307

307-
<div class="h-1/4dvh"/>
308+
<Spacer/>
308309

309310
<!-- Undergrads. -->
310311
<div class="hero">
@@ -343,21 +344,29 @@ const automationImporter = new GraphicsImporter(
343344
<div class="sticky top-1/3">
344345
<Article>
345346
<h2>Fostering the next generation</h2>
346-
<p>Developing Pinpoint has been an opportunity for a diverse group of undergraduates to discover a passion for research, neuroscience, and 3D development.</p>
347+
<p>Developing Pinpoint has been an opportunity for a diverse group of undergraduates to discover
348+
a passion for research, neuroscience, and 3D development.</p>
347349
<ul>
348-
<li>Kenneth Yang (WRF Fellow, Mary Gates Scholar)</li>
349-
<li>Jasmine Schoch (SURFiN Fellow)</li>
350+
<li>Kenneth Yang (<a
351+
href="https://www.washington.edu/undergradresearch/academic-year-programs/wrff/">WRF
352+
Fellow</a>, <a href="https://expd.uw.edu/mge/apply/research/">Mary Gates Scholar</a>)
353+
</li>
354+
<li>Jasmine Schoch (<a
355+
href="https://www.simonsfoundation.org/grant/shenoy-undergraduate-research-fellowship-in-neuroscience-surfin/">SURFiN
356+
Fellow</a>)
357+
</li>
350358
<li>Qiqi Liang</li>
351359
<li>Selina Li</li>
352-
<li>Kai Nylund (Mary Gates Scholar)</li>
360+
<li>Kai Nylund (<a href="https://expd.uw.edu/mge/apply/research/">Mary Gates Scholar</a>)
361+
</li>
353362
</ul>
354363
</Article>
355364
</div>
356365
</div>
357366
</div>
358367
</div>
359368

360-
<div class="h-1/4dvh"/>
369+
<Spacer/>
361370

362371
<!-- Open Source. -->
363372
<div class="hero">
@@ -384,14 +393,16 @@ const automationImporter = new GraphicsImporter(
384393
<h2>Built by everyone</h2>
385394
<h3>Pinpoint is open-source software meaning anyone can review our code, report problems, and
386395
submit changes.</h3>
387-
<p>The open nature of our code also ensures it will still be maintainable long after we achieve our main goals.</p>
396+
<p>The open nature of our code also ensures it will still be maintainable long after we achieve our
397+
main goals.</p>
388398
</Article>
389399
</div>
390400
</div>
391401
</div>
392402

393-
<div class="h-1/4dvh"/>
403+
<Spacer/>
394404

405+
<!-- Website. -->
395406
<div class="hero">
396407
<div class="hero-content flex-col lg:flex-row-reverse w-full">
397408
<div class="basis-1/2 self-stretch">
@@ -401,7 +412,7 @@ const automationImporter = new GraphicsImporter(
401412
alt="Pinpoint GitHub Repository"/>
402413
</figure>
403414
<div class="card-body">
404-
<h2 class="card-title">VBL — Virtual Brain Lab</h2>
415+
<h2 class="card-title">VBL - Virtual Brain Lab</h2>
405416
<p>We develop 3D visualization tools for experimenting with, exploring, and simulating
406417
brains.</p>
407418
<div class="card-actions justify-end">
@@ -420,40 +431,39 @@ const automationImporter = new GraphicsImporter(
420431
</div>
421432
</div>
422433

423-
<div class="h-1/4dvh"/>
434+
<Spacer/>
424435

436+
<!-- Contact. -->
425437
<div class="hero">
426-
<div class="hero-content text-center">
427-
<div>
428-
<Article>
429-
<h1>Made with Unity</h1>
430-
<h2>Actively Maintained by:</h2>
431-
</Article>
438+
<div class="hero-content flex-col justify-center text-center">
439+
<Article>
440+
<Image src={MadeWithUnity} alt="Made with Unity"/>
441+
<h2>Core Team:</h2>
442+
</Article>
432443

433-
<br/>
444+
<br/>
434445

435-
<div class="flex space-x-8">
436-
<a href="mailto:kjy5@uw.edu">
437-
<div class="avatar">
438-
<div class="w-48 rounded-full">
439-
<img src={Kenneth.src} alt="Kenneth J. Yang"/>
440-
</div>
446+
<div class="flex space-x-8">
447+
<a href="mailto:kjy5@uw.edu">
448+
<div class="avatar">
449+
<div class="w-48 rounded-full">
450+
<img src={Kenneth.src} alt="Kenneth J. Yang"/>
441451
</div>
442-
<Article>
443-
<p><strong>Kenneth J. Yang</strong><br/>University of Washington</p>
444-
</Article>
445-
</a>
446-
<a href="mailto:daniel.birman@alleninsitute.org">
447-
<div class="avatar">
448-
<div class="w-48 rounded-full">
449-
<img src={Dan.src} alt="Dr. Daniel Birman"/>
450-
</div>
452+
</div>
453+
<Article>
454+
<p><strong>Kenneth J. Yang</strong><br/>University of Washington</p>
455+
</Article>
456+
</a>
457+
<a href="mailto:daniel.birman@alleninsitute.org">
458+
<div class="avatar">
459+
<div class="w-48 rounded-full">
460+
<img src={Dan.src} alt="Dr. Daniel Birman"/>
451461
</div>
452-
<Article>
453-
<p><strong>Daniel Birman, PhD</strong><br/>Allen Institute</p>
454-
</Article>
455-
</a>
456-
</div>
462+
</div>
463+
<Article>
464+
<p><strong>Daniel Birman, PhD</strong><br/>Allen Institute</p>
465+
</Article>
466+
</a>
457467
</div>
458468
</div>
459469
</div>

0 commit comments

Comments
 (0)