diff --git a/src/components/main/MainPreloader/index.tsx b/src/components/main/MainPreloader/index.tsx new file mode 100644 index 00000000..543e54e2 --- /dev/null +++ b/src/components/main/MainPreloader/index.tsx @@ -0,0 +1,18 @@ +import React, { VFC } from 'react'; + +interface MainPreloaderProps {} + +const MainPreloader: VFC = () => ( +
+
+ + + +
+ +
СМИРЕННО
+
ОЖИДАЙТЕ
+
+); + +export { MainPreloader }; diff --git a/src/components/main/MainPreloader/styles.module.scss b/src/components/main/MainPreloader/styles.module.scss new file mode 100644 index 00000000..01b7f63e --- /dev/null +++ b/src/components/main/MainPreloader/styles.module.scss @@ -0,0 +1,62 @@ +@keyframes erdball { + 0% { + transform: translate(0, 100%); + } + + 100% { + transform: translate(0, 0); + } +} + +.main_loader { + position: fixed; + width: 100%; + height: 100%; + background: #222222; + top: 0; + left: 0; + z-index: 100; + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; + font: 600 22px 'Montserrat'; + color: white; + + & > div { + margin: 3px 0; + } +} + +.preload_shade { + width: 120px; + height: 120px; + box-shadow: white 0 0 0 3px; + border-radius: 100%; + overflow: hidden; + position: relative; + margin-bottom: 15px !important; + + & > span { + width: 100%; + height: 100%; + box-shadow: white 0 0 0 2px; + border-radius: 100%; + overflow: hidden; + position: absolute; + top: 0; + left: 0; + animation: erdball 3s infinite; + will-change: transform; + + &:nth-child(2) { + animation-delay: -1s; + } + + &:nth-child(3) { + animation-delay: -2s; + } + } +} + +#preload_shade> diff --git a/src/pages/_document.tsx b/src/pages/_document.tsx new file mode 100644 index 00000000..cbf734b9 --- /dev/null +++ b/src/pages/_document.tsx @@ -0,0 +1,39 @@ +import Document, { Html, Head, Main, NextScript } from 'next/document'; + +class MyDocument extends Document { + static async getInitialProps(ctx) { + const initialProps = await Document.getInitialProps(ctx); + return { ...initialProps }; + } + + render() { + return ( + + + + + + + + + + + Убежище + + + +
+ + + + ); + } +} + +export default MyDocument;