-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
134 lines (130 loc) · 7.55 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.0">
<title>Tom Mitchell</title>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet">
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="styles.css">
</head>
<body>
<div class="gradient-overlay"></div>
<div class="scroll-indicator"></div>
<nav class="main-nav">
<ul>
<li><a href="#about">About</a></li>
<li><a href="#projects">Projects</a></li>
<li><a href="#work-experience">Experience</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
<header class="header">
<div class="header-content">
<h1 class="animated-name" id="animatedName">Tom Mitchell</h1>
<p id="tagline"></p>
<div class="contact-buttons" style="opacity: 0;">
<a href="mailto:tommit2265@gmail.com" target="_blank" class="social-button">
<i class="fas fa-envelope"></i>
<span class="button-text">Email</span>
</a>
<a href="https://www.linkedin.com/in/tom-mitchell-umd/" target="_blank" class="social-button">
<i class="fab fa-linkedin"></i>
<span class="button-text">LinkedIn</span>
</a>
<a href="https://github.com/TomMitchell123" target="_blank" class="social-button">
<i class="fab fa-github"></i>
<span class="button-text">GitHub</span>
</a>
</div>
<div class="down-arrow">↓</div>
</div>
</header>
<main class="container">
<section id="about" class="section about">
<h2>About Me</h2>
<p>Hello, I'm Tom Mitchell, a passionate software engineer with a unique blend of expertise in computer science, math, astronomy, and meteorology. My diverse background allows me to approach problems from multiple angles, creating impactful projects that bridge the gap between scientific research and practical applications.</p>
<p>Whether it's building user-friendly web applications or diving deep into data analysis, I'm always eager to take on new challenges. When I'm not coding, you can find me skiing, playing <a href="https://www.chess.com/member/gbntomm" target="_blank" class="inline-link">chess</a>, flying, and chasing sunsets (<a href="images.html" class="inline-link">Photos</a>). I'm constantly seeking new opportunities to learn, grow, and collaborate on exciting projects.</p>
<p>Check out my projects below!</p>
</section>
<section id="projects" class="section projects">
<h2>Projects</h2>
<div class="projects-grid">
<div class="projects-item">
<img src="./Images/Project-Images/TerpCourseWatch.png" alt="Terp Course Watch">
<h3>Terp Course Watch</h3>
<p>A course notification manager for UMD students. Built with HTML/CSS/JS frontend and Python backend, hosted on Firebase.</p>
<a href="https://terpcoursewatch-6128f.firebaseapp.com/" target="_blank" class="project-link">View Project</a>
</div>
<div class="projects-item">
<img src="./Images/Project-Images/AI-Counselor.png" alt="AI Counselor">
<h3>AI Counselor</h3>
<p>An AI assistant that processes university course PDFs and responds to natural language queries. Developed the backend using Python and Flask.</p>
<a href="https://devpost.com/software/ai-counselor" target="_blank" class="project-link">View Project</a>
</div>
</div>
</section>
<section id="work-experience" class="section">
<h2>Work Experience</h2>
<div class="timeline">
<div class="timeline-item">
<div class="timeline-content">
<h3>Center for Advanced Transportation Technology Laboratory (CATT Lab)</h3>
<p class="timeline-date">Sep 2024 - Present</p>
<p>Optimizing data ingestion, cleaning, and performance for RITIS (Regional Integrated Traffic Information System) to enhance traffic management decision-making, improve data quality, and streamline user experience for transportation professionals.</p>
</div>
</div>
<div class="timeline-item">
<div class="timeline-content">
<h3>US Army DEVCOM Army Research Laboratory (ARL)</h3>
<p class="timeline-date">Jun 2024 - Aug 2024</p>
<p>Leveraged realtime transportation data to develop a cutting-edge machine learning model. This model was designed to classify traffic incidents, enhancing reporting of incidents and improving road safety.</p>
</div>
</div>
<div class="timeline-item">
<div class="timeline-content">
<h3>Astronomy Research</h3>
<p class="timeline-date">Mar 2023 - Jan 2024</p>
<p>Abstract of my research was accepted at the American Geophysical Union (AGU23) Annual Conference.</p>
<a href="AGU23-SOHO.pdf" target="_blank" rel="noopener noreferrer" class="view-button">
<i class="fas fa-eye"></i> View Poster
</a>
</div>
</div>
<div class="timeline-item">
<div class="timeline-content">
<h3>Climate Science Research</h3>
<p class="timeline-date">May 2023 - Aug 2023</p>
<p>Used the Cheyenne supercomputer to find meaningful correlations between polar storms and sea ice loss.</p>
</div>
</div>
</div>
</section>
<section id="contact" class="section contact-info">
<h2>Contact</h2>
<p>Feel free to reach out to me via Email or connect with me on LinkedIn and GitHub.</p>
<div class="contact-buttons">
<a href="mailto:tommit2265@gmail.com" target="_blank" class="social-button">
<i class="fas fa-envelope"></i>
<span class="button-text">Email</span>
</a>
<a href="https://www.linkedin.com/in/tom-mitchell-umd/" target="_blank" class="social-button">
<i class="fab fa-linkedin"></i>
<span class="button-text">LinkedIn</span>
</a>
<a href="https://github.com/TomMitchell123" target="_blank" class="social-button">
<i class="fab fa-github"></i>
<span class="button-text">GitHub</span>
</a>
</div>
</section>
</main>
<footer>
<p class="copyright">© 2024 Tom Mitchell. All rights reserved.</p>
</footer>
<div class="background-animation"></div>
<script src="https://cdn.jsdelivr.net/particles.js/2.0.0/particles.min.js"></script>
<script src="scripts.js"></script>
</body>
</html>