<template>
    <main>
        <article class="article">
            <h1>Fonts</h1>
            <p>
                Welcome to /fonts! This page were created to list all fonts I have hosted it here, so you can use it too.
            </p>
            <ul>
                <li>
                    <h3>Roboto Family</h3>
                    <p>All Roboto Family hosted here, here's the CSS files</p>
                    <ul>
                        <li><a href="/fonts/roboto/roboto.css">Roboto</a></li>
                        <li><a href="/fonts/roboto/serif/serif.css">Roboto Serif</a></li>
                        <li><a href="/fonts/roboto/mono/mono.css">Roboto Mono</a></li>
                    </ul>
                </li>
                <li>
                    <h3>Noto Sans Thai</h3>
                    <p>Noto Sans Thai, here's the CSS files</p>
                    <ul>
                        <li><a href="/fonts/noto/thai/thai.css">Noto Sans Thai</a></li>
                    </ul>
                </li>
            </ul>
        </article>
    </main>
</template>

<script setup>
const TITLE = "Fonts"
const DESC = "Fonts hosted on thawia.ng"

useHead({
  title: TITLE,
  meta: [
    { name: 'description', content: DESC },
    { property: 'og:title', content: TITLE },
    { property: 'og:description', content: DESC },
    { property: 'og:type', content: 'website' }
  ]
})
</script>