pages/index.html

---
layout: default
title: The Paper Pilot
nocard: true
featured: [NaN, Babble Buds, Slime Chargers!, Solar TD]
---
<div class="card">
    <div class="card-content">
        <span class="card-title">Hello!</span>
        <p>I'm Anthony Lawn, or "The Paper Pilot", and I develop free, open source programs and games, using a variety of languages and engines. I'm currently working towards my B.S. in Computer Science, after which I hope to go on to getting a Masters degree, with a focus on Data Science.</p>
        <p>I really liked playing free online games growing up, but most of those sites have died. Armor games peaked in 2010! There needs to be more of those kind of sites, those kind of games, to inspire the next generation of game developers and computer scientists. That's why I want to make free online games anyone can play. No credit cards or even admin privileges required. All free, and open source. Enjoy :)</p>
    </div>
</div>

<div class="carousel carousel-slider" data-indicators="true">
{% for project in page.featured %}
    {% assign post = site.posts | where:"title",project | first %}
    <div class="carousel-item">
    <div class="card" style="width: 100%; max-width: unset; height: 100%">
        <div class="card-image">
            <img src="/assets/banners/{{ post.banner }}.png">
            <span class="card-title" style="font-weight: 500;">{{ project }}</span>
        </div>
        <div class="card-content">
            {{ post.content }}
        </div>
        <div class="card-action" style="position: absolute; bottom: 0; width: 100%;">
            <a href="{{ post.url }}">read more</a>
        </div>
    </div>
    </div>
{% endfor %}
</div>

<div class="card">
    <ul class="tabs">
        <li class="tab col s4"><a class="active" href="#games">Games</a></li>
        <li class="tab col s4"><a class="active" href="#software">Software</a></li>
        <li class="tab col s4"><a class="active" href="#other">Others</a></li>
    </ul>
    <div id="games">
    <ul class="collapsible" data-collapsible="accordion">
        {% assign projects = site.posts | where:"category","Game" %}
        {% for project in projects %}
            <li>
                <div class="collapsible-header">
                    {{ project.title }}
                    {% for tag in project.tags %}
                        <div class="chip secondary-content"><a href="/tags/#{{ tag | slugify }}"> {{ tag }} </a></div>
                    {% endfor %}
                </div>
                <div class="collapsible-body">
                    {{ project.content }}
                    <div class="card-action">
                        <a href="{{ project.url }}">read more</a>
                    </div>
                </div>
            </li>
        {% endfor %}
    </ul>
    </div>
    <div id="software">
    <ul class="collapsible" data-collapsible="accordion">
        {% assign projects = site.posts | where:"category","Software" %}
        {% for project in projects %}
            <li>
                <div class="collapsible-header">
                    {{ project.title }}
                    {% for tag in project.tags %}
                        <div class="chip secondary-content"><a href="/tags/#{{ tag | slugify }}"> {{ tag }} </a></div>
                    {% endfor %}
                </div>
                <div class="collapsible-body">
                    {{ project.content }}
                    <div class="card-action">
                        <a href="{{ project.url }}">read more</a>
                    </div>
                </div>
            </li>
        {% endfor %}
    </ul>
    </div>
    <div id="other">
    <ul class="collapsible" data-collapsible="accordion">
        {% assign projects = site.posts | where:"category","Other" %}
        {% for project in projects %}
            <li>
                <div class="collapsible-header">
                    {{ project.title }}
                    {% for tag in project.tags %}
                        <div class="chip secondary-content"><a href="/tags/#{{ tag | slugify }}"> {{ tag }} </a></div>
                    {% endfor %}
                </div>
                <div class="collapsible-body">
                    {{ project.content }}
                    <div class="card-action">
                        <a href="{{ project.url }}">read more</a>
                    </div>
                </div>
            </li>
        {% endfor %}
    </ul>
    </div>
</div>