From 906eadf08b275a4402fa9780d2caf82aec7046b0 Mon Sep 17 00:00:00 2001 From: Thomas Nordquist Date: Sun, 13 Jan 2019 21:55:31 +0100 Subject: [PATCH] Add splash screen --- app/index.html | 33 +++++++++++++++++++++++++++++++++ app/rings.svg | 42 ++++++++++++++++++++++++++++++++++++++++++ app/src/index.tsx | 6 ++++++ 3 files changed, 81 insertions(+) create mode 100644 app/rings.svg diff --git a/app/index.html b/app/index.html index 4142b42..f1c87a8 100644 --- a/app/index.html +++ b/app/index.html @@ -32,9 +32,42 @@ #-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.8); } + +
+ +
+
diff --git a/app/rings.svg b/app/rings.svg new file mode 100644 index 0000000..ad9cb74 --- /dev/null +++ b/app/rings.svg @@ -0,0 +1,42 @@ + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/app/src/index.tsx b/app/src/index.tsx index 97554d1..d7e5a64 100644 --- a/app/src/index.tsx +++ b/app/src/index.tsx @@ -29,6 +29,12 @@ const theme = createMuiTheme({ typography: { useNextVariants: true }, }) +const splash = document.getElementById('splash') +if (splash) { + splash.style.animation = 'unsplash 1s ease-out 0s 1 normal forwards' + setTimeout(() => splash.remove(), 1100) +} + ReactDOM.render(