{"version":3,"file":"HomePage-2Te6OuKQ.js","sources":["../../src/pages/HomePage.tsx"],"sourcesContent":["import env from \"@/common/env\";\nimport Button from \"@/components/ui/Button\";\nimport {useNavigate } from \"solid-navigator\";\nimport PageHeader from \"../components/PageHeader\";\nimport { styled } from \"solid-styled-components\";\nimport Text from \"@/components/ui/Text\";\nimport { appLogoUrl } from \"@/common/worldEvents\";\nimport { useTransContext } from \"@mbarzda/solid-i18next\";\nimport { FlexColumn, FlexRow } from \"@/components/ui/Flexbox\";\nimport Icon from \"@/components/ui/icon/Icon\";\nimport { CustomLink } from \"@/components/ui/CustomLink\";\nimport PageFooter from \"@/components/PageFooter\";\n\nconst HomePageContainer = styled(\"div\")`\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  flex: 1;\n`;\n\nconst Content = styled(\"div\")`\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  background: var(--pane-color);\n  margin: 8px;\n  margin-top: 0;\n  margin-bottom: 0;\n  border-radius: 8px;\n  flex: 1;\n`;\n\nconst ArtImage = styled(\"img\")`\n  position: absolute;\n  bottom: 0;\n  right: 0;\n  width: auto;\n  height: 100%;\n  opacity: 0.02;\n  pointer-events: none;\n  @media (orientation: portrait) {\n    width: 100%;\n    height: auto;\n  }\n`;\n\nconst TopContainer = styled(\"div\")`\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  height: 490px;\n  flex-shrink: 0;\n`;\n\nconst ButtonsContainer = styled(\"div\")`\n  margin-top: 10px;;\n  display: flex;\n  margin-left: -5px;\n\n  a {\n    text-decoration: none;\n    div {\n      width: 130px;\n    }\n  }\n`;\n\nconst Logo = styled(\"img\")`\n  width: 120px;\n  height: 120px;\n  border-radius: 50%;\n  background-color: rgba(0, 0, 0, 0.86);\n  backdrop-filter: blur(34px);\n`;\n\nexport default function HomePage () {\n  const [t] = useTransContext();\n  \n  const releaseLink = `https://github.com/Nerimity/nerimity-web/releases/${env.APP_VERSION ? `tag/${env.APP_VERSION}` : \"\" }`;\n\n  return (\n    <HomePageContainer class=\"home-page-container\">\n      <PageHeader showLogo={false} />\n      <Content class='content'>\n        <TopContainer class='top-container'>\n          <Logo src={appLogoUrl()} alt=\"logo\"/>\n          <Text class=\"title\" size={60}>{env.APP_NAME}</Text>\n          <Text class=\"slogan\" opacity={0.7}>{t(\"homePage.slogan\")}</Text>\n          <a href={releaseLink} target=\"_blank\" rel=\"noopener noreferrer\">{env.APP_VERSION || \"Unknown Version\"}</a>\n          <ButtonsContainer class=\"buttons-container\">\n            <a href='/register'><Button iconName='open_in_browser' label={t(\"homePage.joinButton\", {appName: env.APP_NAME})!} primary={true} /></a>\n            <a href=\"https://github.com/Nerimity/nerimity-web\" target=\"_blank\" rel=\"noopener noreferrer\"><Button color='white' iconName='code' label={t(\"homePage.viewGitHubButton\")!}  /></a>\n          </ButtonsContainer>\n          <PlatformDownloadLinks/>\n        </TopContainer>\n        <FeatureList/>\n        <ArtImage src=\"./assets/home-page-art.svg\" alt=\"\"/>\n      </Content>\n      <PageFooter/>\n    </HomePageContainer>\n  );\n}\n\n\n\n\nconst PlatformDownloadLinks = () => {\n  const navigate = useNavigate();\n  return (\n    <FlexColumn gap={10} itemsCenter style={{\"margin-top\": \"10px\"}}>\n      <Text size={16} opacity={0.7} style={{}}>Available on</Text>\n      <FlexRow wrap justifyCenter>\n        <Button onClick={() => navigate(\"/register\")} color='' label='Browser' iconName='public' primary />\n        <Button onClick={() => window.open(\"https://github.com/Nerimity/nerimity-desktop/releases/latest\", \"_blank\")} color='' label='Windows' iconName='grid_view' primary />\n        <Button  onClick={() => window.open(\"https://github.com/Nerimity/NerimityReactNative/releases/latest\", \"_blank\")} color='#31a952' customChildren={\n          <FlexRow itemsCenter>\n            <Text>Android</Text>\n            <Text opacity={0.8} size={12}>(Experimental)</Text>\n          </FlexRow>\n        } iconName='android' primary />\n      </FlexRow>  \n    </FlexColumn>\n  );\n};\n\n\nconst FeatureListContainer = styled(\"div\")`\n  display: grid;\n  grid-template-columns: 1fr 1fr 1fr;\n  max-width: 800px;\n  gap: 10px;\n  column-gap: 20px;\n  align-self: center;\n  margin-top: 100px;\n  background-color: rgba(0, 0, 0, 0.2);\n  padding: 10px;\n  border-radius: 8px;\n  backdrop-filter: blur(34px);\n  z-index: 1111;\n  margin: 10px;\n\n  @media (max-width: 820px) {\n    grid-template-columns: 1fr 1fr;\n  }\n  @media (max-width: 600px) {\n    grid-template-columns: 1fr;\n  }\n`;\n\nfunction FeatureList() {\n  return (\n    <FeatureListContainer>\n      <Feature icon='gif' label='Free animated avatars & emojis'/>\n      <Feature icon='preview' label='Sleek design'/>\n      <Feature icon='sell' label='Change your tag for free'/>\n      <Feature icon='add' label='Create posts on your profile'/>\n      <Feature icon='dns' label='Create your own community'/>\n      <Feature icon='explore' label='Find new communities'/>\n      <Feature icon='volunteer_activism' label='Runs from donations'/>\n      <Feature icon='code' label='Full source code on GitHub'/>\n    </FeatureListContainer>\n  );\n}\n\n\nconst FeatureContainer = styled(FlexRow)`\n  align-items: center;\n`;\n\nfunction Feature(props: {icon: string, label: string;}) {\n  return (\n    <FeatureContainer gap={10}>\n      <Icon style={{background: \"rgba(255,255,255,0.05)\", padding: \"10px\", \"border-radius\": \"50%\"}} name={props.icon} size={26} />\n      <Text style={{\"font-weight\": \"bold\"}} size={14} opacity={0.8}>{props.label}</Text>\n    </FeatureContainer>\n  );\n}"],"names":["HomePageContainer","styled","Content","ArtImage","TopContainer","ButtonsContainer","Logo","HomePage","t","useTransContext","releaseLink","env","APP_VERSION","_$createComponent","children","PageHeader","showLogo","src","appLogoUrl","alt","Text","size","APP_NAME","opacity","_el$","_tmpl$","_$setAttribute","_$insert","_el$2","_tmpl$2","Button","iconName","label","appName","primary","_el$3","_tmpl$3","color","PlatformDownloadLinks","FeatureList","PageFooter","navigate","useNavigate","FlexColumn","gap","itemsCenter","style","FlexRow","wrap","justifyCenter","onClick","window","open","customChildren","FeatureListContainer","Feature","icon","FeatureContainer","props","Icon","background","padding","name"],"mappings":"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"}