--- layout: default title: Programming Projects | Dyst0rti0n ---

<div class="projects-container">
    <div class="projects-header">
        <h1>Programming Projects</h1>
        <p>Explore my open-source projects, code snippets, and programming challenges.</p>
    </div>

    <div class="projects-filters">
        <button class="filter-button active" data-filter="all">All Projects</button>
        <button class="filter-button" data-filter="go">Go</button>
        <button class="filter-button" data-filter="python">Python</button>
        <button class="filter-button" data-filter="javascript">JavaScript</button>
        <button class="filter-button" data-filter="security">Security</button>
    </div>

    <div class="projects-grid" id="github-projects">
        <!-- Projects will be loaded dynamically from GitHub -->
        <div class="loading">Loading projects...</div>
    </div>

    <div class="github-cta">
        <div class="github-cta-content">
            <h2>More Projects on GitHub</h2>
            <p>Check out my GitHub profile for more projects, contributions, and code snippets.</p>
            <a href="https://github.com/Dyst0rti0n" class="button" target="_blank" rel="noopener">
                <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path></svg>                Visit GitHub Profile
            </a>
        </div>
    </div>

    <div class="projects-footer">
        <div class="custom-development">
            <h2>Need Custom Development?</h2>
            <p>I offer custom development services for businesses and individuals. Get in touch to discuss your project.</p>
            <a href="/contact" class="button">Contact Me</a>
        </div>
    </div>
</div>

<script src="/assets/js/github-projects.js"></script>