mirror of
https://codeberg.org/pronounscc/pronouns.cc.git
synced 2025-02-12 23:03:37 +01:00
34 lines
1.2 KiB
Svelte
34 lines
1.2 KiB
Svelte
<script lang="ts">
|
|
import { PUBLIC_BASE_URL } from "$env/static/public";
|
|
import type { PageData } from "../../$types";
|
|
|
|
export let data: PageData;
|
|
|
|
const { subjective, objective, possessiveDeterminer, possessivePronoun, reflexive } = data;
|
|
|
|
const displayText = data.displayText || `${subjective}/${objective}`;
|
|
</script>
|
|
|
|
<svelte:head>
|
|
<meta property="og:title" content={displayText} />
|
|
<meta property="og:description" content="How to use {displayText} pronouns" />
|
|
<meta
|
|
property="og:url"
|
|
content="{PUBLIC_BASE_URL}/pronouns/{subjective}/{objective}/{possessiveDeterminer}/{possessivePronoun}/{reflexive}"
|
|
/>
|
|
</svelte:head>
|
|
|
|
<h1>{displayText}</h1>
|
|
|
|
<p>Here are some example sentences using <b>{displayText}</b> pronouns!</p>
|
|
|
|
<blockquote class="blockquote">
|
|
<p><b class="text-capitalize">{subjective}</b> went to the park.</p>
|
|
<p>I went with <b>{objective}</b>.</p>
|
|
<p><b class="text-capitalize">{subjective}</b> brought <b>{possessiveDeterminer}</b> frisbee.</p>
|
|
<p>At least, I think it was <b>{possessivePronoun}</b>.</p>
|
|
<p>
|
|
<b class="text-capitalize">{subjective}</b> threw the frisbee to
|
|
<b>{reflexive}</b>.
|
|
</p>
|
|
</blockquote>
|