diff options
| author | Tomas <27066503+creatort@users.noreply.github.com> | 2023-05-18 20:01:21 +0100 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2023-05-18 20:01:21 +0100 |
| commit | 1f44ee7eb172f7f17891325db24c685adcfa16a3 (patch) | |
| tree | 9a4d287b1ab05416e0a2b0cde4ab11dc3929572d /components/header.js | |
| parent | 09f5813252335f44c8dbd52e02902c9958a09ae5 (diff) | |
| download | sei-website-1f44ee7eb172f7f17891325db24c685adcfa16a3.tar.gz sei-website-1f44ee7eb172f7f17891325db24c685adcfa16a3.tar.bz2 sei-website-1f44ee7eb172f7f17891325db24c685adcfa16a3.zip | |
Add files via upload
Diffstat (limited to 'components/header.js')
| -rw-r--r-- | components/header.js | 27 |
1 files changed, 27 insertions, 0 deletions
diff --git a/components/header.js b/components/header.js new file mode 100644 index 0000000..9cc7d44 --- /dev/null +++ b/components/header.js @@ -0,0 +1,27 @@ +export default function Header() {
+ return (
+ <>
+ <header>
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css" />
+ <div class="bg-green-800 py-3 px-2 text-white font-semibold text-right"><a href="https://aircs.racing/"><i class="fa fa-arrow-left mr-2"></i> aircs.racing</a></div>
+ <div class="flex items-center justify-between flex-wrap p-6 bg-slate-950">
+ <div class="flex items-center flex-shrink-0 text-white mr-6">
+ <p class="font-semibold text-xl tracking-tight">SEI.GOV</p>
+ </div>
+ <div class="flex items-center w-auto">
+ <div class="text-sm flex-grow">
+ {[
+ ['fas fa-home', 'Home', '/'],
+ ['fas fa-person', 'Life in SEI', '/life'],
+ ['fas fa-door-open', 'Cabinet', '/cabinet'],
+ ['fas fa-note-sticky', 'Reports', '/reports'],
+ ].map(([icon, title, url]) => (
+ <a href={url} className="transition duration-150 ease-out hover:ease-in inline-block mt-0 text-base text-slate-300 hover:text-white mr-4 hover:bg-green-800 rounded-lg p-2"><span class="mr-1"><i class={icon}></i></span> {title}</a>
+ ))}
+ </div>
+ </div>
+ </div>
+ </header>
+ </>
+ )
+}
\ No newline at end of file |