From a7cf03c192470cbab13edeb1aec99e0c66dede10 Mon Sep 17 00:00:00 2001
From: Ruben Beltran del Rio <ruben@unlimited.pizza>
Date: Sun, 1 May 2022 00:56:06 +0200
Subject: Update / use typescript

---
 src/lib/components/error_block/error_block.svelte | 40 +++++++++++++++++++++++
 1 file changed, 40 insertions(+)
 create mode 100644 src/lib/components/error_block/error_block.svelte

(limited to 'src/lib/components/error_block/error_block.svelte')

diff --git a/src/lib/components/error_block/error_block.svelte b/src/lib/components/error_block/error_block.svelte
new file mode 100644
index 0000000..d25f507
--- /dev/null
+++ b/src/lib/components/error_block/error_block.svelte
@@ -0,0 +1,40 @@
+<script lang="ts">
+	import { _ } from 'svelte-i18n';
+	export let message = null;
+
+	import { blink } from '$lib/animations/blink';
+</script>
+
+<div transition:blink>
+	<h2>{$_('error.generic.title')}</h2>
+	<p>{message || $_('error.generic.message')}</p>
+</div>
+
+<style>
+	div {
+		background: repeating-linear-gradient(-45deg, red, red 5px, black 5px, black 10px);
+		border: 5px solid red;
+		color: yellow;
+		font-family: 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', '游ゴシック', '游ゴシック体',
+			YuGothic, 'Yu Gothic', 'メイリオ', Meiryo, 'ＭＳ ゴシック', 'MS Gothic', HiraKakuProN-W3,
+			'TakaoExゴシック', TakaoExGothic, 'MotoyaLCedar', 'Droid Sans Japanese', sans-serif;
+		margin: 0 10px 0 0;
+		text-align: center;
+		overflow: hidden;
+	}
+
+	h2,
+	p {
+		background-color: black;
+		font-size: 1em;
+	}
+
+	h2 {
+		text-transform: uppercase;
+		margin: 100px 5px 10px;
+	}
+
+	p {
+		margin: 10px 5px 100px;
+	}
+</style>
-- 
cgit