Better dev page

This commit is contained in:
I-Have-An-Issue 2022-10-03 20:57:56 -04:00
parent e972aa9a5f
commit bb843e17c3
No known key found for this signature in database
GPG Key ID: E55435DEA0825091
7 changed files with 26 additions and 3 deletions

View File

@ -1,3 +1,12 @@
@tailwind base;
@tailwind components;
@tailwind utilities;
@tailwind utilities;
html,
body {
@apply bg-zinc-800;
@apply text-white;
padding: 0;
margin: 0;
background-image: url(/background.png);
}

View File

@ -7,6 +7,6 @@
%sveltekit.head%
</head>
<body>
<div>%sveltekit.body%</div>
%sveltekit.body%
</body>
</html>

View File

@ -1 +1,12 @@
<center><h1 class="text-3xl font-bold underline">Rowblox is currently under development.</h1></center>
<svelte:head>
<title>Rowblox</title>
</svelte:head>
<div class="container">
<div class="w-full flex flex-col mb-2">
<div class="mx-auto mt-64">
<img class="max-w-md" src="/banner.png" alt="" />
<p class="text-center text-xl">Rowblox is currently in development, check back later!</p>
</div>
</div>
</div>

BIN
static/background.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.9 MiB

BIN
static/banner.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 54 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.5 KiB

After

Width:  |  Height:  |  Size: 14 KiB

View File

@ -2,6 +2,9 @@
module.exports = {
content: ['./src/**/*.{html,js,svelte,ts}'],
theme: {
container: {
center: true,
},
extend: {}
},
plugins: []