{"version":3,"sources":["components/style.ts","theme.ts","components/TagLine.tsx","components/LinkRow.tsx","components/Greeting.tsx","components/LandingPage.tsx","App.tsx","reportWebVitals.ts","index.tsx"],"names":["MainContainer","styled","div","PageTitle","h1","Tag","span","TagRow","IconRow","FAIcon","FontAwesomeIcon","PlainA","a","href","icon","faEnvelope","faKeybase","faGithub","faLinkedin","faTwitter","Icon","target","size","time","moment","greeting","getGreetingFromDate","undefined","getGreetingFromWeekday","day","weekday","1","faPray","5","faBeer","7","date","index","month","console","log","faHeart","faGhost","faBirthdayCake","ChristmasGreeting","faSnowman","NewYearGreeting","Greeting","TagLine","LinkRow","Header","App","LandingPage","reportWebVitals","onPerfEntry","Function","then","getCLS","getFID","getFCP","getLCP","getTTFB","ReactDOM","render","StrictMode","document","getElementById"],"mappings":"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","file":"static/js/main.45e9b9f0.chunk.js","sourcesContent":["import styled from \"styled-components\";\nimport {\n  backgroundColor,\n  fontName,\n  primaryFontColor,\n  IconHoverColor,\n} from \"../theme\";\n\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\n\nexport const MainContainer = styled.div`\n  background: ${backgroundColor};\n  @import url(\"https://fonts.googleapis.com/css2?family=Saira+Condensed:wght@100;200;300;400;500;600;700;800;900&display=swap\");\n  font-family: ${fontName};\n  color: ${primaryFontColor};\n  display: grid;\n  justify-content: center;\n  align-content: center;\n  height: 100%;\n  min-height: 100vh;\n`;\n\nexport const PageTitle = styled.h1`\n  font-style: normal;\n  font-weight: 600;\n  font-size: 40px;\n  line-height: 40px;\n  margin: 0px 5px;\n  text-align: center;\n`;\n\nexport const Tag = styled.span`\n  font-style: normal;\n  font-weight: 300;\n  font-size: 15px;\n  line-height: 18px;\n  &:after {\n    content: \" • \";\n  }\n  &:last-child:after {\n    content: \"\";\n  }\n`;\nexport const TagRow = styled.div`\n  text-align: center;\n  padding: 10px 0px 0px;\n`;\nexport const IconRow = styled.div`\n  text-align: center;\n  padding: 20px 0px 0px;\n  & > * {\n    margin-left: 20px;\n  }\n  & > *:first-child {\n    margin-left: 0px;\n  }\n`;\n\nexport const FAIcon = styled(FontAwesomeIcon)`\n  filter: drop-shadow(1px 2px 2px rgba(0, 0, 0, 0.5));\n  &:hover {\n    filter: drop-shadow(1px 4px 4px rgba(0, 0, 0, 0.8));\n    color: ${IconHoverColor};\n  }\n`;\n\nexport const PlainA = styled.a`\n  color: inherit;\n  text-decoration: none;\n`;\n","export const color0 = \"#2E3440\";\nexport const color1 = \"#3B4252\";\nexport const color2 = \"#434C5E\";\nexport const color3 = \"#4C566A\";\nexport const color4 = \"#D8DEE9\";\nexport const color5 = \"#E5E9F0\";\nexport const color6 = \"#ECEFF4\";\nexport const color7 = \"#8FBCBB\";\nexport const color8 = \"#88C0D0\";\nexport const color9 = \"#81A1C1\";\nexport const color10 = \"#5E81AC\";\nexport const color11 = \"#BF616A\";\nexport const color12 = \"#D08770\";\nexport const color13 = \"#EBCB8B\";\nexport const color14 = \"#A3BE8C\";\nexport const color15 = \"#B48EAD\";\n\nexport const fontName = \"Saira Condensed\";\n\nexport const backgroundColor = color0;\nexport const primaryFontColor = color6;\nexport const secondaryFontColor = color5;\nexport const IconHoverColor = color7;\n","import React from \"react\";\nimport { Tag, TagRow } from \"./style\";\n\nexport default () => (\n  <TagRow>\n    <Tag>Software Engineer</Tag>\n    <Tag>M.Sc Comp-Sci</Tag>\n    <Tag>Married (soon!)</Tag>\n    <Tag>Dad</Tag>\n    <Tag>Open-Source contributor</Tag>\n    <Tag>Friend</Tag>\n    <Tag>Stranger</Tag>\n  </TagRow>\n);\n","import React from \"react\";\nimport { IconRow, FAIcon, PlainA } from \"./style\";\n\nimport {\n  faKeybase,\n  faTwitter,\n  faGithub,\n  faLinkedin,\n} from \"@fortawesome/free-brands-svg-icons\";\nimport { faEnvelope } from \"@fortawesome/free-solid-svg-icons\";\n\nexport default () => (\n  <IconRow>\n    <Icon href=\"mailto:c@cwb.dk\" icon={faEnvelope} />\n    <Icon href=\"https://keybase.io/cabang\" icon={faKeybase} />\n    <Icon href=\"https://github.com/C0DK/\" icon={faGithub} />\n    <Icon href=\"https://www.linkedin.com/in/cabang/\" icon={faLinkedin} />\n    <Icon href=\"https://twitter.com/cabang_dk/\" icon={faTwitter} />\n  </IconRow>\n);\n\nconst Icon = ({ href, icon }: { href: string; icon: any }) => (\n  <PlainA href={href} target=\"_blank\">\n    <FAIcon icon={icon} size=\"2x\" />\n  </PlainA>\n);\n","import React, { ReactElement } from \"react\";\nimport moment, { Moment } from 'moment'\nimport styled from \"styled-components\";\nimport {\n    color11\n} from \"../theme\";\nimport { FAIcon, } from \"./style\";\n\nimport { faHeart, faBirthdayCake, faSnowman, faBeer, faGhost, faPray} from \"@fortawesome/free-solid-svg-icons\";\n\n\nexport default () => {\n    const time = moment()\n    let greeting = getGreetingFromDate(time)\n    if (greeting === undefined)\n        greeting = getGreetingFromWeekday(time.day())\n\n    if (greeting === undefined)\n        return <></>\n\n    return greeting\n}\nconst getGreetingFromWeekday = (weekday: number) => {\n    const greetings: { [Key: string]: ReactElement } = {\n        1: <Greeting>Have a pleasant Monday! <Icon icon={faPray} /></Greeting>, // Friday\n        5: <Greeting>Have a nice Friday! <Icon icon={faBeer} /></Greeting>, // Friday\n        7: <Greeting>Remember to relax this Sunday! <Icon icon={faPray} /></Greeting>, // Friday\n    }\n\n    return greetings[weekday]\n}\n\nconst getGreetingFromDate = (date: Moment) => {\n    const index = `${date.date()}-${date.month() + 1}`\n    console.log(index)\n    const greetings: { [Key: string]: ReactElement } = {\n        \"1-1\": <NewYearGreeting />,\n        \"9-2\": <Greeting>Happy My Birthday! </Greeting>,\n        \"14-2\": <Greeting>Happy Valentines! <Icon icon={faHeart} /></Greeting>,\n        \"25-2\": <Greeting>Happy Chinese New Year!</Greeting>,\n        \"31-11\": <Greeting>Happy Halloween!<Icon icon={faGhost} /></Greeting>,\n        \"29-11\": <Greeting>Happy birthday, my love! <Icon icon={faBirthdayCake} /></Greeting>,\n        \"20-09\": <Greeting>Happy birthday, my cutie! <Icon icon={faBirthdayCake} /></Greeting>,\n        \"09-06\": <Greeting>Happy birthday, dad! <Icon icon={faBirthdayCake} /></Greeting>,\n        \"21-12\": <Greeting>Happy birthday, mom! <Icon icon={faBirthdayCake} /></Greeting>,\n        \"1-12\": <ChristmasGreeting />,\n        \"24-12\": <ChristmasGreeting />,\n        \"25-12\": <ChristmasGreeting />,\n        \"31-12\": <NewYearGreeting />,\n    }\n\n    return greetings[index]\n}\n\nconst ChristmasGreeting = () => <Greeting>Merry Christmas! <Icon icon={faSnowman} /></Greeting>\nconst NewYearGreeting = () => <Greeting>Happy New Year!</Greeting>\n\nexport const Greeting = styled.div`\n  text-align: center;\n  filter: drop-shadow(1px 2px 2px rgba(0, 0, 0, 0.5));\n  padding: 0;\n  color: ${color11}\n`;\n\nconst Icon = ({ icon }: { icon: any }) => (\n    <FAIcon icon={icon} />\n);\n","import React from \"react\";\nimport { MainContainer, PageTitle } from \"./style\";\nimport TagLine from \"./TagLine\";\nimport LinkRow from \"./LinkRow\";\nimport Greeting from \"./Greeting\"\n\nexport default () => (\n  <MainContainer>\n    <Header />\n    <TagLine />\n    <Greeting />\n    <LinkRow />\n  </MainContainer>\n);\n\nconst Header = () => <PageTitle>Casper Weiss Bang</PageTitle>;\n","import React from \"react\";\nimport LandingPage from \"./components/LandingPage\";\n\nfunction App() {\n  return <LandingPage />;\n}\n\nexport default App;\n","import { ReportHandler } from \"web-vitals\";\n\nconst reportWebVitals = (onPerfEntry?: ReportHandler) => {\n  if (onPerfEntry && onPerfEntry instanceof Function) {\n    import(\"web-vitals\").then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {\n      getCLS(onPerfEntry);\n      getFID(onPerfEntry);\n      getFCP(onPerfEntry);\n      getLCP(onPerfEntry);\n      getTTFB(onPerfEntry);\n    });\n  }\n};\n\nexport default reportWebVitals;\n","import React from \"react\";\nimport ReactDOM from \"react-dom\";\nimport \"./index.css\";\nimport App from \"./App\";\nimport reportWebVitals from \"./reportWebVitals\";\n\nReactDOM.render(\n  <React.StrictMode>\n    <App />\n  </React.StrictMode>,\n  document.getElementById(\"root\")\n);\n\n// If you want to start measuring performance in your app, pass a function\n// to log results (for example: reportWebVitals(console.log))\n// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals\nreportWebVitals();\n"],"sourceRoot":""}