<commit_before>---
layout: full_bleed
title: Product Designer
meta: Cameron is an experienced product designer with a broad skill set in design. He currently resides in California working for Blizzard Entertainment.
category: Menu
---

<header id="splash" class="splash">
    <div class="ch_logo">
        <svg data-aos="fade-top" data-aos-delay="450" viewBox="0 0 144 117.9" width="144" height="118" xmlns="http://www.w3.org/2000/svg" >
            <path d="M90.9 83.2c-3.5 5.4-8 9.6-13.2 12.7v18.2c14-5.5 25-16.4 31.1-30.9H90.9Z" />
            <path d="M107.9 33.1C101.8 19.1 91.2 8.9 77.7 3.7v18.2c4.7 2.7 8.8 6.5 12 11.3H107.9Z" />
            <path
                d="M60.9 101.1c-1.3 0.1-2.6 0.2-3.9 0.2 -11.2 0-21.3-4.8-28.6-12.5 -7.3-7.7-12-18-12-29.7 0-12 4.7-22.3 12-30 7.3-7.7 17.5-12.5 28.6-12.5 1.3 0 2.6 0.1 3.9 0.2 0 0 0-15.5 0-16.7C59.6 0 58.3 0 57 0c-15.8 0-30.1 6.8-40.3 17.3C6.7 28 0 42.6 0 59.1c0 16.2 6.7 30.8 16.7 41.5 10.2 10.7 24.5 17.3 40.3 17.3 1.3 0 2.6 0 3.9-0.1C60.9 115.2 60.9 101.1 60.9 101.1Z" />
            <path
                d="M127 0v49.8H77.7V21.9c-5-2.9-10.7-4.6-16.8-5.1v84.3c6.1-0.5 11.8-2.3 16.8-5.2V66.5h49.3v51.5h17V0H127Z" />
        </svg>
        <rect class="rear" data-aos="slide-right" data-aos-offset="1"></rect>
        <rect class="front" data-aos="slide-left" data-aos-offset="1"></rect>
    </div>
    <div class="splash_content">
        <div class="splash_inner">
            <h1 data-aos="fade-left" data-aos-delay="150"><NAME></h1>
            <span class="subtitle_container" data-aos="fade-right" data-aos-delay="450">
                <h2>Product Designer</h2>
            </span>
            <p data-aos="fade-left" data-aos-delay="300">Welcome. Here you will learn a bit about me, my design process, my work, and creations that I'm actively
                working on.</p>
        </div>
        <a class="portfolio_link hover" href="#portfolio">View portfolio<br /><i class="arrow down"></i></a>
        <div class="splash_bg kenburns"></div>
    </div>
</header>

<main id="portfolio">
    <ul>
        {% for portfolio in site.categories.portfolio %}
        <li id="{{portfolio.title}}">
            <div class="thumb">
                <a href="{{site.baseurl}}{{portfolio.url}}"><img src="{{portfolio.images[0]}}"></a>
            </div>
            <div class="description">
                <h5><a href="{{site.baseurl}}{{portfolio.url}}">{{portfolio.title}}</a></h5>
                <p>{{portfolio.meta}}<a class="action_link text_small" href="{{site.baseurl}}{{portfolio.url}}">View more<i class="arrow right magenta"></i></a></p>
            </div>
        </li>
        {% endfor %}
    </ul>
</main>

<!-- About Modal
<div id="modal">
    <div class="modal-content">
        <div class="copy">
            <article>
                <p>
                    Hello. I am currently a full time designer at Blizzard Entertainment. My experience is in various
                    medium of design including web, interaction design, & illustration. As an alumni of Cal State
                    University, Fullerton, I earned my BFA in Graphic Design.
                </p>
                <p>
                    I enjoy collaborating with others on building reusable design systems, improving the user
                    experience, creating accessible design, and bringing enjoyment with products. My goals are to
                    develop personal skill sets and extend my reach towards new areas of design, research, and
                    programming. Other passions of mine include motorsports, music, and technology.
                </p>
            </article>
            <a href="#">Home</a>
        </div>
    </div>
    <div class="overlay"></div>
</div>
-->

<button onclick="topFunction()" id="topBtn" title="Go to top of page"><i class="arrow up" alt="Go to top of page"></i></button>

