Skip to content

Commit

Permalink
Merge pull request #41 from rbourdon/develop
Browse files Browse the repository at this point in the history
Develop
  • Loading branch information
rbourdon authored Aug 3, 2023
2 parents ad510b2 + cbb31ee commit f084ad7
Show file tree
Hide file tree
Showing 9 changed files with 28 additions and 24 deletions.
2 changes: 1 addition & 1 deletion components/Projects/ProjectInfoPanel/SkillList.js
Original file line number Diff line number Diff line change
Expand Up @@ -35,7 +35,7 @@ export default function SkillList({ skills, bubbleColor, textColor }) {
return (
<SkillBubble
title={skill.title}
key={skill.slug}
key={`${skill.slug}_skilllist`}
custom={index}
hoverColor={{
bg: bubbleColor,
Expand Down
2 changes: 1 addition & 1 deletion components/Projects/ProjectPost/PostPano.js
Original file line number Diff line number Diff line change
Expand Up @@ -84,7 +84,7 @@ export default function PostPano({ src, children }) {
<AnimatePresence>
{!isReady && (
<PlaceholderImage
key={`${src}_placeholder`}
key={`${src}_placeholder_pano`}
initial="hidden"
animate="visible"
exit="exit"
Expand Down
2 changes: 1 addition & 1 deletion components/Projects/ProjectPost/PostVideo.js
Original file line number Diff line number Diff line change
Expand Up @@ -128,7 +128,7 @@ export default function PostVideo({
<AnimatePresence>
{!playing && (
<PlaceholderImage
key={`${src}_placeholder`}
key={`${src}_placeholder_video`}
initial="hidden"
animate="visible"
exit="exit"
Expand Down
19 changes: 16 additions & 3 deletions components/Projects/ProjectsScroller.js
Original file line number Diff line number Diff line change
Expand Up @@ -121,13 +121,26 @@ export default function ProjectScroller({ projects, bgColor, primaryColor }) {
onPanStart={handlePanStart}
onPan={handlePan}
onPanEnd={handlePanEnd}
style={{ cursor: panning ? "grabbing" : "grab" }}
style={{
cursor: panning ? "grabbing" : "grab",
gridTemplateColumns: `repeat(${Math.min(
3,
projects.length
)}, 340px)`,
}}
>
{[
...projects.slice(rollerPos, rollerPos + 3),
...projects.slice(
rollerPos,
rollerPos + Math.min(3, projects.length)
),
...projects.slice(
0,
3 - projects.slice(rollerPos, rollerPos + 3).length
Math.min(3, projects.length) -
projects.slice(
rollerPos,
rollerPos + Math.min(3, projects.length)
).length
),
].map((project, index) => {
return (
Expand Down
2 changes: 1 addition & 1 deletion components/Skills/SkillScroller.js
Original file line number Diff line number Diff line change
Expand Up @@ -141,7 +141,7 @@ export default function SkillScroller({ skills }) {
return (
<SkillBubble
title={skill.title}
key={skill.slug}
key={`${skill.slug}_scroller`}
variants={bubbleV}
custom={index}
bgColor={theme.primary}
Expand Down
2 changes: 1 addition & 1 deletion components/Skills/SkillsCard/SkillRoller.js
Original file line number Diff line number Diff line change
Expand Up @@ -57,7 +57,7 @@ export default function SkillRoller({
<SkillBubble
title={skill.title}
id={skill.slug}
key={skill.slug}
key={`${skill.slug}_roller`}
top={index === 0 ? true : false}
bottom={index === numSkills - 1 ? true : false}
hoverColor={{
Expand Down
3 changes: 2 additions & 1 deletion components/layout.js
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@ import { ThemeContext } from "styled-components";
import { motion } from "framer-motion";
import { useContext } from "react";

function Layout({ children }) {
function Layout({ children, className }) {
const theme = useContext(ThemeContext);

return (
Expand All @@ -12,6 +12,7 @@ function Layout({ children }) {
overflow: "scroll",
width: "100%",
}}
className={className}
>
{children}
</motion.div>
Expand Down
7 changes: 4 additions & 3 deletions pages/_app.js
Original file line number Diff line number Diff line change
Expand Up @@ -3,6 +3,7 @@ import { createGlobalStyle } from "styled-components";
import { ThemeControlProvider } from "@/lib/Context/ThemeContext";
import Layout from "@/components/layout";
import Head from "next/head";
import { Raleway } from "next/font/google";

const GlobalStyle = createGlobalStyle`
html {
Expand Down Expand Up @@ -33,7 +34,6 @@ html {
font-size: 1rem;
font-weight: 200;
font-style: normal;
font-family: 'Raleway', sans-serif;
color: hsla(0,0%,28.63%,1);
min-height: 100vh;
}
Expand Down Expand Up @@ -102,6 +102,8 @@ function handleExitComplete() {
}
}

const raleway = Raleway({ subsets: ["latin"] });

function MyApp({ Component, pageProps, router }) {
return (
<>
Expand All @@ -110,14 +112,13 @@ function MyApp({ Component, pageProps, router }) {
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5" />
<meta name="msapplication-TileColor" content="#00aba9" />
<meta name="theme-color" content="#ffffff" />

<meta name="author" content="Rory Bourdon" />
<meta charSet="utf-8" />
<meta name="viewport" content="initial-scale=1.0, width=device-width" />
</Head>
<ThemeControlProvider>
<GlobalStyle />
<Layout>
<Layout className={raleway.className}>
<AnimatePresence
mode="wait"
onExitComplete={() => handleExitComplete()}
Expand Down
13 changes: 1 addition & 12 deletions pages/_document.js
Original file line number Diff line number Diff line change
Expand Up @@ -26,18 +26,7 @@ export default class MyDocument extends Document {
render() {
return (
<Html>
<Head>
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link
rel="preconnect"
href="https://fonts.gstatic.com"
crossOrigin="true"
/>
<link
href="https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,800;1,100;1,200;1,300;1,400;1,800&display=swap"
rel="stylesheet"
/>
</Head>
<Head />
<body>
<Script
id="theme-script"
Expand Down

0 comments on commit f084ad7

Please sign in to comment.