Mid
/
sivkyne
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

bg edits

Browse Source
main
Midnight 3 years ago
parent edfa548939
commit ed80ea9a40
6 changed files with 19 additions and 9 deletions
Show Stats Download Patch File Download Diff File

4
src/app.html
Unescape View File

@ -7,7 +7,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="viewport" content="width=device-width, initial-scale=1" />
%svelte.head% %svelte.head%
</head> </head>
<body class="bg-gray-900 overflow-x-hidden"> <body class="bg-gray-900 overflow-x-hidden h-full">
<div>%svelte.body%</div> %svelte.body%
</body> </body>
</html> </html>

2
src/lib/footer/Footer.svelte
Unescape View File

@ -1,3 +1,3 @@
<footer> <footer>
<h4 class="text-center py-20 text-sm text-gray-200">copyright {new Date().getFullYear()} -- site made by <a href="https://bartindustries.com/" target="blank" class="hover:underline border-b border-dashed hover:border-b-0">midblep</a> -- art by siv kyne</h4> <h4 class="text-center py-20 text-sm text-gray-200">copyright {new Date().getFullYear()} -- site made by <a href="https://bartindustries.com/" target="blank" class="hover:underline border-b border-dashed hover:border-b-0">midblep</a> -- art by siv kyne -- bg art by smol-static</h4>
</footer> </footer>

13
src/routes/__layout.svelte
Unescape View File

@ -12,16 +12,19 @@
<meta name="theme-color" content="rgb(244 63 94)"> <meta name="theme-color" content="rgb(244 63 94)">
</svelte:head> </svelte:head>
<main class="bg-gray-900 text-white relative w-screen h-screen bg-cover bg-fixed" style="background-image: url('/bg2.png')"> <main class="bg-green-600 text-white relative w-screen bg-cover bg-fixed" style="background-image: url('/bg2.png')">
<div class="absolute inset-0"> <div class="absolute inset-0 z-0 overflow-y-hidden ">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320">
<path fill="rgb(244 63 94)" fill-opacity="1" d="M0,288L30,272C60,256,120,224,180,186.7C240,149,300,107,360,101.3C420,96,480,128,540,154.7C600,181,660,203,720,229.3C780,256,840,288,900,304C960,320,1020,320,1080,304C1140,288,1200,256,1260,224C1320,192,1380,160,1410,144L1440,128L1440,320L1410,320C1380,320,1320,320,1260,320C1200,320,1140,320,1080,320C1020,320,960,320,900,320C840,320,780,320,720,320C660,320,600,320,540,320C480,320,420,320,360,320C300,320,240,320,180,320C120,320,60,320,30,320L0,320Z"></path> <path fill="rgb(244 63 94)" fill-opacity="1" d="M0,288L30,272C60,256,120,224,180,186.7C240,149,300,107,360,101.3C420,96,480,128,540,154.7C600,181,660,203,720,229.3C780,256,840,288,900,304C960,320,1020,320,1080,304C1140,288,1200,256,1260,224C1320,192,1380,160,1410,144L1440,128L1440,320L1410,320C1380,320,1320,320,1260,320C1200,320,1140,320,1080,320C1020,320,960,320,900,320C840,320,780,320,720,320C660,320,600,320,540,320C480,320,420,320,360,320C300,320,240,320,180,320C120,320,60,320,30,320L0,320Z"></path>
</svg> </svg>
<div class="h-full bg-gradient-to-b from-rose-500 via-pink-800 to-gray-900 -mt-1"></div> <div class="bg-gradient-to-b from-rose-500 via-pink-800 to-gray-900 -mt-1 z-10 h-screen"></div>
<div class="bg-gray-900 h-full">
<div style="background-image: url('/bg3.png')" class="h-full bg-cover bg-opacity-1 blur-xl"></div>
</div>
</div> </div>
<article class="absolute inset-0 mx-3 lg:mx-0 my-10 lg:my-20 flex flex-col gap-10 h-full"> <article class="px-3 lg:px-0 py-10 lg:py-20 flex flex-col gap-10 h-full">
<div class="flex flex-col gap-10 min-h-screen"> <div class="flex flex-col gap-10 min-h-screen z-50">
<Header /> <Header />
<slot /> <slot />
<Footer /> <Footer />

BIN
static/bg.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 116 KiB

BIN
static/bg3.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 873 KiB

9
tailwind.config.cjs
Unescape View File

@ -25,7 +25,14 @@ module.exports = {
20: '20px' 20: '20px'
} }
}, },
extend: { blur: { xs: '2px' } } extend: {
blur: {
xs: '2px'
},
backgroundOpacity: {
1: '.01'
}
}
}, },
plugins: [] plugins: []
}; };

Write Preview
Loading…
Cancel
Save