<script>
  import { locale } from "$lib/locale.js";
  import api from "$lib/api.js";

  let { desc, title } = $props();
</script>

<svelte:head>
  <title>ngn.tf | {title}</title>

  <!-- standart metadata tags -->

  <meta name="description" content={desc} />
  <meta name="author" content="ngn" />
  <meta name="keywords" content="ngn,ngn13,ngn.tf" />
  <meta name="color-scheme" content="only dark" />
  <meta name="theme-color" content="#000000" />

  <!-- open graph meta tags -->

  <meta property="og:title" content="ngn.tf | {title}" />
  <meta property="og:description" content={desc} />

  <!-- atom feed for the service updates -->

  <link
    rel="alternate"
    type="application/atom+xml"
    href={api.join("/news/" + $locale.code)}
    title="Service news and updates"
  />
</svelte:head>
