site/zedshaw.games
1
0
Fork 0
Code Issues 7 Pull requests Projects Releases Packages Wiki Activity Actions

A bit of tweaking of the design to learn more about tailwind.

Browse source
This commit is contained in:
Zed A. Shaw 2025-08-10 21:38:34 -04:00
parent 9729ebc7ac
commit 8906322b6d
5 changed files with 64 additions and 32 deletions
Download patch file Download diff file Expand all files Collapse all files

6
pages/layouts/main.html
View file

@ -14,7 +14,7 @@
<title>ZedShaw.games</title>
</head>
<body data-testid="{{.PageId}}">
<header class="flex bg-gray-950 *:text-gray-50 *:flex-1 *:text-xl p-6">
<header>
<a id="home" href="/">🏡</a>
<a id="live" href="/live/">Live</a>
<a id="stream" href="/stream/">Streams</a>
@ -23,11 +23,11 @@
<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 class="bg-gray-950 text-gray-50 text-lg flex p-6">
<footer>
<div class="flex-1">
<shape>
<img class="size-12 shrink-0" src="/logo.png" />

4
pages/live/index.html
View file

@ -4,11 +4,11 @@
</script>
<div x-init="Stream = await req.theData()" x-data="{Stream: {}}">
<div class="flex justify-center items-center w-full bg-gray-900 text-gray-50 text-center aspect-video">
<div class="flex justify-center items-center w-full bg-gray-300 text-gray-950 text-center aspect-video">
<span>Stream Viewer</span>
</div>
<div class="p-6">
<div class="p-6 flex flex-col justify-center">
<div>
<h2>Links Found in Chat</h2>
<ul x-init="links = await link_req.theData()" x-data="{links: {}}">