-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathproject1.html
More file actions
155 lines (138 loc) · 7.66 KB
/
project1.html
File metadata and controls
155 lines (138 loc) · 7.66 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
153
154
155
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="Project spotlight: Bio-inspired adhesives for human skin. Can we enable the future of skin attachment by understanding and improving bio-inspired adhesives?">
<meta name="author" content="Aly Hassan">
<title>Aly Hassan - Bio-Inspired Adhesives</title>
<link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png">
<link rel="manifest" href="site.webmanifest">
<link rel="mask-icon" href="safari-pinned-tab.svg" color="#5bbad5">
<meta name="apple-mobile-web-app-title" content="Aly Hassan">
<meta name="application-name" content="Aly Hassan">
<meta name="msapplication-TileColor" content="#ffc40d">
<meta name="theme-color" content="#ffffff">
<!-- Bootstrap core CSS -->
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<!-- style sheet -->
<link href="css/main-style.css" rel="stylesheet">
<link href="css/project-style.css" rel="stylesheet">
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-L0JELEKBDN"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-L0JELEKBDN');
</script>
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-169015472-1"></script>
</head>
<body>
<!-- Navigation -->
<nav class="navbar fixed-top navbar-expand-sm navbar-light">
<div class="container navbar-container">
<div class="navbar-header">
<a class="navbar-brand" href="index.html"><span class="d-sm-inline">aly hassan</span></a>
</div>
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link" href="about.html">about</a>
</li>
<li class="nav-item">
<a class="nav-link" href="work.html">work</a>
</li>
<li class="nav-item">
<a class="nav-link" href="resume.html">resume</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- Page Content -->
<div class="flex-container">
<section class="work-cover">
<div class="container">
<div class="project-intro container">
<h2 class="project-intro-tag">project spotlight</h2>
<h1 class="project-header">Bio-Inspired Adhesives for Human Skin</h1>
<h2 class="project-caption">How can we understand and improve the adhesion of bio-inspired surfaces to enable the future of skin attachment?</h2>
<div class="row skill-row">
<div class="col">
<span class="skill-badge">3D Printing</span>
<span class="skill-badge">Design</span>
<span class="skill-badge">Image Processing</span>
<span class="skill-badge">MATLAB</span>
<span class="skill-badge">Mechanics</span>
<span class="skill-badge">Statistics</span>
</div>
</div>
</div>
</div>
</section>
<section class="project-cover container">
<div class="container" style="margin-left:1vw;">
<div class="row">
<div class="col">
<h3 class="top-buffer"><em>Quick Links</em></h3>
<br>
<div class="read-more-div"><a class="read-more-link" href="files/uterc_2020_poster.gif">1st Place Twitter Poster at the University of Toronto Engineering Research Conference →</a></div><br>
<div class="read-more-div"><a class="read-more-link" href="files/cmsc_grc_poster.pdf">Poster at the 2019 Canadian Materials Science Conference →</a></div><br>
<div class="read-more-div"><a class="read-more-link" href="files/cmsc_grc_poster.pdf">Poster at the 2019 Gordon Research Conference (Science of Adhesion) →</a></div>
<br>
</div>
</div>
<div class="row" style="visibility: hidden">
<div class="col">
<h3 class="top-buffer">Problem</h3>
<br>
Traditional skin adhesives are either too weak or damaging and disposable. This has left the human skin-device interface largely untapped in the consumer electronics market. <br><br>There's a pressing need for a new resuable, reliable, and pain-free skin adhesive.
<br><br><br>
</div>
</div>
<div class="row" style="visibility: hidden">
<div class="col">
<h3>Approach</h3>
<br>
Inspired by the incredible adhesive abilities of climbing animals, bio-inspired micropillar arrays make use of thousands of protruding contacts for strong and residue-free adhesion to surfaces.
<br><br>
Yet these adhesives are still too weak to be used in applications beyond the reasearch lab world. By observing these contacts as they attach and detach in real-time, we can explore reasons for their shortcomings and propose new design stratgies.
<br><br><br><br><br>
</div>
</div>
<div class="row" style="visibility: hidden">
<div class="col">
<h3>The Results</h3>
<br>
The benefit of an array of contacts is not just about the design of the individual contact, but also in their plurality. Their collective detachment behavior is strongly related to their adhesion, with a random sequence showing the strong adhesion of all.
<br><br><br><br><br>
</div>
</div>
</div>
</section>
<section class="other-cover">
<div class="container justify-content-center">
<div class="row justify-content-center">
<div style="position:absolute;bottom:20px;">
<p class="text-center" style="color:black;font-weight: 300">
Copyright © Aly Hassan <script>
document.write(new Date().getFullYear())
</script>
</p>
</div>
</div>
</div>
</section>
</div>
<!-- /.container -->
<!-- Bootstrap core JavaScript -->
<script src="vendor/jquery/jquery.min.js"></script>
<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
</body>
</html>