3pp-mirror/rallly
1
0
Fork 0
mirror of https://github.com/lukevella/rallly.git synced 2025-05-22 05:16:23 +02:00
Code Issues Projects Releases Packages Wiki Activity

First public commit

Browse source
This commit is contained in:
Luke Vella 2022-04-12 07:14:28 +01:00
commit e05cd62e53
228 changed files with 17717 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

59
components/home/bonus.tsx Normal file
View file

@ -0,0 +1,59 @@
import * as React from "react";
import Ban from "./ban-ads.svg";
import Code from "@/components/icons/code.svg";
import Server from "@/components/icons/server.svg";
import CursorClick from "@/components/icons/cursor-click.svg";
const Bonus: React.VoidFunctionComponent = () => {
return (
<div className="py-16 max-w-7xl mx-auto px-8">
<h2 className="heading">Principles</h2>
<p className="subheading">We&apos;re not like the others</p>
<div className="grid grid-cols-4 gap-16">
<div className="col-span-4 md:col-span-2 lg:col-span-1">
<div className="mb-4 text-slate-400">
<CursorClick className="w-16" />
</div>
<h3 className="heading-sm">No login required</h3>
<div className="text text-base leading-relaxed">
We keep things simple and don&apos;t ask for more than what we need.
</div>
</div>
<div className="col-span-4 md:col-span-2 lg:col-span-1">
<div className="mb-4 text-slate-400">
<Code className="w-16" />
</div>
<h3 className="heading-sm">Open-source</h3>
<div className="text text-base leading-relaxed">
The codebase is fully open-source and{" "}
<a href="https://github.com/lukevella/Rallly">
available on github
</a>
.
</div>
</div>
<div className="col-span-4 md:col-span-2 lg:col-span-1">
<div className="mb-4 text-slate-400">
<Server className="w-16" />
</div>
<h3 className="heading-sm">Self-hostable</h3>
<div className="text text-base leading-relaxed">
Run it on your own server to get full control of your data.
</div>
</div>
<div className="col-span-4 md:col-span-2 lg:col-span-1">
<div className="mb-4 text-slate-400">
<Ban className="w-16" />
</div>
<h3 className="heading-sm">Ad-free</h3>
<div className="text text-base leading-relaxed">
You can give your ad-blocker a rest &ndash; You won&apos;t need it
here.
</div>
</div>
</div>
</div>
);
};
export default Bonus;