apricote/ein-pfeil-am-rechten-fleck.de
1
0
Fork 0
mirror of https://github.com/apricote/ein-pfeil-am-rechten-fleck.de.git synced 2026-02-07 02:07:01 +00:00
Code Issues Projects Releases Packages Wiki Activity

init

Browse source
This commit is contained in:
Julian Tölle 2021-03-21 00:15:22 +01:00
parent 42ec5539dc
commit b536ee4124
23 changed files with 8696 additions and 223 deletions
Download patch file Download diff file Expand all files Collapse all files

11
components/Footer.tsx Normal file
View file

@ -0,0 +1,11 @@
import Link from "next/link";
export const Footer = () => {
return (
<div>
<Link href="/imprint">
<a>Impressum & Datenschutz</a>
</Link>
</div>
);
};

27
components/Nav.tsx Normal file
View file

@ -0,0 +1,27 @@
import Link from "next/link";
export const Nav = () => {
// flex items-center justify-around mt-4 mb-4
return (
<ul className="m-4 text-center justify-center">
<NavLink href="/#intro" text="Einführung" />
<NavLink href="/#heroes" text="Unsere Helden" />
<NavLink href="/#listen" text="Hörprobe" />
<NavLink href="/buy" text="Kaufen" />
</ul>
);
};
function NavLink(props: { href: string; text: string }) {
const { href, text } = props;
return (
<li className="block w-1/2 bg-amber-800">
<Link href={href}>
<a className="text-gray-300 hover:text-amber-200 focus:text-amber-200 focus:outline-none transition">
{text}
</a>
</Link>
</li>
);
}