Fully converted to tailwind now.
This commit is contained in:
Zed A. Shaw
parent
8906322b6d
commit
5da8697759
18 changed files with 386 additions and 122 deletions
|
|
@ -2,7 +2,6 @@
|
|||
let thePage = new PaginateTable("/api/admin/table/{{ .Table }}");
|
||||
</script>
|
||||
|
||||
<blockstart>
|
||||
<h1><a href="/admin/table/">«</a> Admin {{ .Table }}</h1>
|
||||
|
||||
<block x-data="thePage">
|
||||
|
|
@ -12,15 +11,16 @@
|
|||
<button type="button" @click="page += 1">Next</button>
|
||||
<input type="text" x-model.debounce="search_query" name="search" size="40" placeholder="Search" />
|
||||
</block>
|
||||
<table>
|
||||
<tr>
|
||||
|
||||
<table class="bg-gray-800 shadow-lg rounded-sm">
|
||||
<tr class="bg-gray-950 *:border-x *:border-black">
|
||||
<th>#</th>
|
||||
<template x-for="header in headers">
|
||||
<th x-text="header"></th>
|
||||
</template>
|
||||
</tr>
|
||||
<template x-for="item in contents" :key="item.id">
|
||||
<tr>
|
||||
<tr class="*:border-2 *:border-black *:p-1 hover:bg-gray-100 hover:text-gray-950">
|
||||
<td>
|
||||
<a x-bind:href="'/admin/table/{{ .Table }}/' + item.id + '/'">
|
||||
#
|
||||
|
|
@ -33,4 +33,3 @@
|
|||
</template>
|
||||
</table>
|
||||
</block>
|
||||
</blockstart>
|
||||
|
|
|
|||
|
|
@ -2,18 +2,18 @@
|
|||
let Data = new PaginateTable("/api/admin/table")
|
||||
</script>
|
||||
|
||||
<blockstart>
|
||||
<h1>Admin Rows</h1>
|
||||
<div class="p-4">
|
||||
<h1>Admin Rows</h1>
|
||||
|
||||
<block x-data="Data">
|
||||
<ul>
|
||||
<template x-for="item in contents">
|
||||
<li>
|
||||
<a x-bind:href="`/admin/table/${item}`">
|
||||
<span x-text="item"></span>
|
||||
</a>
|
||||
</li>
|
||||
</template>
|
||||
</ul>
|
||||
</block>
|
||||
</blockstart>
|
||||
<block x-data="Data">
|
||||
<ul>
|
||||
<template x-for="item in contents">
|
||||
<li>
|
||||
<a x-bind:href="`/admin/table/${item}`">
|
||||
<span x-text="item"></span>
|
||||
</a>
|
||||
</li>
|
||||
</template>
|
||||
</ul>
|
||||
</block>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -2,7 +2,6 @@
|
|||
let Data = new GetJson("/api/admin/new/table/{{ .Table }}");
|
||||
</script>
|
||||
|
||||
<blockstart>
|
||||
<h1><a href="/admin/table/{{ .Table }}/">«</a>Admin {{ .Table }}</h1>
|
||||
|
||||
<block x-data="Data">
|
||||
|
|
@ -18,13 +17,10 @@
|
|||
</template>
|
||||
</middle>
|
||||
<bottom>
|
||||
<button-group>
|
||||
<button type="button"><a href="/admin/table/{{ .Table }}/">Back</a></button>
|
||||
<button type="submit">Insert</button>
|
||||
<button type="button">Clear</button>
|
||||
</button-group>
|
||||
<button class="hover:btn-alert" type="button">Clear</button>
|
||||
<button class="hover:btn-hover" type="submit">Insert</button>
|
||||
</bottom>
|
||||
</card>
|
||||
</form>
|
||||
</block>
|
||||
</blockstart>
|
||||
|
|
|
|||
|
|
@ -2,7 +2,6 @@
|
|||
let Data = new GetJson("/api/admin/table/{{ .Table }}/{{ .Id }}");
|
||||
</script>
|
||||
|
||||
<blockstart>
|
||||
<h1><a href="/admin/table/{{ .Table }}/">«</a>Admin {{ .Table }}</h1>
|
||||
|
||||
<block x-data="Data">
|
||||
|
|
@ -18,13 +17,10 @@
|
|||
</template>
|
||||
</middle>
|
||||
<bottom>
|
||||
<button-group>
|
||||
<button type="button"><a href="/admin/table/{{ .Table }}/">Back</a></button>
|
||||
<button type="submit">Update</button>
|
||||
<button type="button" @click.prevent="ConfirmDelete('{{ .Table }}', item.id)">Delete</button>
|
||||
</button-group>
|
||||
<button type="button"><a href="/admin/table/{{ .Table }}/">Back</a></button>
|
||||
<button class="hover:btn-alert" type="button" @click.prevent="ConfirmDelete('{{ .Table }}', item.id)">Delete</button>
|
||||
<button class="hover:btn-hover" type="submit">Update</button>
|
||||
</bottom>
|
||||
</card>
|
||||
</form>
|
||||
</block>
|
||||
</blockstart>
|
||||
|
|
|
|||
|
|
@ -2,15 +2,15 @@
|
|||
let Game = new GetJson("/api/game/1");
|
||||
</script>
|
||||
|
||||
<shape style="--w: 100%; --h: 300px">Gameplay Demo Video</shape>
|
||||
<shape class="video">Gameplay Demo Video</shape>
|
||||
|
||||
<block style="--value: 7"
|
||||
<block class="bg-gray-800"
|
||||
x-data="{item: {}}"
|
||||
x-init="item = await Game.item()">
|
||||
<h1 x-text="item.title"></h1>
|
||||
|
||||
<block class="horizontal">
|
||||
<shape style="--w: 200px; --h: 200px;">Some Image</shape>
|
||||
<shape class="xxs">Some Image</shape>
|
||||
|
||||
<p x-text="item.description"></p>
|
||||
</block>
|
||||
|
|
@ -21,7 +21,7 @@
|
|||
<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>
|
||||
</block>
|
||||
|
||||
<block style="--value: 7;">
|
||||
<block class="bg-gray-800">
|
||||
<h2>Current Status</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>
|
||||
</block>
|
||||
|
|
@ -31,7 +31,7 @@
|
|||
<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>
|
||||
</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>
|
||||
|
|
|
|||
|
|
@ -23,15 +23,13 @@
|
|||
<a id="login" href="/login/">Login</a>
|
||||
</header>
|
||||
|
||||
<div class="p-0 min-h-screen">
|
||||
<div class="p-0 min-h-screen dark:bg-gray-900">
|
||||
{{embed}}
|
||||
</div>
|
||||
|
||||
<footer>
|
||||
<div class="flex-1">
|
||||
<shape>
|
||||
<img class="size-12 shrink-0" src="/logo.png" />
|
||||
</shape>
|
||||
<img class="size-12 shrink-0" src="/logo.png" />
|
||||
<div>
|
||||
<p>Blah blah about me.</p>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1 +0,0 @@
|
|||
</h2>Footer</h2>
|
||||
|
|
@ -1 +0,0 @@
|
|||
<h1>Header</h1>
|
||||
|
|
@ -12,11 +12,7 @@
|
|||
</div>
|
||||
</block>
|
||||
|
||||
<block>
|
||||
<p>Qui animated corpse, cricket bat max brucks terribilem incessu zomby. The voodoo sacerdos flesh eater, suscitat mortuos comedere carnem virus. Zonbi tattered for solum oculi eorum defunctis go lum cerebro. Nescio brains an Undead zombies. Sicut malus putrid voodoo horror.</p>
|
||||
</block>
|
||||
|
||||
<block>
|
||||
<block class="bg-gray-800">
|
||||
<h2>Links Posted</h2>
|
||||
|
||||
<ul x-data="Links">
|
||||
|
|
@ -26,9 +22,9 @@
|
|||
</ul>
|
||||
</block>
|
||||
|
||||
<block style="--value: 7; --border: 1px;" class="horizontal">
|
||||
<grid style="--cols: 2">
|
||||
<shape>Left Image</shape>
|
||||
<block class="horizontal">
|
||||
<grid class="grid-cols-2">
|
||||
<shape class="xs">Left Image</shape>
|
||||
<div>
|
||||
<h3>I stream on Twitch.</h3>
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue