From 33f26527a76b7a4416121f54799e983f4e35ec78 Mon Sep 17 00:00:00 2001
From: Anand Chowdhary <mail@anandchowdhary.com>
Date: Tue, 17 Nov 2020 21:23:07 +0530
Subject: [PATCH] :sparkles: Add general error page

---
 i18n.yml                |  4 ++++
 src/routes/error.svelte | 31 +++++++++++++++++++++++++++++++
 2 files changed, 35 insertions(+)
 create mode 100644 src/routes/error.svelte

diff --git a/i18n.yml b/i18n.yml
index 9d7916f..8b77894 100644
--- a/i18n.yml
+++ b/i18n.yml
@@ -39,3 +39,7 @@ rateLimitExceededRemoveToken: Remove token
 rateLimitExceededGitHubPAT: GitHub Personal Access Token
 rateLimitExceededCopyPastePAT: Copy and paste your token
 rateLimitExceededSaveToken: Save token
+errorTitle: An error occurred
+errorIntro: An error occurred in trying to get the latest status details.
+errorText: You can try again in a few moments.
+errorHome: Go to the homepage
diff --git a/src/routes/error.svelte b/src/routes/error.svelte
new file mode 100644
index 0000000..040a5ec
--- /dev/null
+++ b/src/routes/error.svelte
@@ -0,0 +1,31 @@
+<script>
+  import config from "../data/config.json";
+</script>
+
+<style>
+  p.lead {
+    font-size: 110%;
+  }
+  a.button {
+    font: inherit;
+    padding: 0.5rem 1rem;
+    border: 0.1rem solid rgba(0, 0, 0, 0.25);
+    border-radius: 0.2rem;
+    background-color: #01a3a4;
+    text-decoration: none;
+    color: #fff;
+    border-color: transparent;
+  }
+</style>
+
+<svelte:head>
+  <title>{config.i18n.errorTitle}</title>
+</svelte:head>
+
+<h1>{config.i18n.errorTitle}</h1>
+
+<p class="lead">{config.i18n.errorIntro}</p>
+
+<p>{config.i18n.errorText}</p>
+
+<a href="/" class="button">{config.i18n.errorHome}</a>