pollo/app/routes/_index.tsx

48 lines
2.7 KiB
TypeScript
Raw Normal View History

2023-04-20 04:20:00 -06:00
export default function Index() {
return (
<div className="flex flex-col text-center items-center justify-center px-4 py-16 gap-4">
<h1 className="text-3xl sm:text-6xl font-bold">
2023-11-22 22:23:00 -07:00
<span className="inline-grid">
<span
className="pointer-events-none col-start-1 row-start-1 bg-[linear-gradient(90deg,theme(colors.error)_0%,theme(colors.secondary)_9%,theme(colors.secondary)_42%,theme(colors.primary)_47%,theme(colors.accent)_100%)] bg-clip-text [-webkit-background-clip: text] blur-2xl [-webkit-text-fill-color:transparent] [transform:translate3d(0,0,0)] [@supports(color:oklch(0_0_0))]:bg-[linear-gradient(90deg,oklch(var(--s))_4%,color-mix(in_oklch,oklch(var(--s)),oklch(var(--er)))_22%,oklch(var(--p))_45%,color-mix(in_oklch,oklch(var(--p)),oklch(var(--a)))_67%,oklch(var(--a))_100.2%)]"
aria-hidden="true"
>
Sprint Padawan
</span>
<span className="[&::selection]:text-base-content relative col-start-1 row-start-1 bg-[linear-gradient(90deg,theme(colors.error)_0%,theme(colors.secondary)_9%,theme(colors.secondary)_42%,theme(colors.primary)_47%,theme(colors.accent)_100%)] bg-clip-text [-webkit-background-clip: text] [-webkit-text-fill-color:transparent] [&::selection]:bg-blue-700/20 [@supports(color:oklch(0_0_0))]:bg-[linear-gradient(90deg,oklch(var(--s))_4%,color-mix(in_oklch,oklch(var(--s)),oklch(var(--er)))_22%,oklch(var(--p))_45%,color-mix(in_oklch,oklch(var(--p)),oklch(var(--a)))_67%,oklch(var(--a))_100.2%)]">
Sprint Padawan
</span>
2023-04-20 04:20:00 -06:00
</span>
</h1>
<h2 className="my-4 text-xl sm:text-3xl font-bold">
A{" "}
<span className="bg-gradient-to-br from-pink-600 to-pink-400 bg-clip-text text-transparent box-decoration-clone">
scrum poker{" "}
</span>{" "}
tool that helps{" "}
<span className="bg-gradient-to-br from-purple-600 to-purple-400 bg-clip-text text-transparent box-decoration-clone">
agile teams{" "}
</span>{" "}
plan their sprints in{" "}
<span className="bg-gradient-to-br from-cyan-600 to-cyan-400 bg-clip-text text-transparent box-decoration-clone">
real-time
</span>
.
</h2>
<div className="card card-compact bg-secondary text-black font-bold text-left">
<div className="card-body">
<h2 className="card-title">Features:</h2>
<ul>
<li>🚀 Real-time votes!</li>
<li>🚀 Customizable room name and vote scale!</li>
<li>🚀 CSV Reports for every room!</li>
<li>🚀 100% free and open-source... forever!</li>
</ul>
</div>
</div>
</div>
);
}