Fix the god damn cyrillic rendering

This commit is contained in:
2024-10-30 19:51:15 +01:00
parent b8aba2deb2
commit 6f753dfd9b
4 changed files with 44 additions and 40 deletions

View File

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

View File

@@ -1,6 +1,6 @@
---
import Layout from '../layouts/Layout.astro';
import Card from '../components/Card.astro';
import Layout from "../layouts/Layout.astro";
import Card from "../components/Card.astro";
---
<Layout title="Welcome to Astro.">
@@ -63,9 +63,7 @@ import Card from '../components/Card.astro';
</main>
<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">
Hello Tailwind + Astro!
</h1>
<h1 class="text-4xl font-bold text-blue-600 hover:text-blue-800">Hello Tailwind + Astro!</h1>
</div>
</Layout>

View File

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

View File

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