<script>

    // Back to top button:
    mybutton = document.getElementById("topBtn");

    window.onscroll = function () { scrollFunction() };<commit_msg>removed about section from comments<commit_after>---
layout: full_bleed
title: Product Designer
meta: Cameron is an experienced product designer with a broad skill set in design. He currently resides in California working for Blizzard Entertainment.
category: Menu
---

<header id="splash" class="splash">
    <div class="ch_logo">
        <svg data-aos="fade-top" data-aos-delay="450" viewBox="0 0 144 117.9" width="144" height="118" xmlns="http://www.w3.org/2000/svg" >
            <path d="M90.9 83.2c-3.5 5.4-8 9.6-13.2 12.7v18.2c14-5.5 25-16.4 31.1-30.9H90.9Z" />
            <path d="M107.9 33.1C101.8 19.1 91.2 8.9 77.7 3.7v18.2c4.7 2.7 8.8 6.5 12 11.3H107.9Z" />
            <path
                d="M60.9 101.1c-1.3 0.1-2.6 0.2-3.9 0.2 -11.2 0-21.3-4.8-28.6-12.5 -7.3-7.7-12-18-12-29.7 0-12 4.7-22.3 12-30 7.3-7.7 17.5-12.5 28.6-12.5 1.3 0 2.6 0.1 3.9 0.2 0 0 0-15.5 0-16.7C59.6 0 58.3 0 57 0c-15.8 0-30.1 6.8-40.3 17.3C6.7 28 0 42.6 0 59.1c0 16.2 6.7 30.8 16.7 41.5 10.2 10.7 24.5 17.3 40.3 17.3 1.3 0 2.6 0 3.9-0.1C60.9 115.2 60.9 101.1 60.9 101.1Z" />
            <path
                d="M127 0v49.8H77.7V21.9c-5-2.9-10.7-4.6-16.8-5.1v84.3c6.1-0.5 11.8-2.3 16.8-5.2V66.5h49.3v51.5h17V0H127Z" />
        </svg>
        <rect class="rear" data-aos="slide-right" data-aos-offset="1"></rect>
        <rect class="front" data-aos="slide-left" data-aos-offset="1"></rect>
    </div>
    <div class="splash_content">
        <div class="splash_inner">
            <h1 data-aos="fade-left" data-aos-delay="150"><NAME></h1>
            <span class="subtitle_container" data-aos="fade-right" data-aos-delay="450">
                <h2>Product Designer</h2>
            </span>
            <p data-aos="fade-left" data-aos-delay="300">Welcome. Here you will learn a bit about me, my design process, my work, and creations that I'm actively
                working on.</p>
        </div>
        <a class="portfolio_link hover" href="#portfolio">View portfolio<br /><i class="arrow down"></i></a>
        <div class="splash_bg kenburns"></div>
    </div>
</header>

<main id="portfolio">
    <ul>
        {% for portfolio in site.categories.portfolio %}
        <li id="{{portfolio.title}}">
            <div class="thumb">
                <a href="{{site.baseurl}}{{portfolio.url}}"><img src="{{portfolio.images[0]}}"></a>
            </div>
            <div class="description">
                <h5><a href="{{site.baseurl}}{{portfolio.url}}">{{portfolio.title}}</a></h5>
                <p>{{portfolio.meta}}<a class="action_link text_small" href="{{site.baseurl}}{{portfolio.url}}">View more<i class="arrow right magenta"></i></a></p>
            </div>
        </li>
        {% endfor %}
    </ul>
</main>

<button onclick="topFunction()" id="topBtn" title="Go to top of page"><i class="arrow up" alt="Go to top of page"></i></button>

<script>

    // Back to top button:
    mybutton = document.getElementById("topBtn");

    window.onscroll = function () { scrollFunction() };
{'fraction_non_alphanumeric': 0.17807242657542058, 'fraction_numerical': 0.1086398631308811, 'mean_word_length': 2.1886363636363635, 'pattern_counts': {'":': 0, '<': 144, '<?xml version=': 0, '>': 144, 'https://': 0, 'lorem ipsum': 0, 'www.': 2, 'xml': 2}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 2, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2909320', 'n_tokens_mistral': 3011, 'n_tokens_neox': 2564, 'n_words': 613}