chuckdries/Personal-Website
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Develop global nav and remove resume

Browse Source
This commit is contained in:
Chuck Dries
2022-07-11 17:55:14 -07:00
parent 15cea93e53
commit ef7eeebd75
6 changed files with 123 additions and 163 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/pages/index.js
View File

@@ -8,7 +8,7 @@ import classnames from "classnames";
import '../styles/index.css';
import { getHelmetSafeBodyStyle, getVibrant, getAspectRatio } from "../utils";
import Nav from "../components/index/Nav";
import Nav from "../components/Nav";
import ActionButtons from "../components/index/ActionButtons";
import { use100vh } from "react-div-100vh";
@@ -134,7 +134,7 @@ const IndexPage = ({
)}
style={{ gridArea: "1/1" }}
>
<Nav imageIsLandscape={imageIsLandscape} isClient={isClient} />
<Nav isClient={isClient} />
<div
className={classnames(
"rounded-[50px] p-3 md:p-5 flex flex-col items-center z-10 border-r-[20px] border-b-[20px] mb-3 mx-2 md:mb-[-90px]",

34
src/pages/photogallery.js
View File

@@ -8,6 +8,7 @@ import { Picker, Item } from "@adobe/react-spectrum";
import MasonryGallery from "../components/MasonryGallery";
import KeywordsPicker from "../components/KeywordsPicker";
import { getGalleryPageUrl } from "../utils";
import Nav from "../components/Nav";
const SORT_KEYS = {
hue: ["fields", "imageMeta", "vibrantHue"],
@@ -69,7 +70,7 @@ const GalleryPage = ({ data }) => {
);
const removeHash = React.useCallback(() => {
console.log('rh')
console.log("rh");
const url = new URL(
typeof window !== "undefined"
? window.location.href.toString()
@@ -90,7 +91,7 @@ const GalleryPage = ({ data }) => {
if (!el) {
return;
}
console.log('scrolling into view', el);
console.log("scrolling into view", el);
el.scrollIntoView({
block: "center",
});
@@ -150,27 +151,14 @@ const GalleryPage = ({ data }) => {
<body className="bg-black text-white" />
</Helmet>
<div className="sm:sticky top-0 z-10 bg-black">
<nav className="mt-1 ml-1 text-lg mb-4">
<button
className="hover:underline text-vibrant-light hover:text-muted-light arrow-left-before mr-1"
onClick={() => navigate(-1)}
type="button"
>
back
</button>
<Link
className="hover:underline text-vibrant-light hover:text-muted-light mx-1"
to="/"
>
home
</Link>
<Link
className="hover:underline text-vibrant-light hover:text-muted-light mx-1"
to="/photogallery/"
>
gallery
</Link>
</nav>
<Nav
className="mb-4"
internalLinks={[
{ href: "/", label: "Home" },
{ href: "/photogallery/", label: "Gallery" },
]}
>
</Nav>
<div className="flex flex-col md:flex-row md:items-end justify-between">
<h1 className="text-5xl mt-0 ml-5 mr-5 font-serif font-black z-10">
Photo Gallery