Select Git revision
index.html 4.87 KiB
<!doctype html>
<html lang="en" data-bs-theme="dark">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>TheJoeCoder</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<canvas id="background"></canvas>
<div class="container">
<div class="row">
<div class="mx-auto p-2 text-center">
<div class="pb-3">
<img src="img/pfp.png" class="img-fluid rounded-circle" id="h-img" alt="Logo">
</div>
<h1>TheJoeCoder</h1>
</div>
</div>
<div class="row mx-auto p-2 text-center">
<!-- Social icons -->
<p>
<a class="social-link" target="_blank"
href="https://rb9.xyz/yt"><i class="bi bi-youtube"></i></a>
<a class="social-link" target="_blank"
href="https://git.rb9.xyz/TheJoeCoder"><i class="bi bi-gitlab"></i></a>
<a class="social-link" target="_blank"
href="https://github.com/TheJoeCoder"><i class="bi bi-github"></i></a>
<a class="social-link" target="_blank"
href="https://chat.radialbog9.com/Radialbog9"><i class="bi bi-mastodon"></i></a>
</p>
</div>
<div class="row mx-auto p-2 text-center">
<p>
Hi, I'm Joe. I'm a software engineer and I love to code. I'm passionate about technology and I enjoy building things. I'm always learning and looking for new challenges.<br>
I have experience with a variety of programming languages and frameworks, mostly based on Python and Java. I'm currently working on a few projects, and I'm always looking for new opportunities.
If you're interested in working with me, feel free to reach out.
</p>
</div>
<div class="row mx-auto p-2 text-center projects-row">
<h2>Projects</h2>
<div class="col-md-4">
<div class="card proj-card">
<img src="img/project/placeholder.png" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">Project 1 <span class="badge text-bg-warning">In Progress</span></h5>
<p class="card-text">Lorem ipsum, some sort of dolor sit amet description here.</p>
<a href="https://example.com" class="btn btn-primary">View</a>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card proj-card">
<img src="img/project/placeholder.png" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">Project 2 <span class="badge text-bg-success">Finished</span></h5>
<p class="card-text">Lorem ipsum, slightly different dolor sit amet description.</p>
<div class="btn-group">
<a href="https://example.com" class="btn btn-primary">Website</a>
<a href="https://github.com" class="btn btn-secondary">Source Code</a>
</div>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card proj-card">
<img src="img/project/pizzapalace.png" class="card-img-top" alt="Pizza Palace">
<div class="card-body">
<h5 class="card-title">Pizza Palace <span class="badge text-bg-success">Finished</span></h5>
<p class="card-text">I was tasked with a simple challenge and I overengineered it. Complete with admin UI and database.</p>
<a href="https://example.com" class="btn btn-secondary">Source Code</a>
</div>
</div>
</div>
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
<script src="js/background_anim.js"></script>
</body>
</html>