Fully converted to tailwind now.
This commit is contained in:
parent
8906322b6d
commit
5da8697759
18 changed files with 386 additions and 122 deletions
|
@ -2,31 +2,26 @@
|
|||
let Games = new PaginateTable("/api/game");
|
||||
</script>
|
||||
|
||||
<blockstart>
|
||||
<block style="--w: 100%; --value: 7">
|
||||
<block class="bg-gray-800">
|
||||
<h1 id="page-title">Zed's Trash Ass Games</h1>
|
||||
|
||||
<p>More fun than a barrel full of monkeys with syphilus.
|
||||
</p>
|
||||
</block>
|
||||
|
||||
<hr/>
|
||||
<grid x-data="Games" style="--cols: 2">
|
||||
<hr class="h-10"/>
|
||||
<grid x-data="Games" class="grid-cols-2">
|
||||
<template x-for="item in contents">
|
||||
<shape style="--h: 200px" class="vertical">
|
||||
<a data-testid="game-link" x-text="item.title" x-bind:href="`/game/${item.id}/${item.slug}/`"></a>
|
||||
<p x-text="item.description"></p>
|
||||
<shape class="xs">
|
||||
<a data-testid="game-link" x-text="item.title" x-bind:href="`/game/${item.id}/${item.slug}/`"></a>
|
||||
<p x-text="item.description"></p>
|
||||
</shape>
|
||||
</template>
|
||||
</grid>
|
||||
|
||||
<block>
|
||||
<h2>Description</h2>
|
||||
</block>
|
||||
|
||||
<block style="--value: 2; --text: 9">
|
||||
<block class="bg-gray-800">
|
||||
<h2>Read The Code</h2>
|
||||
<p>Polaroid retro pork belly yes plz bitters, viral chicharrones typewriter chartreuse vice Brooklyn. Adaptogen pour-over vibecession viral. Tote bag tonx DIY microdosing. Pickled selvage bespoke small batch, blue bottle twee tacos jean shorts before they sold out chicharrones solarpunk. Hoodie taiyaki poutine jianbing chambray.</p>
|
||||
<button><a href="https://git.learnjsthehardway.com/learn-code-the-hard-way/turings-tarpit">View the Git</a></button>
|
||||
</block>
|
||||
</blockstart>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue