@{
    ViewData["Title"] = "Joshua Ferrer — Backend Engineer";
}

<header class="cv-hero">
    <div class="cv-hero__inner">
        <div class="cv-hero__main">
            <p class="cv-kicker">Backend · Low-level · Architecture</p>

            <h1 class="cv-title">Joshua Ferrer</h1>
            <p class="cv-subtitle">Backend Engineer | IT Architecture</p>

            <p class="cv-summary">
                I love low-level programming and building systems from scratch. For me, this is the best way to learn:
                understanding memory, performance, and execution flow directly instead of relying on abstractions.
                My main focus is backend engineering with a strong performance mindset.
            </p>

            <div class="cv-actions">
                <a class="btn btn-primary cv-btn" href="#contact">Contact</a>
                <a class="btn btn-outline-secondary cv-btn" href="#skills">Skills</a>
                <a class="btn btn-outline-secondary cv-btn" href="#experience">Experience</a>
            </div>

            <ul class="cv-meta">
                <li><span class="cv-meta__label">Location</span><span class="cv-meta__value">Tokyo</span></li>
                <li><span class="cv-meta__label">Domain</span><span class="cv-meta__value">low-level-guy.com</span></li>
                <li><span class="cv-meta__label">Focus</span><span class="cv-meta__value">Backend · Performance · Architecture</span></li>
            </ul>
        </div>

        <aside class="cv-hero__side">
            <div class="cv-card">
                <h2 class="cv-card__title">Core strengths</h2>
                <ul class="cv-list">
                    <li>Software engineering (low-level & backend)</li>
                    <li>Performance-oriented design</li>
                    <li>Japanese business communication</li>
                </ul>
            </div>

            <div class="cv-card">
                <h2 class="cv-card__title">Links</h2>
                <div class="cv-links">
                    <a class="cv-link" href="https://low-level-guy.com">Website</a>
                    <a class="cv-link" href="https://github.com/josufh">GitHub</a>
                </div>
            </div>
        </aside>
    </div>
</header>

<main class="cv-content">

<section class="cv-section" id="about">
    <h2 class="cv-h2">About me</h2>
    <div class="cv-card">
        <p class="cv-muted">
            I specialize in backend systems and low-level programming. I enjoy avoiding unnecessary dependencies and
            building core functionality myself, as it gives a deeper understanding of how software actually works.
        </p>
        <p class="cv-muted">
            My daily work involves backend development, architecture design, and cloud-based systems, with a strong
            focus on reliability and maintainability.
        </p>
    </div>
</section>

<section class="cv-section" id="experience">
    <h2 class="cv-h2">Experience</h2>

    <div class="cv-stack">
        <article class="cv-item">
            <div class="cv-item__top">
                <h3 class="cv-h3">株式会社日本教育クリエイト — ITソリューション事業部</h3>
                <span class="cv-date">2024/09 — Present</span>
            </div>

            <p class="cv-muted">
                Backend Engineer. Internal business systems, infrastructure integration, and architectural design.
            </p>

            <ul class="cv-bullets">
                <li>Design and implementation of backend services using .NET / ASP.NET.</li>
                <li>Cloud integrations across Azure, AWS, Google Cloud, and Oracle Cloud.</li>
                <li>Ownership of deployment workflows using Docker and Linux-based environments.</li>
                <li>System-level problem solving with performance and reliability as primary goals.</li>
            </ul>

            <div class="cv-tags">
                <span class="cv-tag">C#</span>
                <span class="cv-tag">ASP.NET</span>
                <span class="cv-tag">Docker</span>
                <span class="cv-tag">Linux</span>
            </div>
        </article>
    </div>
</section>

<section class="cv-section" id="skills">
    <h2 class="cv-h2">Skills</h2>

    <div class="cv-grid2">
        <div class="cv-card">
            <h3 class="cv-h3">Technical</h3>
            <ul class="cv-list">
                <li><strong>Languages:</strong> C, C# (main), others as needed</li>
                <li><strong>Frameworks:</strong> .NET, ASP.NET</li>
                <li><strong>Cloud:</strong> Google Cloud, AWS, Azure, Oracle</li>
                <li><strong>OS:</strong> Arch Linux, Ubuntu, Debian (Windows via WSL)</li>
                <li><strong>Tools:</strong> VS Code, Vim</li>
            </ul>
        </div>

        <div class="cv-card">
            <h3 class="cv-h3">Languages</h3>
            <ul class="cv-list">
                <li>English — native</li>
                <li>Spanish — native</li>
                <li>Catalan — native</li>
                <li>Japanese — fluent / business (JLPT N1)</li>
                <li>Chinese — beginner (HSK3)</li>
            </ul>
        </div>
    </div>
</section>

<section class="cv-section" id="education">
    <h2 class="cv-h2">Education</h2>
    <div class="cv-card">
        <strong>IT Business</strong><br />
        東京ビジネス外語カレッジ（池袋）<br />
        <span class="cv-muted">Senmon Gakkou</span>
    </div>
</section>

<section class="cv-section" id="contact">
    <h2 class="cv-h2">Contact</h2>
    <div class="cv-card">
        <div class="cv-contact">
            <div>
                <div class="cv-muted small">Email</div>
                <div><a class="cv-link" href="mailto:josuferrer@outlook.com">josuferrer@outlook.com</a></div>
            </div>
            <div>
                <div class="cv-muted small">Website</div>
                <div><a class="cv-link" href="https://low-level-guy.com">low-level-guy.com</a></div>
            </div>
            <div>
                <div class="cv-muted small">GitHub</div>
                <div><a class="cv-link" href="https://github.com/josufh">github.com/josufh</a></div>
            </div>
        </div>
    </div>
</section>

</main>