-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
130 lines (111 loc) · 5.73 KB
/
index.html
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
<!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="">
<meta name="author" content="">
<!-- Bootstrap core CSS -->
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<!-- My Custom CSS-->
<link href="custom.css" rel="stylesheet">
</script>
</head>
<body class="d-flex flex-column" data-spy="scroll" data-target=".navbar" data-offset="50">
<!-- Navbar -->
<nav class="navbar navbar-expand-sm bg-dark navbar-dark fixed-top">
<div class="container">
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav nav-fill w-100">
<li class="nav-item">
<a class="nav-link" href="#who_am_i">Who am I?</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#what_i_do">What do I do?</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#my_work">My work</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#contact">Get in touch</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- Jumbotron / title -->
<div class="jumbotron jumbotron-fluid" style="max-width: 100%;" id="title">
<div class="container">
<div class="pagination-centered">
<h2 class="display-4">Thomas James Hall</h2>
<img src="images/portrait.png" class="hero-image" alt="portrait">
<p class="lead subtitle">Thinking, reading, collecting, <span class="font-blue">designing</span>, <span class="font-red">making</span> and playing around</p>
</div>
</div>
</div>
<!-- Page Content -->
<div class="container" id="page-content">
<!-- Who am I -->
<div class="row" id="who_am_i" >
<div class="col-lg-12">
<h1 class="display-5">Who am I?</h1>
<p class="lead">I'm a software engineero working at <a class="text-rit-orange" href="https://kythera.space/" target="_blank">Kythera Space Solutions</a> working on the SATCOM industry's first near-realtime, dynamic, autonomous management system for next-generation, heterogenous, multi-orbit networks. I love to solve problems, especially ones that haven't been solved before. Whether it’s finding the most elegant way to write a function or figuring out how to arrange a print, I love the challenge of finding a way and discovering
solutions. As long as there’s a problem to solve or a challenge to puzzle over, it’s bound to be something I love! </p>
</div>
</div>
<br>
<!-- what do I do? -->
<div class="row" id="what_i_do">
<div class="col-lg-12">
<h1 class="display-5">What do I do?</h1>
<p class="lead">Outside of my studies I spend my time working with 3D printing, my student group <a class="text-rit-orange" href="https://spex.rit.edu/" target="_blank">RIT Space
Exploration</a> working on the rovers team, and other personal projects like SwimAid. </p>
</div>
</div>
<br>
<!-- what do I do? -->
<div class="row" id="my_work">
<div class="col-lg-12">
<h1 class="display-5">My work</h1>
<h1 class="display-6">Rover</h1>
<p class="lead">Let a team of students in the design and construction of a mock rover. This was new for me as
there were a lot of unknowns that need to be answered before starting this project. It employed a
multidisciplinary team for construction and development over two semesters.</p>
<h1 class="display-6">High Altitude Balloon</h1>
<p class="lead">A high altitude balloon, or HAB, is a very large latex balloon that depending on the size of
the balloon and how much helium will take a small payload to around 100,000 feet or 30,000 meters in the
atmosphere. The payload I helped integrate (WUAP) uses on-board image processing with a Raspberry Pi 3, Python 3 and OpenCV
3.3 to mask RGB images of the Earth and attempts to mask areas of high vegetation using colorspace
transformations.</p>
<h1 class="display-6">Swim Aid</h1>
<p class="lead">This project aims to develop a device for visually impaired swimmers which can track the 3D
distance traveled and alert the swimmer when they approach the edge of the pool. The device uses an Arduino
nano, buzzer, and well as a LSM6DSM1 IMU. THe device polls for accelerometer data and employs a 4th order
Runge Kutta method to approximate the slope (distance). </p>
</div>
</div>
<br>
<!-- contact -->
<div class="row" id="contact">
<div class="col-lg-12">
<h1 class="display-5">Get in touch</h1>
<p class="lead"><a class="font-blue" href="mailto:[email protected]" target="_blank">Email</a> • <a class="font-blue" href="https://github.com/tjh2822" target="_blank">GitHub</a> • <a class="font-blue" href="https://www.linkedin.com/in/thomas-james-hall/" target="_blank">Linkedin</a></p>
</div>
</div>
</div>
<hr>
<!-- Footer -->
<footer id="sticky-footer">
<div class="footer-light">
<div class="container-fluid py-3 text-center">
<span class="text-muted">© 2019 Copyright: <a class="font-blue" href="#">thomasjameshall.com</a></span>
</div>
</div>
</footer>
<!-- Bootstrap core JavaScript -->
<script src="vendor/jquery/jquery.slim.min.js"></script>
<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<!-- Custom JS -->
<script src="custom.js"></script>
</body>
</html>