<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"/>
    <title>Portfolio - Ernesto Rojo</title>
    <link rel="icon" href="favicon.ico"/>
    
    <link rel="stylesheet" href="/css/site.css?v=kdg3j6--u7ylSrj7Lco18y9WOEK64-1FACMg__PAh5U" />
    <link rel="stylesheet" href="/css/output.css?v=R2FflAoeMCuUGfhRsyDWa1YvcWI1aUEMwp3gCz4nHuw" />
</head>
<body>
    <div b-77ygpvw7dg id="root">
        <main b-77ygpvw7dg class="min-h-screen bg-white">
            
<div id="navbar" class="bg-gray-900">
    <div class="mx-auto px-4 py-5 sm:max-w-xl md:max-w-full">
        <div class="relative flex items-center justify-between">
            <a href="/">
                <span class="ml-2 text-xl font-bold uppercase tracking-wide text-gray-100">Ernesto Rojo</span>
            </a>
            <ul class="items-center space-x-8 lg:flex">
                <li>
                    <a class="font-medium tracking-wide text-gray-100 transition-colors duration-200 hover:text-red-400" href="/">Home</a>
                </li>
                <li>
                    <a class="font-medium tracking-wide text-gray-100 transition-colors duration-200 hover:text-red-400" href="/Portfolio">Portfolio</a>
                </li>
                <li>
                    <a class="font-medium tracking-wide text-gray-100 transition-colors duration-200 hover:text-red-400" href="/Blog">Blog</a>
                </li>
            </ul>

        </div> 

        <!-- {isMenuOpen && (<NavMenu />)} -->
    </div>
</div>




            <div b-77ygpvw7dg id="content">
                
<div class="lg-py-20 mx-auto pt-16 sm:max-w-xl md:max-w-full">
    <section class="">
        <div class="mx-auto py-12 md:max-w-2xl xl:max-w-5xl">
            <h1 class="text-2xl font-medium">Portfolio</h1>
            <p class="text-lg">
                These are projects I've worked on over the years. Some of them are professional projects I did for work. Others were just for fun.
            </p>
        </div>
    </section>
    <div class="bg-neutral-100">
        <div class="grid gap-8 px-4 py-10 sm:mx-auto md:grid-cols-2 md:px-24 lg:grid-cols-3">
                    
<div class="rounded bg-white shadow-sm transition-shadow duration-300">
    <img src=https://storage.googleapis.com/ernestorojocom/media/images/dead_mans_party/title_splash.png class="h-64 w-full object-cover" alt="" />
    <div class="border border-t-0 p-5">
        <p class="mb-3 text-xs font-semibold uppercase tracking-wide">
            <span class="text-gray-600">January 5 2026</span>
        </p>
        <a href=portfolio/9
           aria-label="Category"
           title=Dead Man&#x27;s Party: A Knives Out Game
           class="mb-3 inline-block text-2xl font-bold leading-5 hover:text-red-200">
            Dead Man&#x27;s Party: A Knives Out Game
        </a>
        <p class="mb-2 line-clamp-3 text-gray-700">
            I was responsible for building and maintaining the UI for DMP.
        </p>
        <a href=portfolio/9
           aria-label=""
           class="my-2 items-center rounded-md bg-red-500 p-2 font-semibold text-white hover:bg-red-600">
            Read More
        </a>
    </div>
</div>
                    
<div class="rounded bg-white shadow-sm transition-shadow duration-300">
    <img src=https://storage.googleapis.com/ernestorojocom/media/images/towers_n_titans/title_screen.png class="h-64 w-full object-cover" alt="" />
    <div class="border border-t-0 p-5">
        <p class="mb-3 text-xs font-semibold uppercase tracking-wide">
            <span class="text-gray-600">July 15 2024</span>
        </p>
        <a href=portfolio/5
           aria-label="Category"
           title=Towers &amp; Titans
           class="mb-3 inline-block text-2xl font-bold leading-5 hover:text-red-200">
            Towers &amp; Titans
        </a>
        <p class="mb-2 line-clamp-3 text-gray-700">
            I worked on the UI for this hero based tower defense game.
        </p>
        <a href=portfolio/5
           aria-label=""
           class="my-2 items-center rounded-md bg-red-500 p-2 font-semibold text-white hover:bg-red-600">
            Read More
        </a>
    </div>
</div>
                    
<div class="rounded bg-white shadow-sm transition-shadow duration-300">
    <img src=https://storage.googleapis.com/ernestorojocom/media/images/pvz3/pvz3_logo.png class="h-64 w-full object-cover" alt="" />
    <div class="border border-t-0 p-5">
        <p class="mb-3 text-xs font-semibold uppercase tracking-wide">
            <span class="text-gray-600">December 1 2019</span>
        </p>
        <a href=portfolio/7
           aria-label="Category"
           title=Plants vs Zombies 3 - Pre-Alpha
           class="mb-3 inline-block text-2xl font-bold leading-5 hover:text-red-200">
            Plants vs Zombies 3 - Pre-Alpha
        </a>
        <p class="mb-2 line-clamp-3 text-gray-700">
            I helped create the clubs feature for PvZ 3 when it was in the pre-alpha stage.
        </p>
        <a href=portfolio/7
           aria-label=""
           class="my-2 items-center rounded-md bg-red-500 p-2 font-semibold text-white hover:bg-red-600">
            Read More
        </a>
    </div>
</div>
                    
