diff --git a/public/assets/icons/report-material.svg b/public/assets/icons/report-material.svg
new file mode 100644
index 0000000..a94ee10
--- /dev/null
+++ b/public/assets/icons/report-material.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/public/css/mobile-warn.css b/public/css/mobile-warn.css
new file mode 100644
index 0000000..944b3ba
--- /dev/null
+++ b/public/css/mobile-warn.css
@@ -0,0 +1,27 @@
+@import url('https://fonts.googleapis.com/css2?family=Titillium+Web&display=swap');
+
+
+:root {
+ background-color: #ce3426;
+ color: #ffffff;
+ font-family: "Titillium Web";
+ width: 100%;
+ height: 100%;
+}
+
+a:link {
+ color: #ffffff
+}
+
+a:visited {
+ color: #ffffff
+}
+
+a:hover {
+ color: #ffffff
+}
+
+.icon {
+ width: 40%;
+ margin-top: 15%;
+}
\ No newline at end of file
diff --git a/src/components/mobile-warn.astro b/src/components/mobile-warn.astro
new file mode 100755
index 0000000..12e1e28
--- /dev/null
+++ b/src/components/mobile-warn.astro
@@ -0,0 +1,53 @@
+---
+import { SITE_TITLE, SITE_DESCRIPTION } from "../consts";
+
+interface Props {
+ title: string;
+ description: string;
+}
+
+const canonicalURL = new URL(Astro.url.pathname, Astro.site);
+const page = Astro.url.pathname;
+---
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+Oops!
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/layouts/mobile-warn.astro b/src/layouts/mobile-warn.astro
new file mode 100755
index 0000000..af3cf1f
--- /dev/null
+++ b/src/layouts/mobile-warn.astro
@@ -0,0 +1,13 @@
+---
+import Head from "../components/mobile-warn.astro";
+---
+
+
+
+
+
+
+