diff --git a/404.html b/404.html index cbee36982..657c2f58f 100644 --- a/404.html +++ b/404.html @@ -115,4 +115,4 @@ > window.___chunkMapping="{\"app\":[\"/app-9aec1885be7d9b65869a.js\"],\"component---src-pages-404-tsx\":[\"/component---src-pages-404-tsx-667dc978376cb4fd92a2.js\"],\"component---src-pages-about-tsx\":[\"/component---src-pages-about-tsx-3c104e05d91395b0e3eb.js\"],\"component---src-pages-tags-tsx\":[\"/component---src-pages-tags-tsx-a5136c7e7b4f42e40481.js\"],\"component---src-templates-index-tsx\":[\"/component---src-templates-index-tsx-9cece4db6f20fe065a78.js\"],\"component---src-templates-post-tsx\":[],\"component---src-templates-tags-tsx\":[\"/component---src-templates-tags-tsx-694f47a48ce389ce2c5a.js\"]}"; - \ No newline at end of file + \ No newline at end of file diff --git a/404/index.html b/404/index.html index 2a378ed09..1c20ec865 100644 --- a/404/index.html +++ b/404/index.html @@ -115,4 +115,4 @@ > window.___chunkMapping="{\"app\":[\"/app-9aec1885be7d9b65869a.js\"],\"component---src-pages-404-tsx\":[\"/component---src-pages-404-tsx-667dc978376cb4fd92a2.js\"],\"component---src-pages-about-tsx\":[\"/component---src-pages-about-tsx-3c104e05d91395b0e3eb.js\"],\"component---src-pages-tags-tsx\":[\"/component---src-pages-tags-tsx-a5136c7e7b4f42e40481.js\"],\"component---src-templates-index-tsx\":[\"/component---src-templates-index-tsx-9cece4db6f20fe065a78.js\"],\"component---src-templates-post-tsx\":[],\"component---src-templates-tags-tsx\":[\"/component---src-templates-tags-tsx-694f47a48ce389ce2c5a.js\"]}"; - \ No newline at end of file + \ No newline at end of file diff --git a/_gatsby/slices/_gatsby-scripts-1.html b/_gatsby/slices/_gatsby-scripts-1.html index 44abab140..e52c6e590 100644 --- a/_gatsby/slices/_gatsby-scripts-1.html +++ b/_gatsby/slices/_gatsby-scripts-1.html @@ -4,4 +4,4 @@ > window.___chunkMapping="{\"app\":[\"/app-9aec1885be7d9b65869a.js\"],\"component---src-pages-404-tsx\":[\"/component---src-pages-404-tsx-667dc978376cb4fd92a2.js\"],\"component---src-pages-about-tsx\":[\"/component---src-pages-about-tsx-3c104e05d91395b0e3eb.js\"],\"component---src-pages-tags-tsx\":[\"/component---src-pages-tags-tsx-a5136c7e7b4f42e40481.js\"],\"component---src-templates-index-tsx\":[\"/component---src-templates-index-tsx-9cece4db6f20fe065a78.js\"],\"component---src-templates-post-tsx\":[],\"component---src-templates-tags-tsx\":[\"/component---src-templates-tags-tsx-694f47a48ce389ce2c5a.js\"]}"; - \ No newline at end of file + \ No newline at end of file diff --git a/about/index.html b/about/index.html index a76d4a4fb..f28c2663f 100644 --- a/about/index.html +++ b/about/index.html @@ -115,4 +115,4 @@ > window.___chunkMapping="{\"app\":[\"/app-9aec1885be7d9b65869a.js\"],\"component---src-pages-404-tsx\":[\"/component---src-pages-404-tsx-667dc978376cb4fd92a2.js\"],\"component---src-pages-about-tsx\":[\"/component---src-pages-about-tsx-3c104e05d91395b0e3eb.js\"],\"component---src-pages-tags-tsx\":[\"/component---src-pages-tags-tsx-a5136c7e7b4f42e40481.js\"],\"component---src-templates-index-tsx\":[\"/component---src-templates-index-tsx-9cece4db6f20fe065a78.js\"],\"component---src-templates-post-tsx\":[],\"component---src-templates-tags-tsx\":[\"/component---src-templates-tags-tsx-694f47a48ce389ce2c5a.js\"]}"; - \ No newline at end of file + \ No newline at end of file diff --git a/blog/Gatsby-Blog/index.html b/blog/Gatsby-Blog/index.html index 54926b641..d616c1fae 100644 --- a/blog/Gatsby-Blog/index.html +++ b/blog/Gatsby-Blog/index.html @@ -170,4 +170,4 @@

