Skip to content

Finished resume page #8

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
GTyson261 wants to merge 3 commits into
base: main
Choose a base branch
from
Open

Finished resume page #8

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
57a392e
Finished resume page
GTyson261 Mar 30, 2026
8ce7a72
Glenn Finished resume landing page
GTyson261 Mar 30, 2026
734c120
change a little of the code in js file
GTyson261 Mar 30, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Binary file added src/glenntyson/images/headshot.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
207 changes: 207 additions & 0 deletions src/glenntyson/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,207 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Glenn Tyson | Student Portfolio</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<canvas id="cursorEffectCanvas" class="cursor-effect-canvas"></canvas>

<header class="site-header">
<div class="page-width header-layout">
<div class="identity-block">
<h1>Glenn Tyson</h1>
<p class="site-subtitle">Student Portfolio & Resume</p>
</div>

<div class="header-actions">
<nav class="site-nav" id="siteNav">
<a href="#about">About</a>
<a href="#education">Education</a>
<a href="#certifications">Certifications</a>
<a href="projects.html">Projects</a>
<a href="#skills">Skills</a>
<a href="#contact">Contact</a>
<span class="nav-indicator" id="navIndicator"></span>
</nav>

<div class="ui-controls">
<button id="themeToggle" class="theme-toggle" type="button" aria-label="Toggle dark mode">🌙</button>

<div class="music-controls">
<button class="music-toggle" id="musicToggle" type="button" aria-label="Toggle background music">
Music Off
</button>

<label class="volume-control" for="volumeSlider">
<span>Volume</span>
<input
type="range"
id="volumeSlider"
min="0"
max="100"
value="35"
aria-label="Music volume"
>
</label>
</div>
</div>
</div>
</div>
</header>

<div id="youtubePlayerWrap" class="youtube-player-wrap" aria-hidden="true">
<div id="youtubePlayer"></div>
</div>

<main class="page-width">
<section class="intro-layout">
<div class="profile-photo-panel">
<img src="images/headshot.png" alt="Professional headshot of Glenn Tyson">
</div>

<div class="profile-summary-panel">
<p class="section-label">Hello</p>
<h2>I'm Glenn Tyson</h2>
<p class="intro-lead">
I am an entry-level software developer who is focused on learning, building strong projects,
and growing into a dependable member of a professional development team.
</p>
<p>
I enjoy working with Java, web development, backend systems, and problem solving.
I like taking what I learn and applying it through real hands-on projects that help me grow.
</p>

<div class="button-row">
<a class="button-main" href="#contact">Contact Me</a>
<a class="button-alt" href="projects.html">See My Projects</a>
</div>
</div>
</section>

<section id="about" class="resume-section">
<p class="section-label">About Me</p>
<h2>Who I Am</h2>
<p>
I am an aspiring software developer building a foundation in programming,
frontend development, backend development, and software problem solving.
</p>
<p>
My goal is to continue improving through hands-on experience, strengthen my technical skills,
and contribute to projects that solve real problems and support real users.
</p>
</section>

<section id="education" class="resume-section">
<p class="section-label">Education</p>
<h2>My Learning Journey</h2>

<div class="education-entry">
<h3>Software Development Studies</h3>
<p class="education-meta">Current Student / Developer in Training</p>
<p>
I am developing a strong foundation in software development through project-based learning
and consistent hands-on coding practice.
</p>
<p>
My work includes Java, HTML, CSS, JavaScript, SQL, backend logic, debugging,
and building applications that strengthen both my technical skills and confidence as a developer.
</p>
<p>
I am continuing to improve in coding, problem solving, and software design while preparing
for professional opportunities in technology.
</p>
</div>
</section>

<section id="certifications" class="resume-section">
<p class="section-label">Certifications</p>
<h2>Certifications</h2>

<div class="skills-list">
<div class="skill-item">HTML — Pursuing</div>
<div class="skill-item">Google AI — Pursuing</div>
<div class="skill-item">CompTIA — Pursuing</div>
<div class="skill-item">Scrum — Earned</div>
<div class="skill-item">Java — Earned</div>
</div>
</section>

<section id="skills" class="resume-section">
<p class="section-label">Skills</p>
<h2>What I'm Working With</h2>

<div class="skills-list">
<div class="skill-item">Java</div>
<div class="skill-item">HTML</div>
<div class="skill-item">CSS</div>
<div class="skill-item">JavaScript</div>
<div class="skill-item">SQL</div>
<div class="skill-item">GitHub</div>
<div class="skill-item">Spring Boot</div>
<div class="skill-item">Teamwork</div>
<div class="skill-item">Communication</div>
</div>
</section>

