personal_site/templates/about.html

{% extends "base.html" %}

{% block title %}About - Blake Ridgway{% endblock %}

{% block content %}
<div class="row">
    <div class="col-md-8">
        <h1>About Me</h1>
        <p class="lead">Welcome! I'm Blake Ridgway, a Systems Administrator passionate about cybersecurity, technology, and ultra endurance cycling.</p>

        <h3>Background</h3>
        <p>
            As a Systems Administrator, I focus on ensuring the stability, integrity, and performance of critical IT infrastructure.
            Through hands-on experience managing Linux, AWS, and Azure environments, I've learned that true system stability
            is impossible without robust security. This realization has driven me to actively develop my skills in both
            offensive and defensive security, with a particular focus on application security and secure infrastructure.
        </p>
        <p>
            I believe that understanding how to break systems is the best way to learn how to build unbreakable ones.
            I'm currently documenting my entire cybersecurity learning journey, including all notes and projects, in my
            <a href="https://gitlab.com/blakeridgway/cybersec-odyssey" target="_blank" rel="noopener noreferrer">
                CyberSec Odyssey Repository <i class="fas fa-external-link-alt ms-1"></i>
            </a>.
        </p>

        <h3>Core Competencies</h3>
        <div class="row g-3 mb-4">
            <div class="col-md-6">
                <div class="skill-card p-3 bg-light rounded-3 shadow-sm h-100">
                    <h5><i class="fas fa-server text-primary me-2"></i>Systems Administration</h5>
                    <p class="small mb-0">Expertise in deploying, managing, and troubleshooting Linux and Windows server environments.</p>
                </div>
            </div>
            <div class="col-md-6">
                <div class="skill-card p-3 bg-light rounded-3 shadow-sm h-100">
                    <h5><i class="fas fa-cloud text-success me-2"></i>Cloud Technologies</h5>
                    <p class="small mb-0">Hands-on experience with AWS and Azure, including EC2, S3, Azure VMs, and virtual networking.</p>
                </div>
            </div>
            <div class="col-md-6">
                <div class="skill-card p-3 bg-light rounded-3 shadow-sm h-100">
                    <h5><i class="fas fa-shield-alt text-danger me-2"></i>Security & Monitoring</h5>
                    <p class="small mb-0">Implementing monitoring solutions and security practices to proactively identify and resolve issues.</p>
                </div>
            </div>
            <div class="col-md-6">
                <div class="skill-card p-3 bg-light rounded-3 shadow-sm h-100">
                    <h5><i class="fas fa-network-wired text-info me-2"></i>Network Management</h5>
                    <p class="small mb-0">Practical knowledge of Cisco, Fortigate, and Netgate solutions for network optimization.</p>
                </div>
            </div>
            <div class="col-md-6">
                <div class="skill-card p-3 bg-light rounded-3 shadow-sm h-100">
                    <h5><i class="fas fa-code text-warning me-2"></i>Automation & Scripting</h5>
                    <p class="small mb-0">Using Bash, PowerShell, and Python to automate tasks and improve efficiency.</p>
                </div>
            </div>
            <div class="col-md-6">
                <div class="skill-card p-3 bg-light rounded-3 shadow-sm h-100">
                    <h5><i class="fas fa-bicycle text-success me-2"></i>Ultra Endurance Cycling</h5>
                    <p class="small mb-0">Combining passion for cycling with data-driven insights and secure development practices.</p>
                </div>
            </div>
        </div>

        <h3>Technologies & Tools</h3>
        <div class="row g-3">
            <div class="col-md-6 col-lg-3">
                <div class="tech-category p-3 bg-white rounded-3 shadow-sm h-100">
                    <h6 class="text-center mb-3">OS & Cloud</h6>
                    <div class="tech-icons d-flex justify-content-center flex-wrap gap-2">
                        <img alt="Linux" width="30" src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/linux/linux-original.svg" title="Linux" />
                        <img alt="Fedora" width="30" src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/fedora/fedora-plain.svg" title="Fedora" />
                        <img alt="Debian" width="30" src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/debian/debian-plain.svg" title="Debian" />
                        <img alt="AWS" width="30" src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/amazonwebservices/amazonwebservices-original-wordmark.svg" title="AWS" />
                        <img alt="Azure" width="30" src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/azure/azure-original.svg" title="Azure" />
                    </div>
                </div>
            </div>
            <div class="col-md-6 col-lg-3">
                <div class="tech-category p-3 bg-white rounded-3 shadow-sm h-100">
                    <h6 class="text-center mb-3">DevOps & Automation</h6>
                    <div class="tech-icons d-flex justify-content-center flex-wrap gap-2">
                        <img alt="Docker" width="30" src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/docker/docker-plain.svg" title="Docker" />
                        <img alt="Kubernetes" width="30" src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/kubernetes/kubernetes-plain.svg" title="Kubernetes" />
                        <img alt="Git" width="30" src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/git/git-plain.svg" title="Git" />
                        <img alt="Bash" width="30" src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/bash/bash-original.svg" title="Bash" />
                    </div>
                </div>
            </div>
            <div class="col-md-6 col-lg-3">
                <div class="tech-category p-3 bg-white rounded-3 shadow-sm h-100">
                    <h6 class="text-center mb-3">Languages & Frameworks</h6>
                    <div class="tech-icons d-flex justify-content-center flex-wrap gap-2">
                        <img alt="C#" width="30" src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/csharp/csharp-original.svg" title="C#" />
                        <img alt=".NET" width="30" src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/dotnetcore/dotnetcore-original.svg" title=".NET" />
                        <img alt="Python" width="30" src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/python/python-original.svg" title="Python" />
                        <img alt="Ruby" width="30" src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/ruby/ruby-plain.svg" title="Ruby" />
                    </div>
                </div>
            </div>
            <div class="col-md-6 col-lg-3">
                <div class="tech-category p-3 bg-white rounded-3 shadow-sm h-100">
                    <h6 class="text-center mb-3">Security & Monitoring</h6>
                    <div class="tech-icons d-flex justify-content-center flex-wrap gap-2">
                        <i class="fab fa-linux fa-2x text-dark" title="Linux Security"></i>
                        <i class="fas fa-shield-alt fa-2x text-primary" title="Security"></i>
                        <i class="fas fa-chart-line fa-2x text-success" title="Monitoring"></i>
                        <i class="fas fa-lock fa-2x text-danger" title="Encryption"></i>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="col-md-4">
        <div class="card mb-4">
            <div class="card-body text-center">
                <img src="{{ url_for('static', filename='images/profile.jpg') }}"
                     alt="Blake Ridgway Profile Picture" class="img-fluid rounded-circle mb-3"
                     style="max-width: 200px;">
                <h5>Blake Ridgway</h5>
                <p class="text-muted">Systems Administrator & Cybersecurity Enthusiast</p>
                <div class="d-flex justify-content-center gap-2 flex-wrap">
                    <span class="badge bg-primary">Systems Admin</span>
                    <span class="badge bg-success">Cybersecurity Enthusiast</span>
                    <span class="badge bg-info">Linux & Open Source Advocate</span>
                    <span class="badge bg-warning">Ultra Endurance Cyclist</span>
                </div>
            </div>
        </div>

        <div class="card">
            <div class="card-header">
                <h5>Quick Links</h5>
            </div>
            <div class="card-body">
                <ul class="list-unstyled">
                    <li><a href="{{ url_for('hardware') }}" class="text-decoration-none"><i class="fas fa-desktop me-2"></i>Hardware Setup</a></li>
                    <li><a href="{{ url_for('biking') }}" class="text-decoration-none"><i class="fas fa-bicycle me-2"></i>Cycling Adventures</a></li>
                    <li><a href="{{ url_for('blog') }}" class="text-decoration-none"><i class="fas fa-blog me-2"></i>Blog Posts</a></li>
                    <li><a href="https://gitlab.com/blakeridgway/cybersec-odyssey" target="_blank" rel="noopener noreferrer" class="text-decoration-none"><i class="fab fa-gitlab me-2"></i>CyberSec Repository</a></li>
                    <li><a href="https://rideaware.org" target="_blank" rel="noopener noreferrer" class="text-decoration-none"><i class="fas fa-bicycle me-2"></i>RideAware</a></li>
                </ul>
            </div>
        </div>
    </div>
</div>
{% endblock %}