<div class="rounded bg-white shadow-sm transition-shadow duration-300">
    <img src=https://storage.googleapis.com/ernestorojocom/media/images/cnc_rivals/title_screen.png class="h-64 w-full object-cover" alt="" />
    <div class="border border-t-0 p-5">
        <p class="mb-3 text-xs font-semibold uppercase tracking-wide">
            <span class="text-gray-600">June 1 2019</span>
        </p>
        <a href=portfolio/6
           aria-label="Category"
           title=Command &amp; Conquer: Rivals
           class="mb-3 inline-block text-2xl font-bold leading-5 hover:text-red-200">
            Command &amp; Conquer: Rivals
        </a>
        <p class="mb-2 line-clamp-3 text-gray-700">
            
        </p>
        <a href=portfolio/6
           aria-label=""
           class="my-2 items-center rounded-md bg-red-500 p-2 font-semibold text-white hover:bg-red-600">
            Read More
        </a>
    </div>
</div>
                    
<div class="rounded bg-white shadow-sm transition-shadow duration-300">
    <img src=https://storage.googleapis.com/ernestorojocom/media/images/vainglory/vg-banner.png class="h-64 w-full object-cover" alt="" />
    <div class="border border-t-0 p-5">
        <p class="mb-3 text-xs font-semibold uppercase tracking-wide">
            <span class="text-gray-600">March 1 2018</span>
        </p>
        <a href=portfolio/4
           aria-label="Category"
           title=Vainglory
           class="mb-3 inline-block text-2xl font-bold leading-5 hover:text-red-200">
            Vainglory
        </a>
        <p class="mb-2 line-clamp-3 text-gray-700">
            This was a MOBA I worked on during my time at Super Evil Megacorp.
        </p>
        <a href=portfolio/4
           aria-label=""
           class="my-2 items-center rounded-md bg-red-500 p-2 font-semibold text-white hover:bg-red-600">
            Read More
        </a>
    </div>
</div>
                    
<div class="rounded bg-white shadow-sm transition-shadow duration-300">
    <img src=https://storage.googleapis.com/ernestorojocom/media/images/casper/casper_vr_logo.png class="h-64 w-full object-cover" alt="" />
    <div class="border border-t-0 p-5">
        <p class="mb-3 text-xs font-semibold uppercase tracking-wide">
            <span class="text-gray-600">June 1 2017</span>
        </p>
        <a href=portfolio/1
           aria-label="Category"
           title=Casper VR - (Ascent of a Wizard)
           class="mb-3 inline-block text-2xl font-bold leading-5 hover:text-red-200">
            Casper VR - (Ascent of a Wizard)
        </a>
        <p class="mb-2 line-clamp-3 text-gray-700">
            I worked on a VR prototype, made in Unreal Engine 4.
        </p>
        <a href=portfolio/1
           aria-label=""
           class="my-2 items-center rounded-md bg-red-500 p-2 font-semibold text-white hover:bg-red-600">
            Read More
        </a>
    </div>
</div>
                    
<div class="rounded bg-white shadow-sm transition-shadow duration-300">
    <img src=https://storage.googleapis.com/ernestorojocom/media/images/youi/youi-banner.png class="h-64 w-full object-cover" alt="" />
    <div class="border border-t-0 p-5">
        <p class="mb-3 text-xs font-semibold uppercase tracking-wide">
            <span class="text-gray-600">December 1 2016</span>
        </p>
        <a href=portfolio/2
           aria-label="Category"
           title=You.i TV
           class="mb-3 inline-block text-2xl font-bold leading-5 hover:text-red-200">
            You.i TV
        </a>
        <p class="mb-2 line-clamp-3 text-gray-700">
            I worked on several streaming apps, such as TBS or TNT.
        </p>
        <a href=portfolio/2
           aria-label=""
           class="my-2 items-center rounded-md bg-red-500 p-2 font-semibold text-white hover:bg-red-600">
            Read More
        </a>
    </div>
</div>
        </div>
    </div>
</div>


            </div>

            <!-- SVGs used in the footer -->
<svg xmlns="http://www.w3.org/2000/svg" class="hidden">
    <symbol id="linkedin" viewBox="0 0 16 16">
        <path d="M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854zm4.943 12.248V6.169H2.542v7.225zm-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248S2.4 3.226 2.4 3.934c0 .694.521 1.248 1.327 1.248zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016l.016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225z"/>
    </symbol>
    <symbol id="github" viewBox="0 0 16 16">
        <path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27s1.36.09 2 .27c1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.01 8.01 0 0 0 16 8c0-4.42-3.58-8-8-8"/>
    </symbol>
</svg>

<div id="footer" class="py-7 border-t-2">
    <div class="flex px-4 justify-between items-center">
        <!-- Copyright -->
        <span>&copy; 2026 - Ernesto Rojo </span>
        <ul class="flex justify-end">
            <li class="ml-3">
                <a href="https://www.linkedin.com/in/ernestorojojr">
                    <svg class="bi" width="24" height="24"><use xlink:href="#linkedin"/></svg>
                </a>
            </li>
            <li class="ml-3">
                <a href="https://www.github.com/vogles">
                    <svg class="bi" width="24" height="24"><use xlink:href="#github"/></svg>
                </a>
            </li>
        </ul>
    </div>
</div>

        </main>
    </div>

    <!-- Scripts -->
    <script src="/lib/jquery/dist/jquery.min.js"></script>
    
    <script src="/js/site.js?v=hRQyftXiu1lLX2P9Ly9xa4gHJgLeR1uGN5qegUobtGo"></script>
    
</body>
</html>