📦 add next-pwa, manifest & new logo

2025-12-29 08:01:36 +08:00 · 2022-04-10 18:42:18 +01:00
parent 5d8a71c145
commit 5542cf499c
22 changed files with 5602 additions and 310 deletions
@@ -6,7 +6,11 @@ export default class Document extends NextDocument {
  render() {
    return (
      <Html>
-        <Head />
+        <Head>
+          <link rel="manifest" href="/manifest.json" />
+          <link rel="apple-touch-icon" href="/icons/icon-512x512.png"></link>
+          <meta name="theme-color" content="#36558F" />
+        </Head>
        <body>
          <ColorModeScript initialColorMode={theme.config.initialColorMode} />
          <Main />
@@ -0,0 +1,38 @@
+import React from "react";
+import { Box, Flex, Button, Text, Icon } from "@chakra-ui/react";
+import { IoHome, IoWarning } from "react-icons/io5";
+import Link from "next/link";
+import Show from "animations/show";
+
+const Offline = () => {
+  return (
+    <>
+      <Show delay="0">
+        <Box px={{ base: 4, lg: 20 }} py={{ base: "3", md: "24" }}>
+          <Flex align="center" justify="center" direction="column" w="full">
+            <Icon name="error" boxSize="80px" mb="3" as={IoWarning} />
+            <Text fontSize="40px" mb="2">
+              Oh no!
+            </Text>
+            <Text fontSize="20px" mb="3">
+              No internet connection
+            </Text>
+            <Link href="/" passHref>
+              <Button
+                leftIcon={<IoHome />}
+                borderWidth="1px"
+                variant="outline"
+                fontWeight="light"
+                mb="4"
+              >
+                Refresh
+              </Button>
+            </Link>
+          </Flex>
+        </Box>
+      </Show>
+    </>
+  );
+};
+
+export default Offline;