Files
darkwave/components/header/main.tsx

35 lines
1.2 KiB
TypeScript
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

import Image from "next/image";
import Link from "next/link";
import Toolbar from "./toolbar";
import { IoSearch } from "react-icons/io5";
import AnimatedLink from "../animatedLink";
export default function MainHeader() {
return (
<header className="flex flex-col mt-4">
<div className="flex flex-row">
<ul className="w-full flex flex-row justify-between items-baseline list-none">
<li className="text-4xl">
<AnimatedLink href="/">
blog.aderk.org
</AnimatedLink>
</li>
<li className="text-6xl flex items-center justify-center filter brightness-0 dark:invert">
<Link href="#">
<IoSearch size={32} />
</Link>
</li>
</ul>
</div>
<div className="text-lg mb-4 mt-6">
<p className="leading-8">
Этот блог - хроника моего погружения в мир компьютерной архитектуры. <br />
Здесь я документирую процесс изучения и проектирования CPU и GPU на основе открытой архитектуры RISC-V. <br />
</p>
</div>
<Toolbar></Toolbar>
</header>
);
}