xevion/xevion.dev
1
0
Fork 0
mirror of https://github.com/Xevion/xevion.dev.git synced 2025-12-08 18:09:25 -06:00
Code Issues Packages Projects Releases Wiki Activity

Switch to gradient ^& darker background, use AppWrapper in index

Browse Source
This commit is contained in:
Xevion
2023-02-25 19:50:53 -06:00
parent 3b1c5a9a40
commit 5c49aa56c9
4 changed files with 26 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/pages/grain.tsx
View File

@@ -20,8 +20,7 @@ const GrainPage: NextPage = () => {
<title>Grain | Xevion.dev</title>
</Head>
<AppWrapper>
<div className="bg-zinc-850 text-zinc-50 w-full overflow-auto h-full min-h-screen flex justify-center">
<div className="text-zinc-50 w-full overflow-auto h-full min-h-screen flex justify-center">
<div className="relative my-10 p-3 px-6 w-full max-w-screen-md">
<div className="pb-2 flex justify-between">
<div className="text-3xl font-semibold">
@@ -44,7 +43,7 @@ const GrainPage: NextPage = () => {
</div>
<div className="mt-3 w-full prose prose-invert prose-lg">
<p>
After seeing an interesting Instagram post with beautiful noise patterns & gradients, I decided to
After seeing an online post with beautiful noise patterns & gradients, I decided to
try and recreate it. The result was Grain, a simple web app that generates beautiful noise.
Under the hood, this app uses multiple layers of SVGs that automatically rescale with the browsers viewport.
That way, the noise is always crisp and clear, no matter the screen size.