Skip to content

P
Philippe
Commit 36211a30 by PLN (Algolia)
Options

feat: Credits, BackHome wip

parent 60ae2578
Showing with 121 additions and 1 deletion
pages/_app.js
// pages/_app.js
import { ChakraProvider } from "@chakra-ui/react";
import { ChakraProvider, Divider, Box, Text } from "@chakra-ui/react";
import Link from "next/link";
function MyApp({ Component, pageProps }) {
return (
<ChakraProvider>
<Component {...pageProps} />
<Divider />
<Box m="2">
<Text fontSize="sm" textAlign="center">
Conçu par{" "}
<Link
href="https://me.plnech.fr"
_hover={{ textDecoration: "underline" }}
>
Paul-Louis Nech
</Link>{" "}
grace aux contenus partagés par les proches de Philippe -{" "}
<Link href="/credits">
<u>Crédits</u>
</Link>
</Text>
</Box>
</ChakraProvider>
);
}
......
pages/credits.js 0 → 100644
// pages/index.js
import Head from "next/head";
import { Box, Container, Divider, Text, Wrap, WrapItem } from "@chakra-ui/react";
import Image from "next/image";
import Link from "next/link";
export async function getStaticProps() {
let credits = [
{
title: "Famille et Amis",
text: "Pour tous ces bons moments et leurs photos/vidéos",
},
{
title: "Vercel",
text: "Pour l'hébergement de ces pages",
link: "vercel.com",
},
{ title: "Next.JS", text: "Utilisé pour construire le site", link: "nextjs.org" },
];
return {
props: {
credits,
},
};
}
export default function Credits({ credits }) {
return (
<div>
<Head>
<title>Philippe Bureau - Crédits</title>
<link rel="icon" href="/favicon.ico" />
<Box overflow="hidden" bg="gray.100" minH="100vh">
<Container>
<Text
color="gray.700"
fontWeight="semibold"
m="1rem"
textAlign="center"
textDecoration="underline"
fontSize={["5xl", "5xl", "6xl", "6xl"]}
>
Philippe Bureau - Crédits
</Text>
</Container>
<Wrap px="1rem" spacing={"4px"} justify="center">
{credits.map((credit) => (
<WrapItem
key={"wrap-" + credit.title}
m={"30px"}
bg="white"
lineHeight="0"
maxW="sm"
borderWidth="1px"
borderRadius={"10px"}
>
<Text
color="gray.700"
fontWeight="semibold"
fontSize="2xl"
m="1rem"
>
{credit.title}
</Text>
<br />
<Text
color="gray.500"
fontWeight="semibold"
fontSize="sm"
m="1rem"
>
{credit.text}
</Text>
</WrapItem>
))}
</Wrap>
</Box>
</Head>
</div>
);
}
pages/photos/[id].js
......@@ -11,7 +11,11 @@ import {
import Image from "next/image";
import Head from "next/head";
import Link from "next/link";
<<<<<<< HEAD
import BackHome from "../../components/BackHome";
=======
import BackHome from "components/Back";
>>>>>>> ad87045 (feat: Credits, BackHome wip)
import { InfoIcon, AtSignIcon } from "@chakra-ui/icons";
// import { getPlaiceholder } `from "plaiceholder";
......@@ -84,6 +88,7 @@ export default function Photos({ photo, placeholder }) {
</Head>
<<<<<<< HEAD
<<<<<<< HEAD
<BackHome />
<Divider my="1rem" />
......@@ -129,6 +134,23 @@ export default function Photos({ photo, placeholder }) {
loading="eager"
/>
>>>>>>> 54109d5 (feat: Modulated Links)
=======
<BackHome />
<Divider my="1rem" />
<Center>
<a href={pic.path}>
<Image
src={pic.path}
width={pic.dimensions.width || 480}
height={pic.dimensions.height || 480}
// objectFit="cover"
quality={80}
priority
loading="eager"
/>
</a>
>>>>>>> ad87045 (feat: Credits, BackHome wip)
</Center>
<Divider my="1rem" />
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment