https://creator.ai/_next/static/chunks/app/apps/both-sides/page-51c4d2fd9bd70bd8.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1606],{34543:(e,t,s)=>{Promise.resolve().then(s.bind(s,57265))},48996:(e,t,s)=>{"use strict";s.d(t,{O:()=>i});var a=s(43163),n=s(19115);function i({appName:e}){let[t,s]=(0,n.useState)(!1),[l,o]=(0,n.useState)(!1),[d,x]=(0,n.useState)(!1),[m,c]=(0,n.useState)(!1);(0,n.useEffect)(()=>{if(window.matchMedia("(display-mode: standalone)").matches||"standalone"in window.navigator&&window.navigator.standalone)return void o(!0);let e=navigator.userAgent,t=/iPad|iPhone|iPod/.test(e),a=/Android/.test(e);x(t),c(a);let n=localStorage.getItem("pwa-install-dismissed");if(parseInt(localStorage.getItem("pwa-install-dismiss-count")||"0",10)>=3||n&&(Date.now()-parseInt(n,10))/864e5<7)return;let i=setTimeout(()=>{s(!0)},15e3),r=e=>{e.preventDefault(),window.deferredPrompt=e};return window.addEventListener("beforeinstallprompt",r),()=>{clearTimeout(i),window.removeEventListener("beforeinstallprompt",r)}},[]);let p=()=>{s(!1),localStorage.setItem("pwa-install-dismissed",Date.now().toString());let e=parseInt(localStorage.getItem("pwa-install-dismiss-count")||"0",10);localStorage.setItem("pwa-install-dismiss-count",(e+1).toString())},h=async()=>{let e=window.deferredPrompt;e&&await e.prompt(),s(!1)};return l||!t?null:(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("div",{className:"fixed inset-0 bg-black/50 z-40 animate-fade-in",onClick:p}),(0,a.jsx)("div",{className:"fixed bottom-0 left-0 right-0 z-50 animate-slide-up",children:(0,a.jsxs)("div",{className:"bg-[#1C1917] rounded-t-[20px] px-6 pt-5 pb-[max(24px,env(safe-area-inset-bottom))]",children:[(0,a.jsx)("div",{className:"w-10 h-1 bg-[#3F3B39] rounded-full mx-auto mb-5"}),(0,a.jsxs)("h3",{className:"text-lg font-bold text-[#F5F5F4] text-center mb-1",style:{fontFamily:"var(--font-display)"},children:["Install ",e]}),(0,a.jsx)("p",{className:"text-sm text-[#A8A29E] text-center mb-6",children:"Add to your home screen for the full app experience"}),d&&(0,a.jsxs)("div",{className:"space-y-4",children:[(0,a.jsx)(r,{number:1,text:"Tap the Share button in Safari",icon:(0,a.jsx)("svg",{className:"w-5 h-5",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:1.5,children:(0,a.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M9 8.25H7.5a2.25 2.25 0 0 0-2.25 2.25v9a2.25 2.25 0 0 0 2.25 2.25h9a2.25 2.25 0 0 0 2.25-2.25v-9a2.25 2.25 0 0 0-2.25-2.25H15m0-3-3-3m0 0-3 3m3-3V15"})})}),(0,a.jsx)(r,{number:2,text:'Scroll down and tap "Add to Home Screen"',icon:(0,a.jsx)("svg",{className:"w-5 h-5",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:1.5,children:(0,a.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M12 4.5v15m7.5-7.5h-15"})})}),(0,a.jsx)(r,{number:3,text:'Tap "Add" to install',icon:(0,a.jsx)("svg",{className:"w-5 h-5",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:1.5,children:(0,a.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"m4.5 12.75 6 6 9-13.5"})})})]}),m&&(0,a.jsx)("button",{onClick:h,className:"w-full py-4 bg-white text-[#0F0F0F] rounded-[12px] text-base font-semibold transition-all duration-150 active:scale-95",children:"Install App"}),!d&&!m&&(0,a.jsxs)("div",{className:"space-y-4",children:[(0,a.jsx)(r,{number:1,text:"Open this page in a mobile browser",icon:(0,a.jsx)("svg",{className:"w-5 h-5",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:1.5,children:(0,a.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M10.5 1.5H8.25A2.25 2.25 0 0 0 6 3.75v16.5a2.25 2.25 0 0 0 2.25 2.25h7.5A2.25 2.25 0 0 0 18 20.25V3.75a2.25 2.25 0 0 0-2.25-2.25H13.5m-3 0V3h3V1.5m-3 0h3"})})}),(0,a.jsx)(r,{number:2,text:'Use your browser menu to "Add to Home Screen"',icon:(0,a.jsx)("svg",{className:"w-5 h-5",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:1.5,children:(0,a.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M12 4.5v15m7.5-7.5h-15"})})})]}),(0,a.jsx)("button",{onClick:p,className:"w-full mt-5 py-3 text-sm text-[#78716C] font-medium text-center active:text-[#A8A29E]",children:"Not now"})]})}),(0,a.jsx)("style",{children:`
2        @keyframes pwa-fade-in {
3          from { opacity: 0; }
4          to { opacity: 1; }
5        }
6        @keyframes pwa-slide-up {
7          from { transform: translateY(100%); }
8          to { transform: translateY(0); }
9        }
10        .animate-fade-in {
11          animation: pwa-fade-in 200ms ease-out;
12        }
13        .animate-slide-up {
14          animation: pwa-slide-up 300ms ease-out;
15        }
16      `})]})}function r({number:e,text:t,icon:s}){return(0,a.jsxs)("div",{className:"flex items-center gap-4",children:[(0,a.jsx)("div",{className:"w-10 h-10 rounded-full bg-[#292524] flex items-center justify-center text-[#A8A29E] shrink-0",children:s}),(0,a.jsxs)("div",{className:"flex-1",children:[(0,a.jsxs)("span",{className:"text-[10px] font-semibold uppercase tracking-wider text-[#78716C]",children:["Step ",e]}),(0,a.jsx)("p",{className:"text-sm text-[#D6D3D1]",children:t})]})]})}},57265:(e,t,s)=>{"use strict";s.d(t,{BothSidesApp:()=>x});var a=s(43163);function n({edition:e}){return(0,a.jsxs)("header",{className:"pt-12 md:pt-16 pb-8 md:pb-10 px-5 md:px-10",children:[(0,a.jsxs)("div",{className:"flex items-center gap-2 mb-4",children:[(0,a.jsx)("span",{className:"text-[11px] md:text-[12px] font-medium tracking-[0.2em] uppercase text-[#06B6D4]",style:{fontFamily:"var(--font-mono-var)"},children:"Both Sides"}),(0,a.jsx)("span",{className:"text-[#44403C]",children:"\xb7"}),(0,a.jsxs)("span",{className:"text-[11px] md:text-[12px] font-medium tracking-[0.1em] uppercase text-[#78716C]",style:{fontFamily:"var(--font-mono-var)"},children:["Edition #",e.editionNumber]})]}),(0,a.jsx)("h1",{className:"text-[28px] md:text-[36px] font-bold text-[#F5F5F4] leading-tight tracking-[-0.02em] mb-2 md:mb-3",style:{fontFamily:"var(--font-display)"},children:e.title}),(0,a.jsx)("p",{className:"text-[15px] md:text-[17px] text-[#A8A29E] leading-relaxed mb-3",children:e.subt

16itle}),(0,a.jsx)("time",{className:"text-[13px] md:text-[14px] text-[#78716C]",children:new Date(e.date+"T12:00:00").toLocaleDateString("en-US",{weekday:"long",year:"numeric",month:"long",day:"numeric"})}),(0,a.jsx)("div",{className:"mt-6 md:mt-8 h-px bg-gradient-to-r from-[#06B6D4] via-[#E11D48] to-[#F59E0B] opacity-40"})]})}function i({stats:e}){return(0,a.jsxs)("section",{className:"px-5 md:px-10 pb-8",children:[(0,a.jsxs)("div",{className:"bg-[#1C1917] rounded-[14px] p-5 md:p-6",children:[(0,a.jsx)("h3",{className:"text-[11px] md:text-[12px] font-medium tracking-[0.15em] uppercase text-[#78716C] mb-4",style:{fontFamily:"var(--font-mono-var)"},children:"How This Works"}),(0,a.jsx)("p",{className:"text-[14px] md:text-[15px] text-[#D6D3D1] leading-relaxed mb-5",children:e.karpathyLoopDescription}),(0,a.jsxs)("div",{className:"grid grid-cols-2 md:grid-cols-4 gap-4 mb-5",children:[(0,a.jsxs)("div",{children:[(0,a.jsx)("span",{className:"text-[24px] md:text-[28px] font-bold text-[#06B6D4]",children:e.sourcesAnalyzed}),(0,a.jsx)("p",{className:"text-[12px] text-[#78716C] mt-1",children:"sources analyzed"})]}),(0,a.jsxs)("div",{children:[(0,a.jsx)("span",{className:"text-[24px] md:text-[28px] font-bold text-[#E11D48]",children:e.topicCategories.length}),(0,a.jsx)("p",{className:"text-[12px] text-[#78716C] mt-1",children:"topic categories"})]}),(0,a.jsxs)("div",{className:"hidden md:block",children:[(0,a.jsx)("span",{className:"text-[24px] md:text-[28px] font-bold text-[#F59E0B]",children:"7"}),(0,a.jsx)("p",{className:"text-[12px] text-[#78716C] mt-1",children:"debates today"})]}),(0,a.jsxs)("div",{className:"hidden md:block",children:[(0,a.jsx)("span",{className:"text-[24px] md:text-[28px] font-bold text-[#A78BFA]",children:"3"}),(0,a.jsx)("p",{className:"text-[12px] text-[#78716C] mt-1",children:"step loop"})]})]}),(0,a.jsxs)("div",{className:"mb-4",children:[(0,a.jsx)("p",{className:"text-[11px] font-medium tracking-[0.1em] uppercase text-[#78716C] mb-2",style:{fontFamily:"var(--font-mono-var)"},children:"Sources"}),(0,a.jsx)("p",{className:"text-[13px] md:text-[14px] text-[#A8A29E] leading-relaxed",children:e.sourcesList.join(" \xb7 ")})]}),(0,a.jsxs)("div",{children:[(0,a.jsx)("p",{className:"text-[11px] font-medium tracking-[0.1em] uppercase text-[#78716C] mb-2",style:{fontFamily:"var(--font-mono-var)"},children:"Selection Criteria"}),(0,a.jsx)("p",{className:"text-[13px] md:text-[14px] text-[#A8A29E] leading-relaxed",children:e.selectionCriteria})]})]}),(0,a.jsx)("div",{className:"mt-8 h-px bg-[#292524]"})]})}let r={AI:"#06B6D4",Economy:"#F59E0B",Policy:"#A78BFA",Energy:"#34D399",Geopolitics:"#FB923C"};function l({debate:e,index:t}){let s=r[e.category]||"#78716C";return(0,a.jsxs)("article",{className:"px-5 md:px-10 pb-10 md:pb-12",children:[(0,a.jsxs)("div",{className:"flex items-center gap-3 mb-3",children:[(0,a.jsxs)("span",{className:"text-[12px] font-medium text-[#78716C] tracking-[0.1em]",style:{fontFamily:"var(--font-mono-var)"},children:["#",t+1]}),(0,a.jsx)("span",{className:"text-[10px] md:text-[11px] font-medium tracking-[0.15em] uppercase px-2 py-0.5 rounded-full",style:{fontFamily:"var(--font-mono-var)",color:s,backgroundColor:s+"15"},children:e.category})]}),(0,a.jsx)("h2",{className:"text-[20px] md:text-[24px] font-semibold text-[#F5F5F4] leading-snug tracking-[-0.01em] mb-2",style:{fontFamily:"var(--font-display)"},children:e.headline}),(0,a.jsxs)("a",{href:e.sourceUrl,target:"_blank",rel:"noopener noreferrer",className:"inline-flex items-center gap-1.5 mt-2 px-3 py-1.5 rounded-full bg-[#1C1917] border border-[#292524] text-[13px] md:text-[14px] text-[#A8A29E] hover:text-[#F5F5F4] hover:border-[#44403C] transition-colors",children:[(0,a.jsxs)("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",className:"opacity-60",children:[(0,a.jsx)("path",{d:"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"}),(0,a.jsx)("polyline",{points:"15 3 21 3 21 9"}),(0,a.jsx)("line",{x1:"10",y1:"14",x2:"21",y2:"3"})]}),"Read on ",e.source]}),(0,a.jsxs)("div",{className:"mt-6 md:mt-8 flex flex-col md:flex-row md:gap-6",children:[(0,a.jsxs)("div",{className:"border-l-[3px] border-[#06B6D4] pl-4 md:flex-1",children:[(0,a.jsx)("span",{className:"text-[11px] font-medium tracking-[0.15em] uppercase text-[#06B6D4] block mb-2",style:{fontFamily:"var(--font-mono-var)"},children:"Side A"}

16),(0,a.jsx)("p",{className:"text-[15px] md:text-[16px] font-semibold text-[#F5F5F4] mb-3",style:{fontFamily:"var(--font-display)"},children:e.sideA.stance}),(0,a.jsx)("ul",{className:"space-y-3",children:e.sideA.arguments.map((e,t)=>(0,a.jsx)("li",{className:"text-[14px] md:text-[15px] text-[#D6D3D1] leading-relaxed",children:e},t))})]}),(0,a.jsxs)("div",{className:"mt-6 md:mt-0 border-l-[3px] border-[#E11D48] pl-4 md:flex-1",children:[(0,a.jsx)("span",{className:"text-[11px] font-medium tracking-[0.15em] uppercase text-[#E11D48] block mb-2",style:{fontFamily:"var(--font-mono-var)"},children:"Side B"}),(0,a.jsx)("p",{className:"text-[15px] md:text-[16px] font-semibold text-[#F5F5F4] mb-3",style:{fontFamily:"var(--font-display)"},children:e.sideB.stance}),(0,a.jsx)("ul",{className:"space-y-3",children:e.sideB.arguments.map((e,t)=>(0,a.jsx)("li",{className:"text-[14px] md:text-[15px] text-[#D6D3D1] leading-relaxed",children:e},t))})]})]}),(0,a.jsxs)("div",{className:"mt-6 md:mt-8 border border-[#292524] rounded-[12px] p-4 md:p-5 bg-[#1C1917]/50",children:[(0,a.jsxs)("div",{className:"flex items-center gap-2 mb-4",children:[(0,a.jsx)("div",{className:"w-1 h-4 rounded-full bg-[#F59E0B]"}),(0,a.jsx)("span",{className:"text-[11px] font-medium tracking-[0.15em] uppercase text-[#F59E0B]",style:{fontFamily:"var(--font-mono-var)"},children:"Key Tensions"})]}),(0,a.jsx)("ul",{className:"space-y-4",children:e.keyTensions.map((e,t)=>(0,a.jsxs)("li",{className:"flex gap-3",children:[(0,a.jsxs)("span",{className:"text-[#F59E0B] text-[13px] md:text-[14px] mt-0.5 shrink-0 font-medium",children:[t+1,"."]}),(0,a.jsx)("p",{className:"text-[14px] md:text-[15px] text-[#D6D3D1] leading-relaxed",children:e})]},t))})]}),(0,a.jsx)("div",{className:"mt-10 md:mt-12 h-px bg-[#292524]"})]})}function o(){let e=async()=>{let e={title:"Both Sides — Today’s Debates, No Spin",text:"7 headlines. Best argument for. Best argument against. Form your own opinion.",url:window.location.href};if(navigator.share)try{await navigator.share(e)}catch{}else await navigator.clipboard.writeText(window.location.href),alert("Link copied to clipboard")};return(0,a.jsxs)("footer",{className:"px-5 md:px-10 pb-12 pt-4",children:[(0,a.jsx)("button",{onClick:e,className:"w-full md:w-auto md:px-12 py-3.5 rounded-[10px] bg-gradient-to-r from-[#06B6D4] to-[#E11D48] text-[15px] font-semibold text-white transition-opacity hover:opacity-90 active:opacity-80",style:{fontFamily:"var(--font-display)"},children:"Share Both Sides"}),(0,a.jsx)("div",{className:"mt-6 text-center md:text-left",children:(0,a.jsxs)("p",{className:"text-[12px] md:text-[13px] text-[#78716C]",children:["Built on"," ",(0,a.jsx)("a",{href:"/",className:"text-[#A8A29E] hover:text-[#F5F5F4] transition-colors underline underline-offset-2",children:"creator.ai"})," \xb7 ","Powered by"," ",(0,a.jsx)("span",{className:"text-[#A8A29E]",children:"Karpathy's argue-both-sides method"})]})})]})}var d=s(48996);function x({edition:e}){return(0,a.jsxs)("div",{className:"min-h-dvh bg-[#0F0F0F]",children:[(0,a.jsxs)("div",{className:"max-w-[430px] md:max-w-[680px] lg:max-w-[720px] mx-auto md:border-x md:border-[#1C1917]",children:[(0,a.jsx)(n,{edition:e}),(0,a.jsx)(i,{stats:e.methodology}),e.debates.map((e,t)=>(0,a.jsx)(l,{debate:e,index:t},e.headline)),(0,a.jsx)(o,{})]}),(0,a.jsx)(d.O,{appName:"Both Sides"})]})}}},e=>{e.O(0,[8693,700,7358],()=>e(e.s=34543)),_N_E=e.O()}]);