From 9b0776f2b7c396e16da1e1183e9775ad69284e19 Mon Sep 17 00:00:00 2001 From: gustavomauricio Date: Fri, 2 Sep 2022 13:06:05 +0100 Subject: [PATCH] added background --- pages/_app.tsx | 6 ++- public/background.svg | 88 +++++++++++++++++++++++++++++++++++++++++++ styles/globals.css | 20 ++++++++++ 3 files changed, 112 insertions(+), 2 deletions(-) create mode 100644 public/background.svg diff --git a/pages/_app.tsx b/pages/_app.tsx index c14eb8c2..c1db700a 100644 --- a/pages/_app.tsx +++ b/pages/_app.tsx @@ -12,8 +12,10 @@ function MyApp({ Component, pageProps }: AppProps) { {/* */} - - +
+ + +
); } diff --git a/public/background.svg b/public/background.svg new file mode 100644 index 00000000..949b1335 --- /dev/null +++ b/public/background.svg @@ -0,0 +1,88 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/styles/globals.css b/styles/globals.css index 4f184216..c6ca710c 100644 --- a/styles/globals.css +++ b/styles/globals.css @@ -24,3 +24,23 @@ a { background: black; } } + +.background { + width: 100%; + height: 100%; + top: 0; + left: 0; + background-repeat: no-repeat; + + background-color: #562a3b; + background-size: 100% auto; + background-image: url("/background.svg"); + background-position: center top; + + filter: brightness(1) hue-rotate(0deg); + transition: 3s filter linear, 3s -webkit-filter linear; + + /* &.night { + filter: brightness(0.3) hue-rotate(-82deg); + } */ +}