Files
ambersplace.net/cohost-archive/static/client-preact-components-pages-welcome-landing-page.728bebf55443e9f70ee8.js

2 lines
21 KiB
JavaScript
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[2711],{73581:function(e,t,a){a.r(t),a.d(t,{LandingPage:function(){return F}});var l=a.p+"6ed5ca2e01f9e544824a.png",n=a.p+"2b92a5c72fcac778ecfd.png",s=a.p+"f0c56e99113f1a0731b4.svg",o=a.p+"5a7a3becf5ca45951382.png",r=a(12093),c=a(94159),i=a(87124);function m(){return m=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var l in a)Object.prototype.hasOwnProperty.call(a,l)&&(e[l]=a[l])}return e},m.apply(this,arguments)}const g=e=>c.createElement("svg",m({width:"300",height:"220",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),c.createElement("path",{d:"m197.429 1.587.045-1.5-.045 1.5c23.947.71 44.462 6.318 61.601 16.767 17.042 10.39 28.818 26.361 35.296 48.043 6.477 21.682 5.402 41.532-3.129 59.637-8.579 18.206-22.636 34.217-42.248 48.017-19.634 13.816-42.878 24.749-69.754 32.784-27.002 8.072-52.526 11.718-76.581 10.964-24.029-.754-44.56-6.424-61.653-16.952-17.002-10.471-28.758-26.486-35.236-48.169l-1.434.428 1.434-.428C-.792 130.866.245 110.995 8.73 92.975c8.533-18.12 22.614-34.036 42.325-47.73 19.736-13.71 43.096-24.611 70.1-32.684C148.033 4.526 173.455.876 197.429 1.587Z",stroke:"currentColor",strokeWidth:"3"}));var f=a.p+"182108fcb4d167582ec4.svg",d=a.p+"de31eb962de32ee6933f.svg",p=a.p+"1c9fd1cfe535564252f5.svg",x=a.p+"9e4a60daeb399dd8c514.svg",h=a(87335),u=a(96320),b=a(51028),w=a(6553),y=a.p+"57c5739fa2899eae208f.png",E=a.p+"e67a74185ea96e93820e.jpg",v=a.p+"32426174753867c5e4d5.png",N=a.p+"4524b901616ead224714.png",k=(a.p,a(89760)),B=a(40196);const j=()=>c.createElement(c.Fragment,null,c.createElement("svg",{fill:"none",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 981 599",className:"absolute right-0 top-0 hidden max-w-prose md:block lg:w-[981px]"},c.createElement("path",{d:"M473.876 555.193c106.808 31.942 207.926 46.417 303.352 43.422 95.426-2.994 177.3-25.538 245.622-67.633 68.32-42.094 115.41-106.438 141.27-193.034 26.01-87.09 21.96-166.864-12.15-239.3224-34.11-72.4586-90.31-135.8907-168.592-190.2968-78.284-54.4058-170.83-97.5808-277.638-129.5228-106.313-31.795-207.023-46.282-302.127-43.461-95.106 2.82-176.905 25.117-245.4 66.89C89.7187-155.992 42.5412-91.8079 16.6796-5.21267-9.1815 81.3826-4.97002 161.07 29.3137 233.85c34.2838 72.78 90.3703 136.583 168.2593 191.41s169.99 98.138 276.303 129.933Z",fill:"#FFF1DF"})),c.createElement("svg",{fill:"none",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 320 315",className:"absolute right-0 top-0 -z-10 block w-full md:hidden"},c.createElement("path",{d:"M228.375 208.272c27.132 8.111 52.818 11.787 77.058 11.026 24.24-.76 45.038-6.485 62.393-17.174 17.355-10.689 29.317-27.028 35.887-49.017 6.606-22.115 5.578-42.372-3.087-60.7714-8.665-18.3995-22.94-34.5068-42.826-48.3221-19.886-13.8154-43.395-24.7787-70.526-32.8899C260.268 3.04995 234.685-.628789 210.526.0875697 186.368.803784 165.589 6.46565 148.19 17.073c-17.399 10.6075-29.384 26.9057-35.953 48.8949-6.569 21.9892-5.5 42.2241 3.209 60.7051s22.956 34.683 42.742 48.605c19.785 13.922 43.181 24.92 70.187 32.994Z",fill:"#FFF1DF"}),c.createElement("path",{d:"M28.75 306.848c-18.0877 5.407-35.21173 7.858-51.372 7.351-16.1602-.507-30.0253-4.324-41.5954-11.45-11.5701-7.126-19.5448-18.018-23.9243-32.678-4.4046-14.743-3.7187-28.248 2.0579-40.514 5.7766-12.266 15.2934-23.004 28.5506-32.215 13.2574-9.21 28.9298-16.519 47.0175-21.926 18.00391-5.383 35.0589-7.835 51.1647-7.358 16.1059.478 29.9585 4.252 41.5579 11.324 11.5994 7.072 19.5891 17.937 23.9681 32.597 4.38 14.659 3.667 28.149-2.139 40.47-5.8061 12.32-15.3042 23.122-28.4945 32.403-13.1904 9.282-28.7876 16.613-46.7915 21.996Z",fill:"#FAD8D6"})));c.memo((({handle:e,imageURL:t,body:a,className:l="",frame:n="circle"})=>c.createElement("div",{className:`${l} cohost-shadow-light flex max-h-fit flex-col items-center justify-center rounded-lg bg-notWhite`},c.createElement("div",{className:"h-9 w-full flex-none justify-self-start rounded-t-lg bg-longan-100"}),c.createElement("div",{className:"flex flex-row items-center justify-center gap-3 px-3 py-2 lg:flex-col lg:items-start lg:p-6"},c.createElement("img",{src:t,className:`mask mask-${n} h-9 w-9 self-start object-cover lg:h-16 lg:w-16`}),c.createElement("blockquote",{className:"font-atkinson text-sm leading-none -tracking-tight text-notBlack before:content-['“'] after:content-['”'] lg:text-2xl lg:font-bold"},a)),c.createElement("div",{className:"flex flex-col items-end self-stretch bg-white px-3 py-2 lg:py-6"},c.createElement("cite",{className:"font-league text-xs font-semibold not-italic leading-none text-black before:content-['@'] lg:text-xl"},e)),c.createElement("div",{className:"h-9 w-full flex-none justify-self-end rounded-b-lg bg-longan-100"})))).displayName="TestimonialBlock";const A=c.memo((e=>c.createElement("div",{className:"flex flex-row py-2 lg:w-80 lg:flex-col lg:gap-3 lg:py-0"},c.createElement("div",{className:"w-16 flex-none lg:w-auto"},c.createElement("img",{src:r.vf.public.static.staticAsset({path:e.iconURL}).toString(),className:"h-6 w-auto lg:h-14"})),c.createElement("div",{className:"flex flex-col gap-3"},c.createElement("h3",{className:`font-atkinson text-lg font-bold leading-none tracking-wide ${e.colorClassName} lg:text-2xl`},e.title),c.createElement("p",{className:"text-base"},e.body)))));A.displayName="FeatureBlock";const C=c.memo((({className:e="",tags:t=[],numComments:a=0})=>{const{t:l}=(0,b.$G)();return c.createElement("div",{className:`${e} flex select-none flex-col items-center rounded-lg bg-white p-0`},c.createElement("div",{className:"flex flex-none flex-row items-center justify-between gap-3 self-stretch rounded-t-lg bg-notWhite p-3"},c.createElement("div",{className:"flex flex-none flex-row items-center gap-2 p-0"},c.createElement("span",{className:"flex-none font-atkinson text-sm font-bold leading-none text-notBlack"},"bradley"),c.createElement("span",{className:"font-atkinson text-sm leading-none text-notBlack before:content-['@']"},"soupconsultant"),c.createElement(h.Z,{className:"h-4 w-4 text-notBlack"}),c.createElement("span",{className:"flex-none font-atkinson text-sm font-bold leading-none text-notBlack"},"bouba"),c.createElement("span",{className:"font-atkinson text-sm leading-none text-notBlack before:content-['@']"},"bouba"))),c.createElement("hr",{className:"mx-3 self-stretch border-gray-300"}),c.createElement("div",{className:"flex flex-none flex-col items-start self-stretch bg-white"},c.createElement("div",{className:"m-3 flex flex-row flex-wrap items-center gap-2"},c.createElement("div",{className:"flex-0 mask relative aspect-square h-8 w-8"},c.createElement("img",{src:r.vf.public.static.staticAsset({path:v}).toString(),className:"mask mask-squircle h-full w-full object-cover"})),c.createElement("span",{className:"flex-none font-atkinson text-sm font-bold leading-none text-notBlack"},"eggbug!"),c.createElement("span",{className:"font-atkinson text-sm leading-none text-notBlack before:content-['@']"},"eggbug")),c.createElement("div",{className:"prose p-3"},c.createElement("p",null,c.createElement("strong",null,"I think bold text on cohost should always be in papyrus"))),c.createElement("hr",{className:"mx-3 self-stretch border-gray-300"}),c.createElement("div",{className:"m-3 flex flex-row flex-wrap items-center gap-2"},c.createElement("div",{className:"flex-0 mask relative aspect-square h-8 w-8"},c.createElement("img",{src:r.vf.public.static.staticAsset({path:N}).toString(),className:"mask mask-capsule-big h-full w-full object-cover"})),c.createElement("span",{className:"flex-none font-atkinson text-sm font-bold leading-none text-notBlack"},"bouba"),c.createElement("span",{className:"font-atkinson text-sm leading-none text-notBlack before:content-['@']"},"bouba")),c.createElement("div",{className:"prose p-3"},c.createElement("p",null,c.createElement("span",{style:{fontFamily:"Papyrus"}},"I think bold text on cohost should always be in papyrus"))),c.createElement("hr",{className:"mx-3 self-stretch border-gray-300"}),c.createElement("div",{className:"m-3 flex flex-row flex-wrap items-center gap-2"},c.createElement("div",{className:"flex-0 mask relative aspect-square h-8 w-8"},c.createElement("img",{src:r.vf.public.static.staticAsset({path:E}).toString(),className:"mask mask-egg h-full w-full object-cover"})),c.createElement("span",{className:"flex-none font-atkinson text-sm font-bold leading-none text-notBlack"},"bradley"),c.createElement("span",{className:"font-atkinson text-sm leading-none text-notBlack before:content-['@']"},"soupconsultant")),c.createElement("img",{className:"w-full",src:r.vf.public.static.staticAsset({path:y}).toString()}),t.length?c.createElement("div",{className:"flex flex-row flex-wrap items-center gap-2 p-3 font-atkinson text-xs leading-tight text-gray-600"},t.map((e=>c.createElement("span",{className:"before:content-['#']",key:e},e)))):null),c.createElement("div",{className:"flex flex-none flex-row items-center justify-between gap-3 self-stretch rounded-b-lg bg-notWhite p-3"},c.createElement("span",{className:"flex-none text-xs leading-none text-gray-600"},l("client:post-preview.num-comments",{count:a,defaultValue:"{{numComments}} comment",numComments:a})),c.createElement("div",{className:"align-start flex flex-none flex-row gap-3 p-0 text-notBlack"},c.createElement(h.Z,{className:"h-6 w-6"}),c.createElement(u.Z,{className:"h-6 w-6"}))))}));C.displayName="FakePost";const S=c.memo((({header:e,body:t})=>c.createElement("div",null,c.createElement("h3",{className:"font-atkinson text-lg font-bold leading-tight text-strawberry-400 lg:text-2xl"},e),c.createElement("p",{className:"text-base"},t))));S.displayName="CoreIdeaBlock";const L=c.memo((({imageURL:e,header:t,body:a})=>c.createElement("div",{className:"flex min-w-80 flex-col gap-2 py-2 lg:w-80 lg:gap-6 lg:py-0"},c.createElement("img",{src:e,className:"m-2 max-w-xs self-center"}),c.createElement("h4",{className:"font-league text-base font-semibold uppercase leading-tight tracking-tighter text-black lg:text-xl"},t),c.createElement("p",{className:"max-w-prose font-atkinson text-base leading-tight text-black lg:text-2xl"},a))));L.displayName="ComingSoonBlock";const F=()=>{const e=r.vf.public.static.staticAsset({path:s}).toString(),{operatingPrime:t}=(r.vf.public.static.staticAsset({path:E}).toString(),(0,B.N)()),a=(0,c.useMemo)((()=>(0,k.V)(t)),[t]),[m]=(0,c.useMemo)((()=>[a()]),[a]),h=(0,c.useMemo)((()=>m<.02?"where yuri and yaoi live in harmony.":m<.07?"somehow, posting feels good in a place like this.":"posting, but better."),[m]);return c.createElement(c.Fragment,null,c.createElement(j,null),c.createElement("div",{className:"container relative mx-auto flex flex-col"},c.createElement("div",{className:"grid w-full grid-cols-12 gap-5"},c.createElement("div",{className:"col-span-12 flex flex-col gap-2 px-6 py-6 lg:col-span-6 lg:px-0 lg:py-32"},c.createElement("h1",{className:"font-atkinson text-2xl font-bold leading-none tracking-wide text-cherry-700 lg:text-6xl"},h),c.createElement("p",{className:"font-atkinson text-base leading-none tracking-wide text-cherry-700 lg:text-2xl"},"cohost is a new social media platform built from the ground up by a small team of developers and designers who like sharing things on the internet."),c.createElement(w.p,{as:"a",className:"cohost-shadow-light mb-20 mt-6 w-max font-atkinson text-xl font-bold lowercase -tracking-tight text-notWhite lg:mb-0 lg:mt-16 lg:text-2xl",href:r.vf.public.signup().toString()},"get started")),c.createElement("div",{className:"relative hidden h-[36rem] lg:col-span-5 lg:col-start-8 lg:block"},c.createElement(i.Hz,{className:"absolute left-8 top-12 w-20 rotate-[-14.3deg] text-mango-400"}),c.createElement(g,{className:"absolute -left-28 top-64 w-[300px] text-strawberry-400"}),c.createElement("div",{className:"absolute left-44 top-28 flex h-96 w-80 flex-col rounded-lg border-2 border-mango-500"},c.createElement("div",{className:"h-9 w-full flex-none"}),c.createElement("div",{className:"w-full flex-1 border-y-2 border-mango-500"}),c.createElement("div",{className:"h-9 w-full flex-none"})),c.createElement(i.Hz,{className:"absolute left-[408px] top-48 w-36 rotate-[70.37deg] text-cherry-600"}),c.createElement("div",{className:"cohost-shadow-light absolute top-48 flex h-96 w-80 flex-col rounded-lg bg-notWhite"},c.createElement("div",{className:"flex h-9 w-full flex-none select-none flex-row items-center gap-3 px-3 py-0"},c.createElement("span",{className:"flex-none font-atkinson text-sm font-bold leading-none text-notBlack"},"eggbug!"),c.createElement("span",{className:"font-atkinson text-sm leading-none text-notBlack before:content-['@']"},"eggbug")),c.createElement("div",{className:"relative w-full flex-1 bg-longan-300"},c.createElement("div",{className:"absolute inset-x-16 inset-y-0"},c.createElement("img",{src:e,className:"h-full w-full object-contain"}))),c.createElement("div",{className:"h-9 w-full flex-none"})))),c.createElement("div",{className:"flex w-full flex-row flex-wrap justify-around px-6 py-4 text-notBlack lg:flex-nowrap lg:px-0 lg:py-32"},c.createElement(A,{title:"no ads, no tracking. forever.",body:"cohost will never sell your data, sell ads, or\n sell the company to anyone who might change\n these policies to make a quick buck.",colorClassName:"text-cherry",iconURL:p}),c.createElement(A,{title:"algorithm? what algorithm?",body:"all your follows posts, in the order they were\n posted, in a timeline that goes vertically.\n clear and effective moderation done by humans.",colorClassName:"text-strawberry-400",iconURL:x}),c.createElement(A,{title:"heres our whole business model.",body:"for now, you can give us a few bucks a month to\n help us keep the lights on. soon well let you\n take tips and sell subscriptions to help you\n keep the lights on too.",colorClassName:"text-mango-400",iconURL:d}))),c.createElement("div",{className:"w-full bg-cherry-800 text-notWhite"},c.createElement("div",{className:"container mx-auto grid grid-cols-1 gap-5 bg-cherry-800 py-10 text-notWhite lg:grid-cols-12 lg:py-32"},c.createElement("div",{className:"flex flex-col justify-center px-6 lg:col-span-4 lg:col-start-2 lg:px-0"},c.createElement(C,{className:"cohost-shadow-dark max-w-prose",numComments:6,tags:["cohost","papyrus","undertale"]})),c.createElement("div",{className:"flex max-w-prose flex-col justify-center gap-6 px-6 lg:col-span-5 lg:col-start-7 lg:gap-14 lg:px-0"},c.createElement("h1",{className:"font-atkinson text-xl font-bold leading-tight text-strawberry-400 lg:-mb-4 lg:text-4xl"},"our core ideas"),c.createElement(S,{header:"nobody has gotten it quite right yet",body:"we think existing platforms have some good ideas,\n but no ones managed to create one without profound\n flaws. were borrowing liberally from other sites,\n but we want to build cohost into something that\n works well and serves its users rather than\n just another clone."}),c.createElement(S,{header:"there is value in being in the same place as everyone",body:"on a web without functioning search engines,\n blogs and friends-only sites may be okay for\n some, but they leave people who are scraping\n by on public visibility and word of mouth in\n the lurch."}),c.createElement(S,{header:"…but nobody wants a digital panopticon",body:"on modern social media, there is an ever-present\n fear that someone will see your post, have their\n own bad faith interpretation, and decide to ruin\n your day over it. platforms are often built to\n encourage this sort of behavior to drive up\n engagement, but they dont have to be."}),c.createElement(S,{header:"metrics are ruining our lives",body:"modern social media is designed around a\n vicious feedback loop that keeps users Engaged\n at the expense of their mental health, all\n in order to make their executives more money."}),c.createElement(S,{header:"the value of social media is its posts",body:"we arent the ones providing the most important\n part of cohost — you are. cohost exists to give\n you ways to express yourself and stay in touch with your\n friends."})))),c.createElement("div",{className:"container mx-auto px-6 py-16 lg:px-0 lg:py-32"},c.createElement("h2",{className:"w-full text-center font-atkinson text-2xl font-bold leading-none text-cherry-700 lg:text-5xl"},"cohost isnt finished yet.",c.createElement("br",null),"were building around users, not profit.")),c.createElement("div",{className:"flex w-full flex-col gap-4 bg-longan-100 py-6 lg:gap-12 lg:py-32"},c.createElement("h2",{className:"text-center font-atkinson text-xl font-bold text-cherry-700 lg:text-4xl"},"coming soon to cohost"),c.createElement("div",{className:"container mx-auto flex flex-row flex-wrap justify-evenly px-6 lg:flex-nowrap lg:px-0"},c.createElement(L,{imageURL:r.vf.public.static.staticAsset({path:l}).toString(),header:"finding new things",body:"discovering new posts is tricky without algorithms,\n but were committed to getting it right and trying\n new things until we get there. curation should be\n done by people, not computers."}),c.createElement(L,{imageURL:r.vf.public.static.staticAsset({path:n}).toString(),header:"selling your stuff",body:"an on-site tip jar and subscription management with\n supporters-only posts, returning any surplus to\n you by lowering platform fees, instead of pocketing it."}),c.createElement(L,{imageURL:r.vf.public.static.staticAsset({path:o}).toString(),header:"getting your input",body:"running cohost is our job and it shouldnt have to\n be yours too — but were building out systems that\n let users provide meaningful input into how we\n should run it."}))),null,c.createElement("div",{className:"container mx-auto grid grid-cols-1 gap-12 py-6 lg:grid-cols-12 lg:gap-5 lg:py-32"},c.createElement("div",{className:"row-start-2 flex flex-col gap-3 px-6 lg:col-span-8 lg:col-start-1 lg:row-start-1 lg:gap-4 lg:px-0"},c.createElement("h2",{className:"font-atkinson text-xl font-bold leading-tight text-strawberry-400 lg:text-5xl"},"brought to you by"," ",c.createElement("span",{className:"text-cherry-600 sm:whitespace-nowrap"},"anti software software club"),"."),c.createElement("h3",{className:"font-league text-lg font-semibold tracking-tighter text-black lg:text-xl"},"a software company that hates the software industry."),c.createElement("p",{className:"prose font-atkinson text-base leading-tight text-black lg:my-8 lg:text-2xl"},"we are a group of three developers and designers—and maybe more soon!—with very strong opinions about how to operate a software company. weve all left jobs at conventional tech companies to build cohost and were thrilled we finally get to share it with the world. you can read more about us, including"," ",c.createElement("a",{href:"https://antisoftware.club/manifesto.html"},"our manifesto"),", on"," ",c.createElement("a",{href:"https://antisoftware.club"},"our main website"),". ASSC is not-for-profit and 100% worker owned.")),c.createElement("div",{className:"row-start-1 px-6 lg:col-span-4 lg:px-0"},c.createElement("img",{className:"mx-auto w-full max-w-[154.38px] lg:max-w-[427px]",src:r.vf.public.static.staticAsset({path:f}).toString()}))),c.createElement("div",{className:"relative w-full bg-longan-300 py-28"},c.createElement("div",{className:"container mx-auto flex flex-col items-center gap-3 lg:gap-14"},c.createElement("h2",{className:"text-center font-league text-xl font-bold leading-none -tracking-tight text-cherry-700 lg:text-6xl"},"ready to post?"),c.createElement(w.p,{as:"a",className:"cohost-shadow-light w-max font-atkinson text-xl font-bold lowercase -tracking-tight text-notWhite lg:text-2xl",href:r.vf.public.signup().toString()},"sign up for cohost")),c.createElement("img",{src:e,className:"absolute bottom-4 right-5 w-12 lg:w-32"})))}}}]);
//# sourceMappingURL=client-preact-components-pages-welcome-landing-page.728bebf55443e9f70ee8.js.map