-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
264 lines (251 loc) · 14.5 KB
/
Copy pathindex.html
File metadata and controls
264 lines (251 loc) · 14.5 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
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Mason Bair | Portfolio</title>
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="style.css">
</head>
<body>
<nav>
<div class="nav-logo">The Mason Bair</div>
<div class="nav-links">
<a href="#about">About</a>
<a href="#projects">Experience</a>
<a href="#achievements">Achievements</a>
<a href="#resume">Resume</a>
<a href="https://github.com/masonbair" target="_blank">GitHub</a>
<a href="https://www.linkedin.com/in/masonbair/" target="_blank">LinkedIn</a>
<div class="score-container">
<div class="score-display" id="scoreDisplay">Score: <span id="score">0</span></div>
<div class="leaderboard-dropdown" id="leaderboardDropdown">
<div class="leaderboard-header">
<h3>🏆 Leaderboard</h3>
<button class="close-leaderboard" id="closeLeaderboard">×</button>
</div>
<div class="player-name-section">
<input type="text" id="playerName" placeholder="Enter your name..." maxlength="20" />
<button id="saveScore">Save Score</button>
</div>
<div class="leaderboard-list" id="leaderboardList">
<p class="no-scores">No scores yet. Be the first!</p>
</div>
</div>
</div>
</div>
</nav>
<section class="hero">
<img src="misc/Mason_profile_pic.webp" alt="Mason Bair" class="hero-img" />
<h1>Hi, I'm Mason Bair</h1>
<p>System Administrator | DevSecOps Engineer | Software Developer</p>
<div class="hero-buttons">
<a href="#projects" class="hero-btn primary">View My Work</a>
<a href="https://github.com/masonbair" target="_blank" class="hero-btn secondary">GitHub</a>
<a href="https://www.linkedin.com/in/masonbair/" target="_blank" class="hero-btn tertiary">LinkedIn</a>
</div>
</section>
<div class="section" id="about">
<div class="section-title">About Me</div>
<div class="about-content">
<img src="misc/Mason_dressed_nicely.webp" alt="Mason Bair" />
<p>
I'm Mason, a passionate Computer Science student at Kent State University (graduating May 2026, GPA: 3.97) with expertise in DevSecOps, system administration, and software development. I spent a transformative year studying abroad at Tartu University in Estonia (August 2024-June 2025), which broadened my perspective on technology and international collaboration.
</p>
<p>
Currently serving as an Assistant System Administrator at Kent State, I configure high-performance GPU servers, automate enterprise workflows with Ansible, and maintain security compliance across 20+ research servers. Previously, as a DevSecOps intern at Nationwide, I developed tools that saved over $10K annually and streamlined CI/CD pipelines for 1000+ applications.
</p>
<p>
When I'm not administering systems or writing code, I lead HacKSU as President (Kent State's largest CS club), organize hackathons, and mentor fellow students. I've traveled to 21 countries, bake artisan breads, and am an Eagle Scout. As a Choose Ohio First scholarship recipient, I'm committed to fostering tech communities and making technology accessible to all.
</p>
</div>
</div>
<div class="parallax" style="background-image: url('misc/image_of_code.webp'); height: 320px;"></div>
<div class="section" id="projects">
<div class="section-title">Projects & Experience</div>
<div class="projects-grid">
<div class="project-card">
<img src="misc/Mason_at_RSM_office.webp" alt="Assistant System Administrator" />
<h3>Assistant System Administrator - Kent State</h3>
<p>Configure and deploy Dell R760 GPU servers for faculty research. Automate workflows with Ansible for Tenable agents, updates, and compliance across 20+ servers. Authored multi-OS VPN guides for the CS department.</p>
<p><strong>Tech:</strong> Ubuntu Server, Ansible, SSSD, LDAP, Docker, Lambda AI Stack</p>
<p><em>August 2025 - Present</em></p>
</div>
<div class="project-card">
<img src="misc/Mason_at_RSM_office_2.webp" alt="DevSecOps at Nationwide" />
<h3>DevSecOps Intern - Nationwide</h3>
<p>Developed Python applications integrating SonarQube data to reprioritize issues across 1000+ apps. Migrated CI/CD workflows and created Sonar Sweep tool, saving $10K+ annually.</p>
<p><strong>Tech:</strong> Python, GitHub Actions, SonarQube, CI/CD, Docker</p>
<p><em>May 2025 - August 2025</em></p>
</div>
<div class="project-card">
<img src="misc/Mason_at_carnegie_mellon.webp" alt="ImageJ Web Application" />
<h3>Undergraduate Researcher - ImageJ Web App</h3>
<p>Spearheaded development of a web-based ImageJ application for biology students. Containerized with Docker and deployed using Apache, WSGI, and Ray Clusters for distributed processing.</p>
<p><strong>Tech:</strong> Angular, Python, TypeScript, Docker, Apache, Ray</p>
<p><em>September 2023 - May 2025</em></p>
</div>
<div class="project-card">
<img src="misc/Mason_infront_of_hacksu_sign.webp" alt="HacKSU Leadership" />
<h3>HacKSU President</h3>
<p>Lead Kent State's largest CS club with 6 team members, organizing weekly meetings (10-30 attendees), managing Kent Hack Enough hackathon, and coordinating industry speaker events.</p>
<p><strong>Skills:</strong> Leadership, Event Management, Community Building</p>
<p><em>May 2025 - Present</em></p>
</div>
<div class="project-card">
<img src="misc/image_of_code.webp" alt="IT Help Desk" />
<h3>IT Help Desk Technician - Kent State</h3>
<p>First line of technical support for Windows, Linux, and MacOS systems. Analyzed and troubleshot software issues. Worked on Apple Repair Certification.</p>
<p><strong>Skills:</strong> Technical Support, Multi-OS Troubleshooting, Customer Service</p>
<p><em>August 2023 - August 2024</em></p>
</div>
<div class="project-card">
<img src="misc/Mason_traveling.webp" alt="Study Abroad Estonia" />
<h3>Study Abroad - Tartu University, Estonia</h3>
<p>Spent a full academic year studying Computer Science at Tartu University while exploring Eastern European tech culture and visiting 21 countries.</p>
<p><strong>Experience:</strong> International perspective, Cultural adaptation, Tech diversity</p>
<p><em>August 2024 - June 2025</em></p>
</div>
</div>
</div>
<div class="parallax" style="background-image: url('misc/Mason_networking_at_hackathon_horizontal.webp'); height: 220px;"></div>
<div class="section" id="achievements">
<div class="section-title">Hackathon Victories & Projects</div>
<div class="projects-grid">
<div class="project-card">
<img src="misc/Mason_with_nexhacks_team.webp" alt="NexHacks Winners" />
<h3>NexHacks - 1st & 2nd Place</h3>
<p><strong>1st Place:</strong> The Token Company<br>
<strong>2nd Place:</strong> DevSwarm - Automated triaging task solution for large-scale teams using Svelte, Python, n8n workflows with triaging, coding, and confidence agents.</p>
<p><strong>Tech:</strong> Svelte, Python, n8n, AI Agents</p>
</div>
<div class="project-card">
<img src="misc/Mason_coding_at_hackathon.webp" alt="Hack Dearborn" />
<h3>Hack Dearborn 4 - 1st Place Overall</h3>
<p>Built a multi-node mesh Bluetooth communication service enabling decentralized messaging. Developed the UI and API for mesh network communication.</p>
<p><strong>Tech:</strong> Bluetooth Mesh, API Development, Decentralized Networks</p>
</div>
<div class="project-card">
<img src="misc/Mason_thinking_at_hackathon_horizontal.webp" alt="Hack Ohi/O" />
<h3>Hack Ohi/O - Adaptive AI Learning Platform</h3>
<p>Built an adaptive AI learning platform with 50+ widgets and tools. Features an Adaptive Composition Engine to personalize user experience based on learning patterns.</p>
<p><strong>Tech:</strong> LLM Integration, AI Agents, Adaptive Learning Systems</p>
</div>
<div class="project-card">
<img src="misc/image_of_code.webp" alt="RecipleRecollection" />
<h3>RecipleRecollection</h3>
<p>C# and ASP.NET Core web application with Python web scraping for recipe information. Features user accounts, SQL database, and Azure deployment with containerization.</p>
<p><strong>Tech:</strong> C#, ASP.NET, Python, SQL, Azure, Docker</p>
</div>
<div class="project-card">
<img src="misc/Mason_coding_at_hackathon.webp" alt="Markov Maze" />
<h3>Markov Maze Prediction Calculator</h3>
<p>Mathematical calculator utilizing linear algebra concepts and C++ programming to solve complex maze prediction problems with Markov chains.</p>
<p><strong>Tech:</strong> C++, Linear Algebra, Algorithm Design</p>
</div>
<div class="project-card">
<img src="misc/MLH_hackcon_solo.webp" alt="Achievements" />
<h3>Honors & Recognition</h3>
<p><strong>Choose Ohio First Scholarship</strong> - Computer Science (2023-Present)<br>
<strong>Eagle Scout</strong> - Scouts BSA, St. Francis Xavier (2016-2022)<br>
Active in MLH community and hackathon circuit</p>
<p><strong>Impact:</strong> Community Leadership, Academic Excellence</p>
</div>
</div>
</div>
<div class="section" id="gallery">
<div class="section-title">Hackathons & Community</div>
<p style="text-align: center; margin-bottom: 2rem; color: var(--primary); font-size: 1.1rem;">Building connections and creating impact through hackathons, community events, and tech leadership</p>
<div class="photo-gallery">
<div class="gallery-item">
<img src="misc/Mason_with_nexhacks_team.webp" alt="Mason with NEXHacks Team" />
</div>
<div class="gallery-item">
<img src="misc/Mason_networking_at_hackathon.webp" alt="Networking at Hackathon" />
</div>
<div class="gallery-item">
<img src="misc/MLH_hackcon_solo.webp" alt="MLH HackCon" />
</div>
<div class="gallery-item">
<img src="misc/Mason_thinking_at_hackathon_horizontal.webp" alt="Coding at Hackathon" />
</div>
<div class="gallery-item">
<img src="misc/Mason_at_RSM_office_2.webp" alt="At RSM Office" />
</div>
</div>
</div>
<div class="section resume-section" id="resume">
<div class="section-title">Resume & Skills</div>
<div style="text-align: left; max-width: 900px; margin: 0 auto;">
<h3 style="color: var(--tropical-indigo); margin-bottom: 1rem;">Technical Skills</h3>
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 1rem; margin-bottom: 2rem;">
<div>
<strong>Languages:</strong><br>
C++, Python, Java, TypeScript, PHP, C#, .NET, HTML, CSS, R
</div>
<div>
<strong>Tools & Frameworks:</strong><br>
Docker, GitHub Actions, Harness, Flask, Angular, Apache, Ansible, AWS (ECS, ECR, S3, Bedrock, IAM)
</div>
<div>
<strong>Platforms & Services:</strong><br>
Azure, Kubernetes, Ray Clusters, GitHub, SonarQube, MCPs, AI Agents, Strands Agents
</div>
<div>
<strong>System Administration:</strong><br>
Ansible, Networking, TCP/IP, Apache, DNS, SSSD, Autofs, LDAP, Email Servers, OS Installation
</div>
</div>
<h3 style="color: var(--tropical-indigo); margin-bottom: 1rem;">Education</h3>
<p><strong>Kent State University</strong> - Bachelor of Science in Computer Science<br>
<strong>GPA: 3.97</strong> | <em>Expected Graduation: May 2026</em></p>
<p style="margin-top: 0.5rem;"><strong>Tartu University, Estonia</strong> - Computer Science Study Abroad<br>
<em>August 2024 - June 2025</em></p>
<h3 style="color: var(--tropical-indigo); margin-bottom: 1rem; margin-top: 2rem;">Connect With Me</h3>
<p><strong>Email:</strong> bair.s.mason@gmail.com<br>
<strong>Phone:</strong> 380-237-2839<br>
<strong>Location:</strong> Kent, Ohio<br>
<strong>Website:</strong> <a href="https://masonbair.com" target="_blank" style="color: var(--white); background: var(--tropical-indigo); padding: 0.2rem 0.5rem; border-radius: 0.3rem; text-decoration: none;">masonbair.com</a><br>
<strong>GitHub:</strong> <a href="https://github.com/masonbair" target="_blank" style="color: var(--white); background: var(--tropical-indigo); padding: 0.2rem 0.5rem; border-radius: 0.3rem; text-decoration: none;">github.com/masonbair</a><br>
<strong>LinkedIn:</strong> <a href="https://www.linkedin.com/in/masonbair/" target="_blank" style="color: var(--white); background: var(--tropical-indigo); padding: 0.2rem 0.5rem; border-radius: 0.3rem; text-decoration: none;">linkedin.com/in/masonbair</a></p>
</div>
<div style="text-align: center; margin-top: 2rem;">
<a href="misc/Mason_Bair_Resume_01_20_2026.pdf" target="_blank">Download Full Resume (PDF)</a>
</div>
</div>
<footer>
© 2026 Mason Bair — System Administrator | DevSecOps Engineer | World Traveler<br>
<small style="opacity: 0.8;">Built with love and modern web technologies | 22 countries and counting </small>
</footer>
<!-- Website Cat -->
<div class="website-cat" id="websiteCat" title="Click circles to make me grow!">
<div class="cat-container">
<div class="cat-body"></div>
<div class="cat-head">
<div class="cat-ears">
<div class="cat-ear-left"></div>
<div class="cat-ear-right"></div>
</div>
<div class="cat-eyes">
<div class="cat-eye-left"></div>
<div class="cat-eye-right"></div>
</div>
<div class="cat-nose"></div>
<div class="cat-whiskers">
<div class="whisker whisker-left-1"></div>
<div class="whisker whisker-left-2"></div>
<div class="whisker whisker-right-1"></div>
<div class="whisker whisker-right-2"></div>
</div>
<div class="cat-spots"></div>
<div class="cat-crown"></div>
<div class="cat-wings"></div>
<div class="cat-sparkles"></div>
<div class="cat-rainbow-aura"></div>
</div>
<div class="cat-tail"></div>
</div>
</div>
<script src="script.js"></script>
</body>
</html>