urbit/developers.urbit.org
1
1
Fork 0
mirror of https://github.com/urbit/developers.urbit.org.git synced 2024-08-16 17:20:35 +03:00
Code Issues Packages Projects Releases Wiki Activity

rudimentary header, content links

Browse Source
This commit is contained in:
James Acklin 2021-10-02 11:55:42 -04:00
parent 83176a0d4d
commit a1394a8c81
3 changed files with 63 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
components/Header.js Normal file
View File

@ -0,0 +1,28 @@
import Link from "next/link";
import SingleColumn from "./SingleColumn";
// import { useRouter } from "next/router";
// import { useState, useEffect } from "react";
// import classnames from "classnames";
// import path from "path";
// import Section from "../components/Section";
export default function Header(props) {
return (
<div className="flex flex-col w-full items-center">
<SingleColumn>
<header className=" layout px-4 md:px-8 flex justify-between items-center pt-8 md:pt-10 lg:pt-12 pb-10 md:pb-12 lg:pb-24">
<Link href="/">
<a className="type-ui">Urbit Developers</a>
</Link>
{/* <a className="type-ui flex" href="urbit.org" target="_blank">
Urbit.org{" "}
<div className="font-sans w-8 h-8 rounded-full bg-wall-600 dark:bg-antiwall-600 ml-2 text-wall-100 dark:text-antiwall-100 flex items-center justify-center">
{"↗"}
</div>
</a> */}
</header>
</SingleColumn>
</div>
);
}

2
components/Layout.js
View File

@ -1,9 +1,11 @@
import Meta from "./Meta";
import Header from "./Header";
export default function Layout({ children }) {
return (
<>
<Meta />
<Header />
<div className="">{children}</div>
</>
);

39
pages/index.js
View File

@ -47,7 +47,17 @@ export default function Home() {
201.
</p>
<p>Stack overview | Urbit 101 | Urbit 201 </p>
<ul>
<li>
<Link href="/primer">Stack Overview</Link>
</li>
<li>
<Link href="/learn">Urbit 101</Link>
</li>
<li>
<Link href="/learn">Urbit 201</Link>
</li>
</ul>
</div>
</Section>
<Section>
@ -67,9 +77,17 @@ export default function Home() {
Join our public groups on the network, or tune into a Developer
Call to join the community.{" "}
</p>
<p>Get involved | Developer Calls | Join the mailing list </p>
<ul>
<li>
<Link href="/community">Get Involved</Link>
</li>
<li>
<Link href="/community">Developer Calls</Link>
</li>
<li>
<Link href="/community">Join the Mailing List</Link>
</li>
</ul>
<p>
The mailing list is meant to be a separate, developer-only list
for those that want to stay up-to-date on developer-specific
@ -98,8 +116,17 @@ export default function Home() {
developers, and The Combine is funding startups that build on
Urbit.{" "}
</p>
<p>Grants | Jobs | The Combine</p>
<ul>
<li>
<Link href="/opportunities">Grants</Link>
</li>
<li>
<Link href="/opportunities">Jobs</Link>
</li>
<li>
<Link href="/opportunities">The Combine</Link>
</li>
</ul>
</div>
</Section>
</SingleColumn>