From 2f9c8018900e1f21386de8722a32ef672748120a Mon Sep 17 00:00:00 2001 From: Felix Hamme Date: Thu, 20 Jun 2019 15:39:49 +0200 Subject: [PATCH] Add loading page --- js/components/LoadingPage.js | 23 +++++++++++++++++++++++ static/css/everypage.css | 16 ++++++++++++++++ 2 files changed, 39 insertions(+) create mode 100644 js/components/LoadingPage.js diff --git a/js/components/LoadingPage.js b/js/components/LoadingPage.js new file mode 100644 index 0000000..9fb26f6 --- /dev/null +++ b/js/components/LoadingPage.js @@ -0,0 +1,23 @@ +import Head from 'next/head'; +import {TurniereNavigation} from './Navigation'; +import {Container} from 'reactstrap'; +import {Footer} from './Footer'; +import React from 'react'; + +export function LoadingPage(props) { + return (
+ + {props.title} + + + +
+ +
+
+ {props.text} +
+ +
); +} diff --git a/static/css/everypage.css b/static/css/everypage.css index 5c46239..0a2c339 100644 --- a/static/css/everypage.css +++ b/static/css/everypage.css @@ -72,3 +72,19 @@ footer { background-size: cover; min-height: 100vh; } + +.loading-logo { + animation: blink .8s ease-in-out infinite; +} + +@keyframes blink { + 0% { + filter: grayscale(100%); + } + 70% { + filter: grayscale(0%); + } + 100% { + filter: grayscale(100%); + } +}