diff --git a/packages/dashboard/src/pages/maintenance.js b/packages/dashboard/src/pages/maintenance.js
new file mode 100644
index 00000000..85404412
--- /dev/null
+++ b/packages/dashboard/src/pages/maintenance.js
@@ -0,0 +1,46 @@
+export default function Maintenance() {
+ return (
+
+
+
+
+
+ Skynet Accounts
is down for maintenance
+
+
+
we are upgrading the service and should be back soon
+
you can always contact us at hello@siasky.net
+
+
+
+ go back to siasky.net
+
+
+
+
+
+
+ );
+}
diff --git a/packages/dashboard/styles/globals.css b/packages/dashboard/styles/globals.css
index b5c61c95..fb632bf3 100644
--- a/packages/dashboard/styles/globals.css
+++ b/packages/dashboard/styles/globals.css
@@ -1,3 +1,9 @@
@tailwind base;
@tailwind components;
@tailwind utilities;
+
+.maintenance-gradient {
+ background: #00c65e; /* fallback for old browsers */
+ background: -webkit-linear-gradient(to right, #33d17e, #00c65e); /* Chrome 10-25, Safari 5.1-6 */
+ background: linear-gradient(to right, #33d17e, #00c65e);
+}
diff --git a/packages/dashboard/tailwind.config.js b/packages/dashboard/tailwind.config.js
index 880247ae..d6867f20 100644
--- a/packages/dashboard/tailwind.config.js
+++ b/packages/dashboard/tailwind.config.js
@@ -40,6 +40,15 @@ module.exports = {
},
backgroundColor: ["disabled"],
textColor: ["disabled"],
+ keyframes: {
+ wiggle: {
+ "0%, 100%": { transform: "rotate(-3deg)" },
+ "50%": { transform: "rotate(3deg)" },
+ },
+ },
+ animation: {
+ wiggle: "wiggle 3s ease-in-out infinite",
+ },
},
},
variants: {