-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
197 lines (151 loc) · 6.61 KB
/
index.html
File metadata and controls
197 lines (151 loc) · 6.61 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
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
<!DOCTYPE html>
<html lang="en">
<head>
<title>Ryan Sheehan</title>
<link rel="shortcut icon" type="image/x-icon" href="https://rawgit.com/Ryan-Sheehan/Ryan-Sheehan.github.io/master/favicon/favicon.ico">
<!-- Bootstrap Core CSS -->
<link href="/vendor/bootstrap/css/bootstrap3.min.css" rel="stylesheet">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<!-- Custom Fonts -->
<link href="https://fonts.googleapis.com/css?family=Archivo+Black" rel="stylesheet">
<link href="/vendor/helvetica-neue/style.css" rel="stylesheet">
<!-- Font awesome import -->
<link href="vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<!-- link to main stylesheet -->
<link href="/css/main.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="https://use.typekit.net/unt5dbu.css">
<!-- Scripts -->
<script src="https://use.fontawesome.com/3b1fbcb7b8.js"></script>
<script src="https://unpkg.com/pts@0.5.1/dist/pts.min.js"></script>
</head>
<body>
<div class="warning">WARNING<div class="warning-inner">Parts of this site are now deprecated as Ryan is currently in the process of a redesign. Feel free to still check out the projects section in the meantime. For a more accurate representation of Ryan's abilities please reach out to rsheeh03@tufts.edu. 👀</div></div>
<!-- Navigation -->
<nav id="mainNav page-top" class="navbar navbar-default navbar-fixed-top">
<div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span><i class="fa fa-bars"></i>
</button>
<a class="navbar-brand page-scroll" href="#page-top">Ryan Sheehan</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-right">
<li>
<a class="page-scroll" href="#about">About</a>
</li>
<li>
<a href="/projects">Projects</a>
</li>
<li>
<a href="/pictures">Pictures</a>
</li>
<li>
<a href="/graphic-work">Graphic</a>
</li>
<li>
<a class="page-scroll" href="#contact">Contact</a>
</li>
</ul>
</div>
<!-- /.navbar-collapse -->
</div>
<!-- /.container-fluid -->
</nav>
<!-- Header -->
<header >
<div class="header-content">
<div id="pt" class="desktop-content"></div>
<div class="mobile-content header-content-inner">
<h1 id="homeHeading" class=mobile-content>Ryan Sheehan</h1>
<p class="mobile-content">Enthusiastic Provocateur</p>
</div>
</div>
</header>
<section class="bg-primary" id="blurb">
<div class="container" id="about">
<div class="row">
<div class="col-lg-8 col-lg-offset-2 text-center">
<h2 class="section-heading">About me</h2>
<hr class="light">
<p class="text-black">
I was born in Wallingford, PA, about 20 minutes outside of Philadelphia.
Currently, I am an undergrad at the Tufts University School of Engineering,
majoring in computer science and working as a software engineer, interaction designer, illustrator, medical journal video editor, line cook, or whatever you need, really.
If you would like to know more about my work, or if you'd like to work on something with me feel free to email me at rsheeh03@tufts.edu or connect with me
on <a target="_blank" href="https://www.linkedin.com/in/ryan-sheehan-aa1b2114a/">LinkedIn</a>. I probably want to work with you, too.
</p>
</div>
</div>
</div>
</section>
<footer id="contact">
<div class="footer-container">
<div class="row">
<!-- Left hand most side -->
<div class="col-md-4">
<span class="copyright">Copyright © Ryan Sheehan 2018</span>
</div>
<!-- In the middle, shows icons side by side with proper links -->
<div class="col-md-4">
<ul class="list-inline social-buttons">
<li><a target="_blank" href="https://github.com/Ryan-Sheehan"><i class="fa fa-github"></i></a>
</li>
<li><a target="_blank" href="https://www.facebook.com/ryan.sheehan.39142"><i class="fa fa-facebook"></i></a>
</li>
<li><a target="_blank" href="https://www.linkedin.com/in/ryan-sheehan-aa1b2114a/"><i class="fa fa-linkedin"></i></a>
</li>
</ul>
</div>
<!-- On the right side, linkable mailto: -->
<div class="col-md-4">
<ul class="list-inline quicklinks">
<li><a href="mailto:rsheeh03@tufts.edu">rsheeh03@tufts.edu</a>
</li>
</ul>
</div>
</div>
</div>
</footer>
<!-- jQuery -->
<script src="/vendor/jquery/jquery.min.js"></script>
<!-- Plugin JavaScript -->
<script src="/vendor/jquery-easing/jquery.easing.min.js"></script>
<script src="/vendor/scrollreveal/scrollreveal.min.js"></script>
<!-- Bootstrap Core JavaScript -->
<script src="/vendor/bootstrap/js/bootstrap.min.js"></script>
<!-- Theme JavaScript -->
<script src="/js/creative.min.js"></script>
<script type="text/javascript">
Pts.quickStart( "#pt", "#123" );
//// Demo code starts (anonymous function wrapper is optional) ---
(function() {
var pts = [];
var colors = ["#ff2d5d", "#42dc8e", "#2e43eb", "#ffe359"];
space.add( {
// init with 500 random points
start: (bound) => { pts = Create.distributeRandom( space.innerBound, 500 ); },
animate: (time, ftime) => {
let r = Math.abs( space.pointer.x-space.center.x )/space.center.x * 150 + 70;
let range = Circle.fromCenter( space.pointer, r );
// check if each point is within circle's range
for (let i=0, len=pts.length; i<len; i++) {
if ( Circle.withinBound( range, pts[i] ) ) {
// calculate circle size
let dist = (r - pts[i].$subtract(space.pointer).magnitude() ) / r;
let p = pts[i].$subtract( space.pointer ).scale( 1+dist ).add( space.pointer );
form.fillOnly( colors[i%4] ).point( p, dist*25, "circle" );
} else {
form.fillOnly("#fff").point(pts[i], 0.5);
}
}
}
});
//// ----
space.bindMouse().bindTouch().play();
})();
</script>
</body>
</html>