import{_ as J}from"./CustomImg.33e89b58.js";import{_ as Z,a as X}from"./Banner.a2647325.js";import{q as K,c as Q,u as W,r as d,w as b,d as x,f as v,i as t,h as e,g as a,s as Y,t as A,v as y,F as w,j as H,x as tt,b as et,y as ot,a as L,_ as st,k as u,z as S,l as M}from"./entry.f2faecf5.js";import{_ as lt}from"./CardNoImage.757699d3.js";import{_ as at}from"./DiscoverMore.d0aedb36.js";import{_ as it}from"./CardVertical.466ffa69.js";import{u as rt}from"./index.ea031c15.js";import"./_baseProperty.44cbc57d.js";const nt={class:"lg:relative"},ct={class:"block lg:pr-96"},dt=["srcset"],ut={class:"flex items-center mb-6 lg:mb-12"},_t=["innerHTML"],gt=["innerHTML"],pt={class:"py-10"},mt={class:"container"},ht=["textContent"],ft={class:"lg:container"},bt={class:"py-20"},xt={class:"container"},vt={class:"flex justify-center max-w-full overflow-hidden"},yt=["data-adgrid-iuparts"],wt={class:"container"},Ct=["textContent"],Tt={class:"lg:grid lg:grid-cols-[328px_auto]"},kt=["innerHTML"],Ut={class:"lg:grid lg:grid-cols-2"},At={class:"py-20 lg:py-16"},Ht={class:"container"},Lt={class:"lg:border lg:border-neutral-light-gray lg:py-10"},St={class:"flex justify-center max-w-full overflow-hidden"},Mt=["data-adgrid-iuparts"],Ot={class:"container"},jt={class:"gap-y-4 grid grid-cols-1 lg:gap-y-6 lg:grid-cols-2"},Bt={class:"py-20 lg:py-16"},It={class:"container"},$t={class:"lg:border lg:border-neutral-light-gray lg:py-10"},qt={class:"flex justify-center max-w-full overflow-hidden"},Pt=["data-adgrid-iuparts"],Dt={class:"py-20 lg:py-16"},Ft=4,Qt={__name:"afrotechU",async setup(Rt){let s,r;const O=K(tt).greaterOrEqual("lg"),p=et(),_=Q(),j=W(),C=`${p.public.HOST_URL}/images/afrotech-u.jpg`,B=`${p.public.HOST_URL}${j.path}`,i=d({}),l=d({}),n=d({}),m=d({}),{data:I,error:$}=([s,r]=b(()=>ot("https://cms.afrotech.com/graphql",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({query:`
      query GetPageOptions {
        page(id: "afrotech-u", idType: URI) {
          afrotechU {
            seo {
              title
              description
            }
            hero {
              bgColor
              title
              description
              image {
                altText
                desktop {
                  node {
                    sourceUrl
                  }
                }
                mobile {
                  node {
                    sourceUrl
                  }
                }
              }
            }
            trending {
              title
              playlist
            }
            forU {
              title
              articlesCount
            }
          }
        }
      }
    `})},"$JeMZVXHtAZ")),s=await s,r(),s);if(!$.value){const o=I.value.data.page.afrotechU;i.value=o.seo,l.value={bgColor:o.hero.bgColor,title:o.hero.title,description:o.hero.description,image:{desktop:o.hero.image.desktop.node.sourceUrl,mobile:o.hero.image.mobile.node.sourceUrl,altText:o.hero.image.altText}},n.value=o.forU,m.value=o.trending}rt({title:i.value.title,description:i.value.description,ogDescription:i.value.description,ogImage:C,ogImageAlt:l.value.image.altText,ogTitle:i.value.title,ogUrl:B,twitterDescription:i.value.description,twitterImage:C,twitterTitle:i.value.title});const q=x(()=>Ft+n.value.articlesCount),h=d([]);h.value=([s,r]=b(()=>R()),s=await s,r(),s);const T=([s,r]=b(()=>F()),s=await s,r(),s),P=x(()=>h.value.slice(0,n.value.articlesCount)),D=x(()=>h.value.slice(n.value.articlesCount));async function F(){const{data:o,error:g}=await L("/articles/popular",{query:{count:7}});return g.value?[]:o.value}async function R(){const{data:o,error:g}=await L("/articles",{query:{count:q.value,tag:"afrotechu"}});return g.value?[]:o.value.list}return _.setIuParts(`${p.public.AD_SLOT}/xfinityhbcu`),(o,g)=>{const k=J,V=Z,f=st,z=lt,N=at,E=it,G=X;return u(),v(w,null,[t("section",nt,[t("picture",ct,[t("source",{media:"(min-width: 1024px)",srcset:e(l).image.desktop},null,8,dt),a(k,{src:e(l).image.mobile,alt:e(l).image.altText,title:"AfroTech U",class:"aspect-[360/222] object-cover w-full lg:aspect-auto lg:h-[676px]"},null,8,["src","alt"])]),t("div",{class:"px-4 py-6 text-white w-full lg:absolute lg:rounded-bl-[256px] lg:h-full lg:max-w-[677px] lg:px-16 lg:pt-28 lg:right-0 lg:top-0",style:Y(`background-color: ${e(l).bgColor};`)},[t("div",ut,[a(k,{src:"/images/logo-afrotech-u-white.svg",alt:"AfroTech U logo",title:"AfroTech U",class:"h-[18px] w-[156px] lg:h-7 lg:w-[246px]","lazy-load":""})]),t("h1",{class:"max-w-[250px] mb-4 text-h1-mobile lg:max-w-[620px] lg:text-h1-desktop",innerHTML:e(l).title},null,8,_t),t("p",{class:"text-label-mobile lg:font-roboto lg:max-w-[460px] lg:text-p2-mobile",innerHTML:e(l).description},null,8,gt)],4)]),t("section",pt,[t("div",mt,[t("h2",{class:"mb-10 text-h1-mobile lg:mb-12 lg:text-h1-desktop",textContent:A(e(n).title)},null,8,ht)]),t("div",ft,[a(V,{articles:e(P)},null,8,["articles"])])]),t("section",bt,[t("div",xt,[t("div",vt,[a(f,null,{default:y(()=>[t("div",{class:S(["adgrid",e(O)?"ad_leaderboard":"ad_medium_rectangle"]),"data-adgrid-iuparts":e(_).iuParts},null,10,yt)]),_:1})])])]),t("section",null,[t("div",wt,[t("h2",{class:"mb-10 text-h1-mobile lg:mb-12 lg:text-h1-desktop",textContent:A(e(m).title)},null,8,Ct),t("div",Tt,[t("div",{class:"mb-4 lg:mb-0",innerHTML:e(m).playlist},null,8,kt),t("div",Ut,[(u(!0),v(w,null,H(e(T),(c,U)=>(u(),M(z,{key:c.id,article:c,class:S(["card-no-image border-b border-neutral-light-gray py-4 lg:border-l-4 lg:border-l-transparent lg:flex lg:flex-col lg:justify-between",{"lg:border-r":U%2===0,"lg:border-t":U<2}])},null,8,["article","class"]))),128)),a(N,{class:"border-b border-neutral-light-gray px-3 py-6 lg:p-6",articles:e(T)},null,8,["articles"])])])])]),t("section",At,[t("div",Ht,[t("div",Lt,[t("div",St,[a(f,null,{default:y(()=>[t("div",{class:"adgrid ad_leaderboard","data-adgrid-iuparts":e(_).iuParts},null,8,Mt)]),_:1})])])])]),t("section",null,[t("div",Ot,[t("div",jt,[(u(!0),v(w,null,H(e(D),c=>(u(),M(E,{key:c.id,article:c},null,8,["article"]))),128))])])]),t("section",Bt,[t("div",It,[t("div",$t,[t("div",qt,[a(f,null,{default:y(()=>[t("div",{class:"adgrid ad_leaderboard","data-adgrid-iuparts":e(_).iuParts},null,8,Pt)]),_:1})])])])]),t("section",Dt,[a(G)])],64)}}};export{Qt as default};