Gatsby - \ No newline at end of file + \ No newline at end of file diff --git a/blog/blog-insert-tap/index.html b/blog/blog-insert-tap/index.html index c3c16e302..c5f26e73b 100644 --- a/blog/blog-insert-tap/index.html +++ b/blog/blog-insert-tap/index.html @@ -189,4 +189,4 @@

블로그 탭 추가 window.___chunkMapping="{\"app\":[\"/app-9aec1885be7d9b65869a.js\"],\"component---src-pages-404-tsx\":[\"/component---src-pages-404-tsx-667dc978376cb4fd92a2.js\"],\"component---src-pages-about-tsx\":[\"/component---src-pages-about-tsx-3c104e05d91395b0e3eb.js\"],\"component---src-pages-tags-tsx\":[\"/component---src-pages-tags-tsx-a5136c7e7b4f42e40481.js\"],\"component---src-templates-index-tsx\":[\"/component---src-templates-index-tsx-9cece4db6f20fe065a78.js\"],\"component---src-templates-post-tsx\":[],\"component---src-templates-tags-tsx\":[\"/component---src-templates-tags-tsx-694f47a48ce389ce2c5a.js\"]}"; - \ No newline at end of file + \ No newline at end of file diff --git a/blog/jekyll-kakao-share-button/index.html b/blog/jekyll-kakao-share-button/index.html index 42a9e76f0..974a252f2 100644 --- a/blog/jekyll-kakao-share-button/index.html +++ b/blog/jekyll-kakao-share-button/index.html @@ -432,4 +432,4 @@

