You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
37 lines
1.3 KiB
Svelte
37 lines
1.3 KiB
Svelte
<script lang="ts">
|
|
import { getBrowserName, isChromium } from "$lib/browser";
|
|
// import { browser } from "$app/environment";
|
|
import { onMount } from "svelte";
|
|
|
|
export let browserName: string;
|
|
export let chromium = true;
|
|
|
|
onMount(() => {
|
|
browserName = getBrowserName();
|
|
chromium = isChromium();
|
|
});
|
|
</script>
|
|
|
|
|
|
<div class="container flex mx-auto h-screen">
|
|
<div class="m-auto">
|
|
{#if browserName }
|
|
<center>
|
|
{#if chromium}
|
|
<h1 class="leading-normal lg:leading-normal text-4xl lg:text-7xl">{ browserName } is not supported by this Website</h1>
|
|
<h2 class="leading-normal lg:leading-normal text-3xl lg:text-6xl">Use a different web browser</h2>
|
|
<h4 class="leading-normal lg:leading-normal text-2xl lg:text-4xl">
|
|
<a class="underline text-blue visited:text-purple-600" href="/">Why?</a>
|
|
</h4>
|
|
{:else }
|
|
<h1 class="leading-normal lg:leading-normal text-4xl lg:text-7xl">Congrats, you're not using Chromium</h1>
|
|
<h2 class="leading-normal lg:leading-normal text-3xl lg:text-6xl">So why are you here?</h2>
|
|
<h4 class="leading-normal lg:leading-normal text-2xl lg:text-4xl">
|
|
<a class="underline text-blue visited:text-purple-600" href="/">More Info</a>
|
|
</h4>
|
|
{/if }
|
|
</center>
|
|
{/if }
|
|
</div>
|
|
</div>
|