steffo/distributed-arcade-viewer
steffo/distributed-arcade-viewer
1
Fork 0
mirror of https://github.com/Steffo99/distributed-arcade-viewer.git synced 2024-10-16 06:27:30 +00:00
Code Activity

Use pineapple-surf style

Browse source
This commit is contained in:
Steffo 2023-01-12 19:03:26 +01:00
parent 4ea8b42217
commit 02d16e54e2
Signed by: steffo
GPG key ID: 2A24051445686895
3 changed files with 8 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
pages/_document.tsx
View file

@ -7,7 +7,6 @@ export default function Document() {
<Head> <Head>
<link rel="stylesheet" href="https://unpkg.com/@steffo/bluelib@^6/dist/base.root.css" type="text/css"/> <link rel="stylesheet" href="https://unpkg.com/@steffo/bluelib@^6/dist/base.root.css" type="text/css"/>
<link rel="stylesheet" href="https://unpkg.com/@steffo/bluelib@^6/dist/classic.root.css" type="text/css"/> <link rel="stylesheet" href="https://unpkg.com/@steffo/bluelib@^6/dist/classic.root.css" type="text/css"/>
<link rel="stylesheet" href="https://unpkg.com/@steffo/bluelib@^6/dist/glass.root.css" type="text/css"/>
<link rel="stylesheet" href="https://unpkg.com/@steffo/bluelib@^6/dist/colors-royalblue.root.css" type="text/css"/> <link rel="stylesheet" href="https://unpkg.com/@steffo/bluelib@^6/dist/colors-royalblue.root.css" type="text/css"/>
<link rel="stylesheet" href="https://unpkg.com/@steffo/bluelib@^6/dist/fonts-fira-ghpages.root.css" type="text/css"/> <link rel="stylesheet" href="https://unpkg.com/@steffo/bluelib@^6/dist/fonts-fira-ghpages.root.css" type="text/css"/>
</Head> </Head>

BIN
public/pineapple-surf.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 67 KiB

10
styles/globals.css
View file

@ -1,10 +1,16 @@
body { body {
background-image: url(/kier-in-sight-s99bwKNke8g-unsplash.jpg); background-image: url(/pineapple-surf.png);
backdrop-filter: hue-rotate(190deg) brightness(40%) contrast(115%);
background-size: cover; background-size: cover;
background-attachment: fixed; background-attachment: fixed;
} }
footer {
border-radius: 4px;
padding: 2px 2px 0 2px;
background-color: white;
color: black;
}
#__next { #__next {
min-height: 100vh; min-height: 100vh;