- \ No newline at end of file + \ No newline at end of file diff --git a/component---src-templates-index-tsx-9cece4db6f20fe065a78.js.map b/component---src-templates-index-tsx-9cece4db6f20fe065a78.js.map index 2c9bdbe78..5a75a2b57 100644 --- a/component---src-templates-index-tsx-9cece4db6f20fe065a78.js.map +++ b/component---src-templates-index-tsx-9cece4db6f20fe065a78.js.map @@ -1 +1 @@ -{"version":3,"file":"component---src-templates-index-tsx-9cece4db6f20fe065a78.js","mappings":"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","sources":["webpack://record-journey/./src/components/header/BackgroundImage.tsx","webpack://record-journey/./src/components/header/HomeSiteNav.tsx","webpack://record-journey/./src/components/Pagination.tsx","webpack://record-journey/./src/templates/index.tsx"],"sourcesContent":["import { useLayoutEffect, useState } from 'react';\nimport styled from '@emotion/styled';\nimport { StaticImage } from 'gatsby-plugin-image';\n\nfunction getRandomNumber() {\n return Math.floor(Math.random() * 6);\n}\n\nexport default function BackgroundImage() {\n const [imageIndex, setImageIndex] = useState(Number.MIN_SAFE_INTEGER);\n\n useLayoutEffect(() => {\n const randomNumber = getRandomNumber();\n setImageIndex(randomNumber);\n }, []);\n\n return (\n \n {imageIndex === 0 && (\n \n )}\n {imageIndex === 1 && (\n \n )}\n {imageIndex === 2 && (\n \n )}\n {imageIndex === 3 && (\n \n )}\n {imageIndex === 4 && (\n \n )}\n {imageIndex === 5 && (\n \n )}\n \n );\n}\n\nconst HeaderBackground = styled.div`\n position: absolute;\n top: 0;\n left: 0;\n overflow: hidden;\n width: 100%;\n height: 68rem;\n\n img {\n width: 100%;\n height: 68rem;\n }\n\n div[data-gatsby-image-wrapper] {\n height: 68rem;\n }\n\n @media (max-width: 780px) {\n height: 40rem;\n\n img {\n width: 100%;\n height: 40rem;\n }\n\n div[data-gatsby-image-wrapper] {\n height: 40rem;\n }\n }\n`;\n","import { useCallback, useContext, useEffect, useRef, useState } from 'react';\nimport { Link } from 'gatsby';\nimport { css } from '@emotion/react';\nimport styled from '@emotion/styled';\n\nimport SiteNavLogo from '@/components/header/SiteNavLogo.tsx';\nimport ThemeModeSwitch from '@/components/header/ThemeModeSwitch.tsx';\nimport { Github } from '@/components/icons/github.tsx';\nimport { Instagram } from '@/components/icons/instagram.tsx';\nimport { ThemeToggleContext } from '@/contexts/ThemeToggleContext.ts';\nimport { inner, SocialLink, SocialLinkFb } from '@/styles/shared.ts';\nimport config from '@/website-config.ts';\n\nconst HEIGHT_OFFSET = 92;\n\nexport default function HomeSiteNav() {\n const [isScrollDown, isSetScrollDown] = useState(false);\n const lastScrollY = useRef(0);\n const ticking = useRef(false);\n const { theme } = useContext(ThemeToggleContext);\n const isWhite = !(isScrollDown && theme === 'light');\n\n const onScroll = useCallback(() => {\n if (!ticking.current) {\n requestAnimationFrame(() => {\n lastScrollY.current = window.scrollY;\n const isScrolled = lastScrollY.current >= HEIGHT_OFFSET;\n isSetScrollDown(isScrolled);\n ticking.current = false;\n });\n }\n ticking.current = true;\n }, []);\n\n useEffect(() => {\n onScroll();\n window.addEventListener('scroll', onScroll, { passive: true });\n return () => window.removeEventListener('scroll', onScroll);\n }, [onScroll]);\n\n return (\n
\n
\n \n
\n
\n );\n}\n\nexport const SiteNavMain = css`\n position: fixed;\n z-index: 1000;\n top: 0;\n right: 0;\n left: 0;\n padding: 0 5vw;\n transition: background 0.45s ease;\n\n &.is-scroll-down {\n background: var(--nav-background);\n backdrop-filter: saturate(180%) blur(20px);\n border-bottom: 1px solid var(--nav-border-color);\n }\n`;\n\nconst SiteNavStyles = css`\n position: relative;\n z-index: 100;\n overflow-y: hidden;\n display: flex;\n align-items: center;\n justify-content: space-between;\n height: 52px;\n font-size: 1.3rem;\n`;\n\nconst SiteNavLeft = styled.div`\n overflow: hidden;\n display: flex;\n flex: 1 0 auto;\n align-items: center;\n margin-right: 10px;\n font-weight: 500;\n text-transform: uppercase;\n letter-spacing: 0.2px;\n white-space: nowrap;\n -webkit-overflow-scrolling: touch;\n\n -ms-overflow-scrolling: touch;\n\n @media (max-width: 700px) {\n margin-right: 0;\n }\n`;\n\nconst SiteNavContent = styled.div`\n position: relative;\n align-self: flex-start;\n`;\n\nconst NavStyles = css`\n position: absolute;\n z-index: 1000;\n display: flex;\n margin: 0 0 0 -12px;\n padding: 0;\n list-style: none;\n transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);\n\n li {\n display: block;\n margin: 0;\n padding: 0;\n }\n\n li a {\n position: relative;\n display: block;\n padding: 10px 12px;\n font-size: 1.2rem;\n color: var(--main-color);\n opacity: 0.7;\n transition: opacity 0.2s ease-in-out;\n\n @media (max-width: 700px) {\n padding: 10px 8px;\n }\n }\n\n li a:hover {\n text-decoration: none;\n opacity: 1;\n }\n\n li a.is-white {\n color: #fff;\n\n &:before {\n background: #fff;\n }\n }\n\n .nav-current {\n opacity: 1;\n }\n`;\n\nconst SiteNavRight = styled.div`\n display: flex;\n flex: 0 1 auto;\n align-items: center;\n justify-content: flex-end;\n`;\n\nconst SocialLinks = styled.div`\n display: flex;\n flex-shrink: 0;\n align-items: center;\n\n @media (max-width: 700px) {\n .not-mobile {\n display: none;\n }\n }\n`;\n","import { Link } from 'gatsby';\nimport { css } from '@emotion/react';\n\nexport type PaginationProps = {\n currentPage: number;\n numPages: number;\n};\n\nexport default function Pagination({ currentPage, numPages }: PaginationProps) {\n const isFirst = currentPage === 1;\n const isLast = currentPage === numPages;\n const isEndFirst = currentPage > 3;\n const isEndLast = currentPage <= numPages - 3;\n const prevPage = currentPage - 1 === 1 ? '/' : `../${(currentPage - 1).toString()}`;\n const nextPage = `../${(currentPage + 1).toString()}`;\n\n return (\n \n );\n}\n\nconst navCss = css`\n margin-bottom: 32px;\n text-align: center;\n\n div {\n display: inline-block;\n padding: 10px;\n background: rgb(25 27 31 / 0.1);\n border-radius: 100px;\n }\n\n a {\n float: left;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 40px;\n height: 40px;\n margin: 0 4px;\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Noto Sans', 'Ubuntu',\n 'Droid Sans', 'Helvetica Neue', sans-serif;\n font-size: 1.5rem;\n color: black;\n text-decoration: none;\n background: #fff;\n border-radius: 100px;\n box-shadow:\n rgb(39 44 49 / 0.06) 8px 14px 38px,\n rgb(39 44 49 / 0.03) 1px 3px 8px;\n transition: background-color 0.3s;\n\n &.active {\n background-color: #b3b3b3;\n }\n\n &:hover {\n text-decoration: none;\n }\n\n &:hover:not(.active) {\n background-color: #ddd;\n }\n }\n\n @media (prefers-color-scheme: dark) {\n div {\n background: rgb(255 255 255 / 0.1);\n }\n\n a {\n color: #fff;\n background: #000;\n\n &.active {\n background-color: #626262;\n }\n\n &:hover:not(.active) {\n background-color: #272727;\n }\n }\n }\n\n @media (max-width: 650px) {\n a {\n width: 32px;\n height: 32px;\n margin: 0 2px;\n }\n }\n`;\n","import { Fragment } from 'react';\nimport { graphql } from 'gatsby';\nimport { css } from '@emotion/react';\nimport { getImage, getSrc } from 'gatsby-plugin-image';\n\nimport Footer from '@/components/Footer.tsx';\nimport BackgroundImage from '@/components/header/BackgroundImage';\nimport HomeSiteNav from '@/components/header/HomeSiteNav';\nimport Pagination from '@/components/Pagination.tsx';\nimport PostCard from '@/components/PostCard.tsx';\nimport Wrapper from '@/components/Wrapper.tsx';\nimport IndexLayout from '@/layouts/index.tsx';\nimport {\n inner,\n outer,\n PostFeed,\n Posts,\n SiteDescription,\n SiteHeaderContent,\n SiteHeaderStyles,\n SiteMain,\n SiteTitle,\n} from '@/styles/shared.ts';\nimport config from '@/website-config.ts';\n\nimport type { PageContext } from '@/templates/post.tsx';\nimport type { ImageDataLike } from 'gatsby-plugin-image';\n\nexport type IndexProps = {\n children: React.ReactNode;\n pageContext: {\n currentPage: number;\n numPages: number;\n };\n data: {\n logo: ImageDataLike;\n header: ImageDataLike;\n allMarkdownRemark: {\n edges: Array<{\n node: PageContext;\n }>;\n };\n };\n};\n\nexport const Head = ({ data }: IndexProps) => {\n const width = getImage(data.header)?.width;\n const height = getImage(data.header)?.height;\n return (\n \n {config.title}\n \n \n \n \n \n \n \n {config.instagram && }\n {config.googleSiteVerification && (\n \n )}\n \n \n \n \n \n {config.github && (\n \n )}\n \n \n \n \n \n );\n};\n\nexport default function IndexPage(props: IndexProps) {\n return (\n \n \n
\n \n
\n \n \n \n {props.data.logo ? (\n \n ) : (\n config.title\n )}\n \n {config.description}\n \n
\n
\n
\n
\n
\n {props.data.allMarkdownRemark.edges.map(\n (post, index) =>\n // filter out drafts in production\n (post.node.frontmatter.draft !== true ||\n (post.node.frontmatter.tags[0] !== 'Diary' &&\n process.env.NODE_ENV !== 'production')) && (\n \n ),\n )}\n
\n
\n
\n {props.children}\n {props.pageContext.numPages > 1 && (\n \n )}\n