<section class="resume-section">
<p class="section-label">Goals</p>
<h2>What I’m Building Toward</h2>

<div class="goal-list">
<div class="info-card">
<h3>Keep Learning</h3>
<p>
Continue improving my programming, debugging, and development skills through practice,
coursework, and project work.
</p>
</div>

<div class="info-card">
<h3>Build Strong Projects</h3>
<p>
Create projects that show my growth, technical ability, and understanding of
real software development concepts.
</p>
</div>

<div class="info-card">
<h3>Start My Career</h3>
<p>
Grow into a professional developer role where I can contribute to a team,
continue learning, and keep improving over time.
</p>
</div>
</div>
</section>

<section id="contact" class="resume-section contact-section">
<p class="section-label">Contact</p>
<h2>Get In Touch</h2>
<p>
I would be glad to connect about opportunities, projects, or networking.
</p>

<div class="contact-grid">
<div class="contact-card">
<h3>Email</h3>
<p><a href="mailto:gatyson261@gmail.com">gatyson261@gmail.com</a></p>
</div>

<div class="contact-card">
<h3>GitHub</h3>
<p><a href="https://github.com/GTyson261" target="_blank">github.com/GTyson261</a></p>
</div>
</div>
</section>
</main>

<footer class="site-footer">
<p>© Glenn Tyson</p>
</footer>

<script src="script.js"></script>
</body>
</html>
132 changes: 132 additions & 0 deletions src/glenntyson/projects.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,132 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Glenn Tyson | Projects</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<canvas id="cursorEffectCanvas" class="cursor-effect-canvas"></canvas>

<header class="site-header">
<div class="page-width header-layout">
<div class="identity-block">
<h1>Glenn Tyson</h1>
<p class="site-subtitle">Student Portfolio & Resume</p>
</div>

<div class="header-actions">
<nav class="site-nav" id="siteNav">
<a href="index.html#about">About</a>
<a href="index.html#education">Education</a>
<a href="index.html#certifications">Certifications</a>
<a href="projects.html">Projects</a>
<a href="index.html#skills">Skills</a>
<a href="index.html#contact">Contact</a>
<span class="nav-indicator" id="navIndicator"></span>
</nav>

<div class="ui-controls">
<button id="themeToggle" class="theme-toggle" type="button" aria-label="Toggle dark mode">🌙</button>

<div class="music-controls">
<button class="music-toggle" id="musicToggle" type="button" aria-label="Toggle background music">
Music Off
</button>

<label class="volume-control" for="volumeSlider">
<span>Volume</span>
<input
type="range"
id="volumeSlider"
min="0"
max="100"
value="35"
aria-label="Music volume"
>
</label>
</div>
</div>
</div>
</div>
</header>

<div id="youtubePlayerWrap" class="youtube-player-wrap" aria-hidden="true">
<div id="youtubePlayer"></div>
</div>

<main class="page-width">
<section class="resume-section page-intro-section">
<p class="section-label">Projects</p>
<h2>My Work</h2>
<p>
These projects show my growth in Java, backend development, problem solving,
and building applications through hands-on practice.
</p>
</section>

<section class="project-stack">
<article class="project-entry">
<div class="project-entry-top">
<h3>Java Chess Game</h3>
<span class="project-type">Java / JavaFX</span>
</div>
<p>
A chess application built with Java and JavaFX that includes game logic,
board movement, and a graphical interface for playing chess.
</p>
<p>
This project helped me strengthen object-oriented programming, class design,
and working with interactive user interfaces.
</p>
<a
class="button-main project-cta"
href="https://github.com/GTyson261/ChessGame"
target="_blank"
rel="noopener noreferrer"
>
<span class="github-icon"></span>
View on GitHub
</a>
</article>

<article class="project-entry">
<div class="project-entry-top">
<h3>Forum Web App</h3>
<span class="project-type">Java / SQLite</span>
</div>
<p>
A forum-style web application built with Java, SQLite, and a custom HTTP server.
It supports user login, post creation, editing, and deleting posts.
</p>
<p>
This project helped me practice backend logic, database integration,
routing, debugging, and test coverage.
</p>
</article>

<article class="project-entry">
<div class="project-entry-top">
<h3>Portfolio Website</h3>
<span class="project-type">HTML / CSS / JavaScript</span>
</div>
<p>
A personal portfolio site designed to introduce who I am, show my skills,
and highlight my projects in a clean, professional layout.
</p>
<p>
This project helped me improve responsive design, page structure,
styling, and interactive front-end effects.
</p>
</article>
</section>
</main>

<footer class="site-footer">
<p>© Glenn Tyson</p>
</footer>

<script src="script.js"></script>
</body>
</html>
Loading