pages/index.html

64 lines
2.5 KiB
HTML
Executable file

---
layout: default
title: The Paper Pilot
nocard: true
sections: [intro, about, featured, favorites]
featured: [Dice Armor, Babble Buds]
---
<div id="intro">
<div id="controls">Use <img class="inline" src="assets/home/arrowLeft.png" />, <img class="inline" src="assets/home/arrowUp.png" />, <img class="inline" src="assets/home/arrowRight.png" />, and <img class="inline" src="assets/home/deviceTilt.png" /> to control me!</div>
<div id="current_chat"></div>
</div>
<div class="section" id="about">
<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 in my spare time, using a variety of languages and engines. I received my B.S. in Computer Science at the University of Texas at Dallas, and am still there as I pursue my M.S. in Computer Science, with a focus on Human Computer Interaction.</p>
</div>
</div>
</div>
<div class="section" id="featured">
{% for project in page.featured %}
{% assign post = site.posts | where:"title",project | first %}
<div class="card" style="padding-bottom: calc(1rem + 40px);">
<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>
{% endfor %}
</div>
<div class="section" id="favorites">
<div class="card">
{% assign projects = site.posts | where:"featured","true" %}
{% for project in projects %}
<div class="accordion">
{{ project.title }}
{% for tag in project.tags %}
<div class="chip"><a href="/tags/#{{ tag | slugify }}"> {{ tag }} </a></div>
{% endfor %}
</div>
<div class="panel">
<div class="card-image">
<img src="/assets/banners/{{ project.banner }}.png">
</div>
<div class="card-content desc" markdown="1">
{{ project.content }} <a href="{{ project.url }}"> read more</a>
</div>
</div>
{% endfor %}
</div>
</div>
<script src="https://cdn.rawgit.com/thepaperpilot/babble.js/master/dist/babble.js"></script>
<script src="js/home.js"></script>