60 lines
2.1 KiB
HTML
60 lines
2.1 KiB
HTML
<div class="flex flex-col"
|
|
x-data="{item: {}}"
|
|
x-init="item = await GetJson('/api/game/1')">
|
|
|
|
<h3 x-text="item.title"></h3>
|
|
|
|
<div class="gap-3 pb-3 flex flex-col lg:flex-row-reverse">
|
|
<div class="!text-sm !p-0 flex flex-col md:flex-row lg:flex-col">
|
|
<img :src="item.header_image" />
|
|
<block>
|
|
<p class="m-2" x-text="item.description"></p>
|
|
<table>
|
|
<tr><th class="text-gray-400 text-left">RECENT REVIEWS:</th><td>Insanely Optimistic</td></tr>
|
|
<tr><th class="text-gray-400 text-left">ENGLISH REVIEWS:</th><td>Probably Racist</td></tr>
|
|
<tr><th class="text-gray-400 text-left">RELEASE DATE:</th><td>A Total Fantasy</td></tr>
|
|
<tr><th class="text-gray-400 text-left">DEVELOPER:</th><td>Zed A. Shaw</td></tr>
|
|
<tr><th class="text-gray-400 text-left">PUBLISHER:</th><td>My Fucking Self</td></tr>
|
|
</table>
|
|
</block>
|
|
</div>
|
|
<div class="flex">
|
|
<video controls>
|
|
<template x-if="item.video">
|
|
<source :src="item.video" type="video/mp4" />
|
|
</template>
|
|
</video>
|
|
</div>
|
|
</div>
|
|
|
|
<bar class="!p-0 *:!p-0">
|
|
<block>
|
|
<table class="flex flex-col">
|
|
<template x-for="tag in item.tags.split(' ')">
|
|
<tr>
|
|
<td style="width: 24px; min-width: 24px; max-width: 24px" class="aspect-square bg-gray-300 p-1"><img src="/icons/baby.svg" /></td>
|
|
<td class="p-1" x-text="tag"></td>
|
|
</tr>
|
|
</template>
|
|
</table>
|
|
|
|
<block>
|
|
<h4>Current Status</h4>
|
|
<p x-text="item.current_status"></p>
|
|
</block>
|
|
</block>
|
|
|
|
<block>
|
|
<block>
|
|
<h4>Planned Work</h4>
|
|
<p x-text="item.planned_work"></p>
|
|
</block>
|
|
|
|
<block>
|
|
<h4>Read The Code</h4>
|
|
<p>All of the code for this project is online in my personal git repository. It's not open source, but you can read the code, run the game, and learn from it. Think of it like the programmer's version of a thirst trap on Instagram. You can look but you own nothing.</p>
|
|
<button><a :href="item.code_url" target="_blank">View the Git</a></button>
|
|
</block>
|
|
</block>
|
|
</bar>
|
|
</div>
|