Skip to content
Snippets Groups Projects
Select Git revision
  • 15e4afc01e36b8e3d5c6d982d05829e7ba318e60
  • master default protected
2 results

index.html

Blame
    • index.html 4.35 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>
                {% for project in projects %}
                    <div class="col-md-4">
                        <div class="card proj-card">
                            <img src="{{ project.image }}" class="card-img-top" alt="{{ project.name }}">
                            <div class="card-body">
                                <h5 class="card-title">
                                    {{ project.name }}
                                    {% for badge in project.badges %}
                                        <span class="badge {{ badge.classes }}">{{ badge.text }}</span>
                                    {% endfor %}
                                </h5>
                                <p class="card-text">
                                    {{ project.description }}
                                </p>

                                {% if project.buttons_use_group %}<div class="btn-group">{% endif %}
                                    {% for button in project.buttons %}
                                        <a href="{{ button.url }}" class="btn {{ button.classes }}" target="_blank">{{ button.text }}</a>
                                    {% endfor %}
                                {% if project.buttons_use_group %}</div>{% endif %}
                            </div>
                        </div>
                    </div>
                {% endfor %}
            </div>
        </div>
        <div class="footer text-center">