Revert "literally just sliding it to the center"

This reverts commit 3d39032455.
2022-10-07 18:25:18 -04:00 · 2022-10-07 18:25:18 -04:00 · c8fd38270e
parent 547e8e0a08
commit c8fd38270e
9 changed files with 41 additions and 27 deletions
--- a/README.md
+++ b/README.md
@ -1 +1,38 @@
-Row blox 
+# create-svelte
+
+Everything you need to build a Svelte project, powered by [`create-svelte`](https://github.com/sveltejs/kit/tree/master/packages/create-svelte).
+
+## Creating a project
+
+If you're seeing this, you've probably already done this step. Congrats!
+
+```bash
+# create a new project in the current directory
+npm create svelte@latest
+
+# create a new project in my-app
+npm create svelte@latest my-app
+```
+
+## Developing
+
+Once you've created a project and installed dependencies with `npm install` (or `pnpm install` or `yarn`), start a development server:
+
+```bash
+npm run dev
+
+# or start the server and open the app in a new browser tab
+npm run dev -- --open
+```
+
+## Building
+
+To create a production version of your app:
+
+```bash
+npm run build
+```
+
+You can preview the production build with `npm run preview`.
+
+> To deploy your app, you may need to install an [adapter](https://kit.svelte.dev/docs/adapters) for your target environment.
--- a/src/app.css
+++ b/src/app.css
@ -1,12 +1,3 @@
@tailwind base;
@tailwind components;
-@tailwind utilities;
-
-html,
-body {
-	@apply bg-zinc-800;
-	@apply text-white;
-	padding: 0;
-	margin: 0;
-	background-image: url(/background.png);
-}
+@tailwind utilities;
--- a/src/app.html
+++ b/src/app.html
@ -7,6 +7,6 @@
 		%sveltekit.head%
 	</head>
 	<body>
-		%sveltekit.body%
+		<div>%sveltekit.body%</div>
 	</body>
 </html>
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@ -1,12 +1 @@
-<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>
+<h1 class="text-3xl font-bold underline">Rowblox is currently under development.</h1>
--- a/static/404.png
+++ b/static/404.png
--- a/static/background.png
+++ b/static/background.png
--- a/static/banner.png
+++ b/static/banner.png
--- a/static/favicon.png
+++ b/static/favicon.png
--- a/tailwind.config.cjs
+++ b/tailwind.config.cjs
@ -2,9 +2,6 @@
 module.exports = {
  content: ['./src/**/*.{html,js,svelte,ts}'],
  theme: {
-    container: {
-			center: true,
-    },
    extend: {}
  },
  plugins: []