Skip to content

External links now open in new tab #70

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
ZackGoldblum merged 4 commits into from
Sep 21, 2024
Merged

External links now open in new tab #70

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
d92b7ae
Add pre-print tag
ZackGoldblum Sep 18, 2024
220eb11
Update Pennsieve entry
ZackGoldblum Sep 20, 2024
5ffce9d
Update timeline image links
ZackGoldblum Sep 21, 2024
a5541bd
Open external links in new tab
ZackGoldblum Sep 21, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
6 changes: 3 additions & 3 deletions src/components/Header.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -28,13 +28,13 @@ function Header() {
<h1>
<Link to="/" style={{ color: 'var(--blue_color)', textDecoration: 'none' }}>Zack Goldblum</Link>
<span style={{ marginLeft: '20px' }}>
<a className="social_media_icons" href="http://www.github.com/ZackGoldblum" aria-label="GitHub">
<a className="social_media_icons" href="http://www.github.com/ZackGoldblum" aria-label="GitHub" target="_blank" rel="noopener noreferrer">
<FontAwesomeIcon icon={faGithub} />
</a>
<a className="social_media_icons" href="http://www.linkedin.com/in/zackgoldblum" aria-label="LinkedIn">
<a className="social_media_icons" href="http://www.linkedin.com/in/zackgoldblum" aria-label="LinkedIn" target="_blank" rel="noopener noreferrer">
<FontAwesomeIcon icon={faLinkedin} />
</a>
<a className="social_media_icons" href="https://x.com/ZackGoldblum" aria-label="X (Twitter)">
<a className="social_media_icons" href="https://x.com/ZackGoldblum" aria-label="X (Twitter)" target="_blank" rel="noopener noreferrer">
<FontAwesomeIcon icon={faXTwitter} />
</a>
<a className="social_media_icons" href="mailto:zackgoldblum@gmail.com" aria-label="Email">
Expand Down
1 change: 1 addition & 0 deletions src/index.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -13,6 +13,7 @@
--pink_color: #ad6db4;
--red_color: #b14f4f;
--dark_purple_color: #282434;
--light_purple_color: #635cb7;

--border_radius: 20px;
--internal_padding: 20px;
Expand Down
48 changes: 28 additions & 20 deletions src/pages/About.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@ import React from 'react';
import PropTypes from 'prop-types';
import useSmoothScroll from '../hooks/useSmoothScroll';

const TimelineEntry = ({ date, imageUrl, imageAlt, title, subheader, subtitle, bullets, positions }) => (
const TimelineEntry = ({ date, imagePath, imageUrl, imageAlt, title, subheader, subtitle, bullets, positions }) => (
<div className="timeline_entry item_container">
<div className="timeline_left">
<div className="timeline_date timeline_date_right">
Expand All @@ -15,8 +15,8 @@ const TimelineEntry = ({ date, imageUrl, imageAlt, title, subheader, subtitle, b
</div>
<br />
<div className="timeline_image">
<a href={imageUrl}>
<img className="image_thumbnail" src={imageUrl} alt={imageAlt} />
<a href={imageUrl} target="_blank" rel="noopener noreferrer">
<img className="image_thumbnail" src={imagePath} alt={imageAlt} />
</a>
</div>
</div>
Expand Down Expand Up @@ -63,15 +63,17 @@ function About() {
const timelineEntries = [
{
date: "Sept 2024-<br>Present",
imageUrl: "/about/nucleate_thumbnail.webp",
imagePath: "/about/nucleate_thumbnail.webp",
imageUrl: "https://www.nucleate.xyz/",
imageAlt: "Nucleate thumbnail",
title: "Leadership Team, Philadelphia",
subheader: "Nucleate",
bullets: ["Nucleate is a student-led, non-profit organization that empowers the next generation of biotech leaders by educating today's academic trainees."]
},
{
date: "Aug 2024-<br>Present",
imageUrl: "/about/penn_thumbnail.webp",
imagePath: "/about/penn_thumbnail.webp",
imageUrl: "https://be.seas.upenn.edu/",
imageAlt: "Penn thumbnail",
title: "Bioengineering PhD Student",
subheader: "University of Pennsylvania",
Expand All @@ -80,7 +82,8 @@ function About() {
},
{
date: "Sept 2023-<br>Aug 2024",
imageUrl: "/about/litt_lab_thumbnail.webp",
imagePath: "/about/litt_lab_thumbnail.webp",
imageUrl: "https://littlab.seas.upenn.edu/",
imageAlt: "Litt Lab thumbnail",
title: "Research Specialist",
subheader: "Litt Lab, University of Pennsylvania",
Expand All @@ -89,7 +92,8 @@ function About() {
},
{
date: "June 2023-<br>March 2024",
imageUrl: "/about/sociail_thumbnail.webp",
imagePath: "/about/sociail_thumbnail.webp",
imageUrl: "https://www.sociail.com/",
imageAlt: "Sociail thumbnail",
title: "Co-Founder, Technology Lead",
subheader: "Sociail",
Expand All @@ -100,7 +104,8 @@ function About() {
},
{
date: "Dec 2021-<br>Sept 2023",
imageUrl: "/about/ayaz_lab_thumbnail.webp",
imagePath: "/about/ayaz_lab_thumbnail.webp",
imageUrl: "https://ayazlab.com/",
imageAlt: "Ayaz Lab thumbnail",
title: "Research Assistant",
subheader: "Neuroergonomics and Neuroengineering Lab, Drexel University",
Expand All @@ -115,7 +120,8 @@ function About() {
},
{
date: "June 2020-<br>June 2023",
imageUrl: "/about/moberg_analytics_thumbnail.webp",
imagePath: "/about/moberg_analytics_thumbnail.webp",
imageUrl: "https://moberganalytics.com/",
imageAlt: "Moberg Analytics thumbnail",
positions: [
{
Expand All @@ -140,7 +146,8 @@ function About() {
},
{
date: "Sept 2019-<br>March 2020",
imageUrl: "/about/intact_vascular_thumbnail.webp",
imagePath: "/about/intact_vascular_thumbnail.webp",
imageUrl: "https://www.linkedin.com/company/intactvascular/",
imageAlt: "Intact Vascular thumbnail",
title: "Product Research & Development Engineer",
subheader: "Intact Vascular",
Expand All @@ -152,7 +159,8 @@ function About() {
},
{
date: "Sept 2018-<br>June 2023",
imageUrl: "/about/drexel_thumbnail.webp",
imagePath: "/about/drexel_thumbnail.webp",
imageUrl: "https://drexel.edu/biomed/",
imageAlt: "Drexel University thumbnail",
title: "Biomedical Engineering Graduate",
subheader: "Drexel University",
Expand Down Expand Up @@ -190,32 +198,32 @@ function About() {
<Section title="Current Affiliations">
<div id="affiliations_container">
<div id="left" className="box">
<a href="https://seas.upenn.edu/">
<a href="https://seas.upenn.edu/" target="_blank" rel="noopener noreferrer">
<img src="/about/penn_engineering.webp" alt="Penn Engineering image" width="210" height="80" />
</a>
</div>
<div id="middle" className="box">
<a href="https://cnt.upenn.edu/">
<a href="https://cnt.upenn.edu/" target="_blank" rel="noopener noreferrer">
<img src="/about/cnt.webp" alt="Center for Neuroengineering and Therapeutics image" width="333" height="80" />
</a>
</div>
<div id="right" className="box">
<a href="https://littlab.seas.upenn.edu/">
<a href="https://littlab.seas.upenn.edu/" target="_blank" rel="noopener noreferrer">
<img src="/about/littlab.webp" alt="Litt Lab image" width="278" height="80" />
</a>
</div>
<div id="left" className="box">
<a href="https://nucleate.xyz/">
<a href="https://nucleate.xyz/" target="_blank" rel="noopener noreferrer">
<img src="/about/nucleate.webp" alt="Nucleate image" width="533" height="80" />
</a>
</div>
<div id="middle" className="box">
<a href="https://drexel.edu/biomed/resources/alumni/">
<a href="https://drexel.edu/biomed/resources/alumni/" target="_blank" rel="noopener noreferrer">
<img src="/about/dban.webp" alt="Drexel Biomed Alumni Network image" width="250" height="80" />
</a>
</div>
<div id="right" className="box">
<a href="https://pintofscience.com/">
<a href="https://pintofscience.com/" target="_blank" rel="noopener noreferrer">
<img src="/about/pint_of_science.webp" alt="Pint of Science image" width="250" height="80" />
</a>
</div>
Expand Down Expand Up @@ -339,23 +347,23 @@ function About() {
<p className="timeline_subtitle" style={{ paddingBottom: '0px' }}>
CITI Program <span style={{ fontSize: '18px' }}>(Sept 2023 - N/A)</span>
</p>
<a className="check_it_out" href="https://www.citiprogram.org/verify/?w05306b68-a365-4ec3-ba07-d8522b3b0dfd-58123920">Check it out!</a>
<a className="check_it_out" href="https://www.citiprogram.org/verify/?w05306b68-a365-4ec3-ba07-d8522b3b0dfd-58123920" target="_blank" rel="noopener noreferrer">Check it out!</a>
</div>
<br />
<div>
<h4 className="header about_header">Good Clinical Practice</h4>
<p className="timeline_subtitle" style={{ paddingBottom: '0px' }}>
CITI Program <span style={{ fontSize: '18px' }}>(Sept 2023 - Sept 2026)</span>
</p>
<a className="check_it_out" href="https://www.citiprogram.org/verify/?w4c47456a-6a05-400a-b30c-adee6ec9d829-58147870">Check it out!</a>
<a className="check_it_out" href="https://www.citiprogram.org/verify/?w4c47456a-6a05-400a-b30c-adee6ec9d829-58147870" target="_blank" rel="noopener noreferrer">Check it out!</a>
</div>
<br />
<div>
<h4 className="header about_header">Human Subjects Research - Social Behavioral</h4>
<p className="timeline_subtitle" style={{ paddingBottom: '0px' }}>
CITI Program <span style={{ fontSize: '18px' }}>(Feb 2022 - Feb 2025)</span>
</p>
<a className="check_it_out" href="https://www.citiprogram.org/verify/?w098eae68-b03c-4ce7-b76a-cafb17f52784-47523437">Check it out!</a>
<a className="check_it_out" href="https://www.citiprogram.org/verify/?w098eae68-b03c-4ce7-b76a-cafb17f52784-47523437" target="_blank" rel="noopener noreferrer">Check it out!</a>
</div>
</Section>
</div>
Expand Down
25 changes: 12 additions & 13 deletions src/pages/Projects.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -55,10 +55,10 @@ function Projects() {
V2: New design with a Three.js-animated starfield background.<br><br>
V1: 5 HTML files, 1 CSS file, 1 font, 0 frameworks. That's it! Clean and simple. Color palette
inspired by <a style="color: var(--dark-gray_color); font-style: italic;"
href="https://github.com/daltonmenezes/aura-theme/tree/main">Aura Theme</a>.
href="https://github.com/daltonmenezes/aura-theme/tree/main" target="_blank" rel="noopener noreferrer">Aura Theme</a>.
<br><br>
<a class="check_it_out"
href="https://github.com/ZackGoldblum/zackgoldblum.github.io">Check it out!</a>`
href="https://github.com/ZackGoldblum/zackgoldblum.github.io" target="_blank" rel="noopener noreferrer">Check it out!</a>`
}
],
"2024-2025": [
Expand Down Expand Up @@ -137,7 +137,7 @@ function Projects() {
eventually I'll write something long-form that conveys how truly foundational this
experience was.
<br><br>
<a class="check_it_out" href="https://www.sociail.com/">Check it out!</a>`
<a class="check_it_out" href="https://www.sociail.com/" target="_blank" rel="noopener noreferrer">Check it out!</a>`
}
],
"2023-2024": [
Expand All @@ -154,10 +154,10 @@ function Projects() {
verified an experimental setup for investigating the neural correlates of cognitive
tasks and designed open-source tools to facilitate optical neuroimaging research.
<br><br>
<a class="check_it_out" href="https://doi.org/10.17918/00001784">Check it out!</a>
<a class="check_it_out" href="https://doi.org/10.17918/00001784" target="_blank" rel="noopener noreferrer">Check it out!</a>
<br>
<a class="check_it_out" style="padding-top: 10px; display: inline-block;" href="https://github.com/AyazLab/KernelFlow_Experiment">GitHub (Experiment)</a> |
<a class="check_it_out" href="https://github.com/AyazLab/KernelFlow_Analysis">GitHub (Analysis)</a>`
<a class="check_it_out" style="padding-top: 10px; display: inline-block;" href="https://github.com/AyazLab/KernelFlow_Experiment" target="_blank" rel="noopener noreferrer">GitHub (Experiment)</a> |
<a class="check_it_out" href="https://github.com/AyazLab/KernelFlow_Analysis" target="_blank" rel="noopener noreferrer">GitHub (Analysis)</a>`
},
{
title: "Novel Medical Devices for Neurocritical Care Monitoring | Moberg Analytics",
Expand All @@ -169,7 +169,7 @@ function Projects() {
in neuro-ICU rooms. After the Stopcock Position Sensor for ICP context was clinically
validated at UT Southwestern Medical Center, I initiated a joint effort with a Drexel <em>Senior
Design</em> team to overhaul the devices and verify the sensors for environmental data capture.
<br><br><a class="check_it_out" href="https://doi.org/10.1093/milmed/usad136">Check it out!</a>`
<br><br><a class="check_it_out" href="https://doi.org/10.1093/milmed/usad136" target="_blank" rel="noopener noreferrer">Check it out!</a>`
}
],
"2022-2023": [
Expand All @@ -184,7 +184,7 @@ function Projects() {
retrospectively collected patient and medical data using a k-nearest neighbors algorithm. The
utilized database is the Medical Information Mart for Intensive Care (MIMIC)-IV.
<br><br><a class="check_it_out"
href="https://github.com/ZackGoldblum/Neurocritial-Care-Patient-Outcome-Predictor">Check it
href="https://github.com/ZackGoldblum/Neurocritial-Care-Patient-Outcome-Predictor" target="_blank" rel="noopener noreferrer">Check it
out!</a>`
},
{
Expand All @@ -197,8 +197,7 @@ function Projects() {
while the patient is breathing. The patient presses the button when he or she wishes to speak
and the cuff deflates. This work was presented at several Drexel Biomed events at which I
participated on a Q&A panel for prospective students.
<br><br><a class="check_it_out" href="/projects/trachtalk_project.pdf"
target="_blank">Check it out!</a>`
<br><br><a class="check_it_out" href="/projects/trachtalk_project.pdf">Check it out!</a>`
},
{
title: "BrainTech Podcast | YouTube and Spotify",
Expand All @@ -210,7 +209,7 @@ function Projects() {
was spun out of the <em>Brain Technology Convergence</em> graduate course taught by Dr. Banu
Onaral. Four episodes were created as initial run. I would like to return to this project at
some point and do more with the BrainTech channel.
<br><br><a class="check_it_out" href="https://www.youtube.com/@braintechyoutube">Check it
<br><br><a class="check_it_out" href="https://www.youtube.com/@braintechyoutube" target="_blank" rel="noopener noreferrer">Check it
out!</a>`
}
],
Expand All @@ -226,7 +225,7 @@ function Projects() {
from my OpenBCI headset. The software handles EEG data acquisition from the headset,
pre-processing, and visualization, as well as dataset creation and real-time classification using our model.
<br><br><a class="check_it_out"
href="https://github.com/ZackGoldblum/BMES725-BCI-Motor-Imagery">Check it out!</a>`
href="https://github.com/ZackGoldblum/BMES725-BCI-Motor-Imagery" target="_blank" rel="noopener noreferrer">Check it out!</a>`
}
],
"2020-2021": [
Expand All @@ -240,7 +239,7 @@ function Projects() {
accelerometer, gyroscope, and keystroke data streams from a smartphone to train the model and
create visualizations for clinicians to remotely monitor disease progression over time.
Built on Android and Google Firebase.
<br><br><a class="check_it_out" href="https://devpost.com/software/neopet-2pgzxt">Check it
<br><br><a class="check_it_out" href="https://devpost.com/software/neopet-2pgzxt" target="_blank" rel="noopener noreferrer">Check it
out!</a>`
}
]
Expand Down
Loading