-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathmyprojects.html
More file actions
152 lines (146 loc) · 6.26 KB
/
myprojects.html
File metadata and controls
152 lines (146 loc) · 6.26 KB
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
<!DOCTYPE html>
<html lang="en-US">
<head>
<link rel ="stylesheet" href= "styles.css">
<link href="https://fonts.googleapis.com/css?family=Montserrat|Patrick+Hand+SC|Patua+One&display|Roboto+Slab&display=swap" rel="stylesheet">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("#look").show();
$("#BMECards").hide();
$("#CSCards").hide();
$("#FunCards").hide();
var bme_btn = $("#BME");
var cs_btn = $("#CS");
var fun_btn = $("#Fun");
$("#BME").click(function(){
$("#look").hide();
$("#BMECards").show();
bme_btn.css("background-color", "#663da2");
$("#CSCards").hide();
cs_btn.css("background-color", "#4f4f4f");
$("#FunCards").hide();
fun_btn.css("background-color", "#4f4f4f");
})
$("#CS").click(function(){
$("#look").hide();
$("#BMECards").hide();
bme_btn.css("background-color", "#4f4f4f");
$("#CSCards").show();
cs_btn.css("background-color", "#663da2");
$("#FunCards").hide();
fun_btn.css("background-color", "#4f4f4f");
})
$("#Fun").click(function(){
$("#look").hide();
$("#BMECards").hide();
bme_btn.css("background-color", "#4f4f4f");
$("#CSCards").hide();
cs_btn.css("background-color", "#4f4f4f");
$("#FunCards").show();
fun_btn.css("background-color", "#663da2");
});
});
</script>
<title> My Projects </title>
</head>
<body>
<header>
<nav>
<label for="toggle">☰</label>
<input type="checkbox" id="toggle"/>
<div class="menu">
<ul>
<li> <a href = index.html> Home </a></li>
<li> <a href = myprojects.html> My Projects </a></li>
<li> <a href = resume.html> Resume </a></li>
<li> <a href = contact.html> Contact </a></li>
</ul>
</div>
</nav>
</header>
<div class="ProjectTypeButton">
<ul>
<li>
<button class="p_button" id="BME"> BME </button>
</li>
<li>
<button class="p_button" id="CS"> CS </button>
</li>
<li>
<button class="p_button" id="Fun"> Fun! </button>
</li>
<li class="slide" ></li>
</ul>
</div>
<div id="look">
<h3>↑ Come Check Out My Projects! ↑</h3>
</div>
<div id="BMECards">
<ul>
<li>
<div class="card grid-project" >
<div class="cardImage">
<img src="conference.jpg" alt="" >
</div>
<div class="card-content">
<h3 class = "card-title"> Deep Learning to Ultrasound Imaging </h3>
<p> This project was completed as a part of research I did with the Pulse Lab at Johns Hopkins through the 2019 Leadership Alliance Summer Research Early Identification Program. Recently, rather than the traditional delay-and-sum beamforming method, deep learning is being explored as a way to create readable and segmented ultrasound images from raw ultrasound channel data. One limitation of this approach comes from the fact that this raw data must be "downsampled" for the network to train properly, which increases the likelihood for small cysts to be missed or mischaracterized. Using simulated cysts in a fully convolutional neural network developed by my lab, I tested different downsampling methods to see how accurately small cysts can be segmented. (This is a photo of me presenting this research at BMES 2019.) </p>
</div>
</div>
</li>
<li>
<div class="card grid-project">
<div class="cardImage">
<img src="transtib.jpg" alt="" />
</div>
<div class="card-content" class= "grid-project">
<h3 class = "card-title"> Inflatable Socket for Transtibial Prosthetics </h3>
<img src="model.jpg" alt="" id="left"/>
<p> In my Introduction to Biomedical Engineering Design class, my team chose to come up with a design involving prosthetics. We decided that we wanted to develop an inflatable socket for transtibial prosthetics. Following amputations, the residual limb may fluctuate in size due to inflammation. Our inflatable design would allow the patient to adjust the fit of their own prosthetic to those fluctuations. Amongst many other responsibilities, I coordinated with a local Certified Prosthetist Orthotist to receive key feedback on our ideation and prototypes. To the left you can see our formal solidworks model of our design, and above one of my teammates is modeling our proof-of concept. </p>
</div>
</div>
</li>
</ul>
</div>
<div id="CSCards">
<ul>
<li>
<div class="card grid-project" >
<div class="cardImage">
<img src="websitepic.jpg" alt="" >
</div>
<div class="card-content">
<h3 class = "card-title"> My Personal Website </h3>
<p> Out of a desire to have a space where I could expand upon my experiences and share everything that I've been working on, I challenged myself to make a personal website. So far I've learnt a lot about html, css, and jquery, and have had a lot of fun doing so. This particular project isn't quite finished. As web design is new to me, I hope as I keep learning new things so that this website keeps improving! </p>
</div>
</div>
</li>
<li>
<div class="card grid-project" >
<div class="cardImage">
<img src="mapGame.JPG" alt="" >
</div>
<div class="card-content">
<h3 class = "card-title"> Map Game </h3>
<p> Recently, I came across a <a href="https://github.com/samayo/country-json">repository</a> on GitHub with data of the world by country. I've been trying to pick up vanilla JavaScript so I made this Map Game to try and practice what I've been learning. I used the data from the repository to randomize which Country and Capital pairs show up in the game. Also, I made it so the Capital tiles can be dragged and dropped to the appropriate country. The CSS comes from Bootstrap. You can check out this project <a href="https://github.com/kendrawashington/mapGame">here</a>. </p>
</div>
</div>
</li>
</ul>
</div>
<div id="FunCards">
<ul>
<li>
<div class="card grid-project" >
<div class="card-content">
<h3 class = "card-title"> *Work in Progress* </h3>
<p> I'm still working on adding these Projects. Check back soon!</p>
</div>
</div>
</li>
</ul>
</div>
</body>
</html>