xevion/grain
1
0
Fork 0
mirror of https://github.com/Xevion/grain.git synced 2025-12-06 01:15:10 -06:00
Code Issues Packages Projects Releases Wiki Activity

Add in-progress WIP button

Browse Source
This commit is contained in:
Xevion
2022-11-25 03:12:22 -06:00
parent 509be71ebe
commit 2ae5ba3f66
2 changed files with 15 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
index.html
View File

@@ -44,7 +44,7 @@
<meta name="twitter:title" content="Grain" /> <meta name="twitter:title" content="Grain" />
<meta <meta
name="twitter:description" name="twitter:description"
content="A simple demonstration of a dynamically scaled SVG-based noise & radial gradients." content="A simple demonstration of a dynamically scaled SVG-based noise & stacked radial gradients."
/> />
</head> </head>
<body> <body>

15
src/components/Post.tsx
View File

@@ -1,4 +1,5 @@
import { SparklesIcon } from "@heroicons/react/20/solid"; import { SparklesIcon } from "@heroicons/react/20/solid";
import { ShieldExclamationIcon } from "@heroicons/react/24/solid";
const Post = () => { const Post = () => {
return ( return (
@@ -17,7 +18,11 @@ const Post = () => {
> >
Ryan Walters Ryan Walters
</a> </a>
<a href="https://github.com/Xevion" target="_blank" className="hover:text-yellow-600 transition-colors cursor-pointer"> <a
href="https://github.com/Xevion"
target="_blank"
className="hover:text-yellow-600 transition-colors cursor-pointer"
>
<SparklesIcon className="h-4 inline mb-2.5 m-2 " /> <SparklesIcon className="h-4 inline mb-2.5 m-2 " />
</a> </a>
</span> </span>
@@ -55,6 +60,14 @@ const Post = () => {
the <pre className="inline">background</pre> CSS property, allowing the <pre className="inline">background</pre> CSS property, allowing
dynamic SVG generation. dynamic SVG generation.
</p> </p>
<div className="pt-3">
<a href="https://github.com/Xevion/grain">
<div className="inline text-white text-medium drop-shadow-lg rounded border-2 shadow-xl border-zinc-600/75 m-2 p-2 bg-gradient-to-r from-red-500 via-orange-500 to-orange-700">
In Progress
<ShieldExclamationIcon className="inline h-[1.4rem] ml-3 drop-shadow-2xl" />
</div>
</a>
</div>
</div> </div>
</div> </div>
</> </>