grahamegw.github.io/games.html at master · GrahameGW/grahamegw.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
---
title: Games
permalink: games.html
layout: page
---

<div>
    <h1>Games</h1>
</div>
<div class="container">
    <p>
        Games I've worked on as a programmer, designer, animator, producer, or in any other capacity.
        Most games were developed as part of <a href="{% post_url 2020-02-09-global-game-jam-2020 %}">a game jam</a>.
    </p>
    <p>All are open source and free to play. Games use a variety of tech stacks, including Phaser.js, Unity/C#, Godot 4 (GDScript), and C++</p>
    <p>
        Released games are hosted on my <a href="https://metapilgrim.itch.io/">itch page</a>.
        Projects in progress are on my <a href="https://github.com/grahamegw">Github</a>.
    </p>
    <h2>Play</h2>
        <div class="games-feed">
            {% assign i = 0 %}
            {% for game in site.data.games.itch %}
            <iframe src="{{ game.embed }}" width="100%" height="167" frameborder="0"></iframe>
            {% endfor %}
            {% for game in site.data.games.self %}
                <h3 id="game-entry-{{i}}">{{ game.name }}</h3>
                <table class="game-entry">
                    <tr>
                        <td style="vertical-align: top;">
                            <img src="{{ game.banner }}" alt="{{ game.name }}" >
                        </td>
                        <td class="game-description">
                            <div>
                                <p style="margin-top: 0px;">{{ game.description }}</p>
                            </div>
                            <div style="clear:both; vertical-align:bottom">
                                <p>
                                    {% for link in game.links %}
                                    <a href="{{ link.url }}">{{ link.text }}</a>
                                    {% if link != game.links.last %}<span>  |  </span>{% endif %}
                                    {% endfor %}
                                </p>
                            </div>
                        </td>
                    </tr>
                </table>
                {% assign i = i | plus: 1 %}
                {% endfor %}
        </div>
    <h2>Gallery</h2>
    <div>
    {% for image in site.static_files %}
        {% if image.path contains 'img/games' %}
            <img src="{{ site.baseurl }}{{ image.path }}" alt="image" class="gallery-img"/>
        {% endif %}
    {% endfor %}
    </div>
    <br>
    <div class="games-footer">
        <a href="https://metapilgrim.itch.io/">itch.io</a> | <a href="https://github.com/grahamegw">Github</a> | <a href="/games">Back to Top</a>
    </div>
</div>