dave/stinkinator
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix the god damn cyrillic rendering

Browse Source
This commit is contained in:
PhatPhuckDave
2024-10-30 19:51:15 +01:00
parent b8aba2deb2
commit 6f753dfd9b
4 changed files with 44 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/layouts/Layout.astro
View File

@@ -11,7 +11,7 @@ const { title } = Astro.props;
<!doctype html> <!doctype html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8" /> <meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
<meta name="description" content="Astro description" /> <meta name="description" content="Astro description" />
<meta name="viewport" content="width=device-width" /> <meta name="viewport" content="width=device-width" />
<link rel="icon" type="image/svg+xml" href="/favicon.svg" /> <link rel="icon" type="image/svg+xml" href="/favicon.svg" />

8
frontend/src/pages/index.astro
View File

@@ -1,6 +1,6 @@
--- ---
import Layout from '../layouts/Layout.astro'; import Layout from "../layouts/Layout.astro";
import Card from '../components/Card.astro'; import Card from "../components/Card.astro";
--- ---
<Layout title="Welcome to Astro."> <Layout title="Welcome to Astro.">
@@ -63,9 +63,7 @@ import Card from '../components/Card.astro';
</main> </main>
<div class="min-h-screen bg-gray-100 flex items-center justify-center"> <div class="min-h-screen bg-gray-100 flex items-center justify-center">
<h1 class="text-4xl font-bold text-blue-600 hover:text-blue-800"> <h1 class="text-4xl font-bold text-blue-600 hover:text-blue-800">Hello Tailwind + Astro!</h1>
Hello Tailwind + Astro!
</h1>
</div> </div>
</Layout> </Layout>

3
frontend/src/pages/player.astro
View File

@@ -1,4 +1,5 @@
--- ---
import Layout from '../layouts/Layout.astro';
import type { APIResponse, Player } from "../types"; import type { APIResponse, Player } from "../types";
const res = await fetch("http://localhost:3000/player"); const res = await fetch("http://localhost:3000/player");
@@ -6,6 +7,7 @@ const data: APIResponse<Player[]> = await res.json();
console.log(data); console.log(data);
--- ---
<Layout title="Players">
<div class="overflow-x-auto p-5"> <div class="overflow-x-auto p-5">
{ {
data.success && ( data.success && (
@@ -37,3 +39,4 @@ console.log(data);
} }
{!data.success && <div>{data.message}</div>} {!data.success && <div>{data.message}</div>}
</div> </div>
</Layout>

3
frontend/src/pages/player/[name].astro
View File

@@ -1,7 +1,10 @@
--- ---
const { name } = Astro.params; const { name } = Astro.params;
import Layout from '../../layouts/Layout.astro';
--- ---
<Layout title={name || "Player"}>
<div> <div>
<h1>Hello {name}!</h1> <h1>Hello {name}!</h1>
</div> </div>
</Layout>