https://berkeleysciencereview.com/component---src-templates-category-js-7d3fcb63d58a0ed06636.js

1"use strict";(self.webpackChunkgatsby_starter_default=self.webpackChunkgatsby_starter_default||[]).push([[38],{9451:function(e,t,a){var n=a(5540),l=a(6540),s=a(1015),r=a(4971);let m=function(e){function t(t){var a;return(a=e.call(this,t)||this).openMenu=()=>{a.setState({menuOpen:!0})},a.closeMenu=()=>{a.setState({menuOpen:!1})},a.toggleSearchBar=()=>{a.setState((e=>({searchOpen:!e.searchOpen})))},a.state={query:"",menuOpen:!1,searchOpen:!1},a.handleSubmit=a.handleSubmit.bind(a),a.clickOutsideHamburger=a.clickOutsideHamburger.bind(a),a}(0,n.A)(t,e);var a=t.prototype;return a.componentDidMount=function(){document.addEventListener("click",this.clickOutsideHamburger)},a.componentDidUpdate=function(e,t){const a=document.getElementById("hamburger");t.menuOpen!==this.state.menuOpen&&a&&a.classList.toggle("is-active",this.state.menuOpen)},a.componentWillUnmount=function(){document.removeEventListener("click",this.clickOutsideHamburger)},a.clickOutsideHamburger=function(e){e.target.closest("#extended-overlay")&&this.state.menuOpen&&this.closeMenu()},a.handleChange=function(e){return t=>{this.setState({[e]:t.target.value})}},a.handleSubmit=function(e){e.preventDefault(),(0,s.navigate)("/search/",{state:{searchQuery:this.state.query}})},a.render=function(){const{data:e}=this.props,t=e.allStrapiMagazineIssue.edges[0];return l.createElement(l.Fragment,null,l.createElement("nav",{className:"text-black mb-8 sans-serif bg-white z-50 top-0 "+(this.state.menuOpen?"":"container mx-auto")},l.createElement("div",{className:""+(this.state.menuOpen?"":"px-0 md:px-8 lg:px-4")},l.createElement("div",{className:"border-b border-gray-300"},l.createElement("div",{className:"container mx-auto py-4 "+(this.state.menuOpen?"px-4 md:px-8 lg:px-4":"px-4 md:px-0")},l.createElement("div",{className:"flex mx-auto items-center justify-between"},l.createElement("div",{className:"w-1/4"},l.createElement("button",{className:"hamburger hamburger--slider",type:"button",id:"hamburger",onClick:this.state.menuOpen?this.closeMenu:this.openMenu},l.createElement("span",{className:"hamburger-box"},l.createElement("span",{className:"hamburger-inner"})))),l.createElement("div",{className:"items-center text-center"},l.createElement(s.Link,{to:"/",className:"font-semibold text-2xl tracking-tight"},l.createElement("img",{src:r.A,alt:"Logo",className:"max-h-10 w-auto mx-auto"}))),l.createElement("div",{className:"w-1/4 flex justify-end items-center"},l.createElement("div",{className:"hidden md:block",id:"search-input"},l.createElement("form",{className:"bg-gray-100 text-gray-600 flex items-center px-4 py-1 pl-2 border focus-within:border-blue-600 rounded sans-serif",onSubmit:this.handleSubmit},this.state.query.length>0?l.createElement("button",{onClick:this.handleSubmit},l.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"18",height:"18",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",className:"text-gray-600"},l.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"}))):l.createElement("div",{className:"cursor-default"},l.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"18",height:"18",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",className:"text-gray-600"},l.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"}))),l.createElement("input",{className:"bg-transparent border-none w-full text-black placeholder-gray-600 focus:outline-none ml-2 sans-serif",type:"text",placeholder:"Search",value:this.state.query||"",onChange:this.handleChange("query")}))))))),!this.state.menuOpen&&l.createElement("div",{className:"hidden lg:block text-sm tracking-tight space-x-4 py-1 z-0 container px-16 border-b border-black"},l.createElement("div",{className:"flex justify-between content-center",id:"horizontal-header"},l.createElement(s.Link,{to:"/category/climate-change"},"Climate Change"),l.createElement(s.Link,{to:"/category/life-science"},"Life Science"),l.createElement(s.Link,{to:"/category/tech-ai"},"Technology & Artificial Intelligence"),l.createElement(s.Link,{to:"/category/the-universe"},"The Universe"),l.createElement(s.Link,{to:"/category/labscopes"},"Labscopes"),l.createElement(s.Link,{to:"/category/people"},"People"),l.createElement(s.Link,{to:"/category/noteworthy-news"},"Noteworthy News"),l.createElement(s.Link,{to:"/category/the-scientist-life"},"The Scientist Life"),l.createElement(s.Link,{to:`/magazine/${t.node.title.split(/[^a-zA-Z0-9]/).filter((e=>e)).map((e=>e.toLowerCase())).join("-")}`,className:"hidden xl:inline-block"},"Current Magazine"),l.createElement(s.Link,{to:"/category/archive",className:"hidden xl:inline-block"},"Archive")))),this.state.menuOpen&&l.createElement(l.Fragment,null,l.createElement("div",{className:"pt-4 lg:pt-4 pb-4 text-md absolute w-full focus:outline-none bg-white z-50 border-bottom-gray",id:"extended-menubar"},l.createElement("div",{className:"container mx-auto px-4 md:px-8 lg:px-4"},l.createElement("div",{className:"flex space-x-8"}," ",l.createElement("div",{className:"flex-grow"},l.createElement("h2",{className:"font-semibold mb-2"},"Categories"),l.createElement("ul",{className:"grid gap-1 grid-cols-1 md:grid-cols-3 space-y-0"},l.createElement("li",null,l.createElement(s.Link,{to:"/category/climate-change",className:"block lg:inline-block md:mt-0"},"Climate Change")),l.createElement("li",null,l.createElement(s.Link,{to:"/category/life-science",className:"block lg:inline-block md:mt-0"},"Life Science")),l.createElement("li",null,l.createElement(s.Link,{to:"/category/tech-ai",className:"block lg:inline-block md:mt-0"},"Technology & AI")),l.createElement("li",null,l.createElement(s.Link,{to:"/category/the-universe",className:"block lg:inline-block md:mt-0"},"The Universe")),l.createElement("li",null,l.createElement(s.Link,{to:"/category/labscopes",className:"block lg:inline-block md:mt-0"},"Labscopes")),l.createElement("li",null,l.createElement(s.Link,{to:"/category/people",className:"block lg:inline-block md:mt-0"},"People")),l.createElement("li",null,l.createElement(s.Link,{to:"/category/noteworthy-news",className:"block lg:inline-block md:mt-0"},"Noteworthy News")),l.createElement("li",null,l.createElement(s.Link,{to:"/category/the-scientist-life",className:"block lg:inline-block md:mt-0"},"The Scientist Life")),l.createElement("li",null,l.createElement(s.Link,{to:"/category/archive",className:"block lg:inline-block md:mt-0"},"Archive")))),l.createElement("div",{className:"w-1/4"},l.createElement("h2",{className:"font-semibold mb-2"},"Magazine"),l.createElement("ul",{className:"grid gap-1"},l.createElement("li",null,l.createElement(s.Link,{to:`/magazine/${t.node.title.split(/[^a-zA-Z0-9]/).filter((e=>e)).map((e=>e.toLowerCase())).join("-")}`},"Current Magazine")),l.createElement("li",null,l.createElement(s.Link,{to:"/magazine-issues"},"Past Issues"))))))),l.createElement("div",{className:"bg-black fixed top-0 left-0 z-40 w-full h-full opacity-50",id:"extended-overlay"}))))},t}(l.Component);t.A=m},1864:function(e,t,a){var n=a(6540),l=a(9451),s=a(9458),r=a(1015);t.A=e=>{let{children:t}=e;const a=(0,r.useStaticQuery)("3649168383");return n.createElement("div",{className:"flex flex-col min-h-screen justify-between"},n.createElement(l.A,{data:a}),n.createElement("main",{className:"container mx-auto px-4 md:px-8 lg:px-4 max-width-960"},t),n.createElement(s.A,null))}},3664:function(e,t,a){var n=a(6540),l=a(1015);t.A=e=>{let{article:t,format:a}=e;return"small"===a?n.createElement("div",{className:"flex items-start space-x-4"},n.createElement("div",{className:"flex-grow"},n.createElement(l.Link,{to:`/article/${t.published_at.split("-")[0]}/${t.published_at.split("-")[1]}/${t.published_at.split("-")[2].slice(0,2)}/${t.title.split(/[^a-zA-Z0-9]/).filter((e=>e)).map((e=>e.toLowerCase())).join("-")}`},n.createElement("h2",{className:"text-base mb-2 md:text-2xl lg:text-lg"},t.title)),t.subtitle?n.createElement("h3",{className:"mb-4 text-sm"},t.subtitle):"",n.createElement("p",{className:"mb-1 text-sm"},0!==t.authors.length?n.createElement(n.Fragment,null,1===t.authors.length?n.createElement("span",{key:t.authors[0].id},"By ",n.createElement(l.Link,{to:`/author/${t.authors[0].name.split(/[^a-zA-Z0-9]/).filter((e=>e)).map((e=>e.toLowerCase())).join("-")}`,className:"font-medium"},t.authors[0].name)):2===t.authors.length?n.createElement(n.Fragment,null,n.createElement("span",{key:t.authors[0].id},"By ",n.createElement(l.Link,{to:`/author/${t.authors[0].name.split(/[^a-zA-Z0-9]/).filter((e=>e)).map((e=>e.toLowerCase())).join("-")}`,className:"font-medium"},t.authors[0].name)),n.createElement("span",null," and "),n.createElement("span",{key:t.authors[t.authors.length-1].id},n.createElement(l.Link,{to:`/author/${t.authors[t.authors.length-1].name.split(/[^a-zA-Z0-9]/).filter((e=>e)).map((e=>e.toLowerCase())).join("-")}`,className:"font-medium"},t.authors[t.authors.length-1].name))):t.authors.length>2?n.createElement(n.Fragment,null,n.createElement("span",{key:t.authors[0]},"By ",n.createElement(l.Link,{to:`/author/${t.authors[0].name.split(/[^a-zA-Z0-9]/).filter((e=>e)).map((e=>e.toLowerCase())).join("-")}`,className:"font-medium"},t.authors[0].name)),t.authors.slice(1,-1).map((e=>n.createElement("span",{key:e.id},", ",n.createElement(l.Link,{to:`/author/${e.name.split(/[^a-zA-Z0-9]/).filter((e=>e)).map((e=>e.toLowerCase())).join("-")}`,className:"font-medium"},e.name)))),n.createElement("span",null,", and "),n.createElement("span",{key:t.authors[t.authors.length-1].id},n.createElement(l.Link,{to:`/author/${t.authors[t.authors.length-1].name.split(/[^a-zA-Z0-9]/).filter((e=>e)).map((e=>e.toLowerCase())).join("-")}`,className:"font-medium"},t.authors[t.authors.length-1].name))):""):"")),t.image?n.createElement("img",{src:t.image.publicURL,className:"w-20 h-20 object-cover md:object-fit md:h-full md:w-48 lg:w-20 lg:h-20 lg:object-cover",alt:""}):""):"small-no-img"===a?n.createElement("div",{className:"flex items-start space-x-4"},n.createElement("div",{className:"flex-grow"},n.createElement(l.Link,{to:`/article/${t.published_at.split("-")[0]}/${t.published_at.split("-")[1]}/${t.published_at.split("-")[2].slice(0,2)}/${t.title.split(/[^a-zA-Z0-9]/).filter((e=>e)).map((e=>e.toLowerCase())).join("-")}`},n.createElement("h2",{className:"font-medium text-base mb-2 md:text-2xl lg:text-lg"},t.title)),t.subtitle?n.createElement("h3",{className:"mb-4 text-sm"},t.subtitle):"",n.createElement("p",{className:"mb-1 text-sm"},0!==t.authors.length?n.createElement(n.Fragment,null,1===t.authors.length?n.createElement("span",{key:t.authors[0].id},"By ",n.createElement(l.Link,{to:`/author/${t.authors[0].name.split(/[^a-zA-Z0-9]/).filter((e=>e)).map((e=>e.toLowerCase())).join("-")}`,className:"font-medium"},t.authors[0].name)):2===t.authors.length?n.createElement(n.Fragment,null,n.createElement("span",{key:t.authors[0].id},"By ",n.createElement(l.Link,{to:`/author/${t.authors[0].name.split(/[^a-zA-Z0-9]/).filter((e=>e)).map((e=>e.toLowerCase())).join("-")}`,className:"font-medium"},t.authors[0].name)),n.createElement("span",null," and "),n.createElement("span",{key:t.authors[t.authors.length-1].id},n.createElement(l.Link,{to:`/author/${t.authors[t.authors.length-1].name.split(/[^a-zA-Z0-9]/).filter((e=>e)).map((e=>e.toLowerCase())).join("-")}`,className:"font-medium"},t.authors[t.authors.length-1].name))):t.authors.length>2?n.createElement(n.Fragment,null,n.createElement("span",{key:t.authors[0]},"By ",n.createElement(l.Link,{to:`/author/${t.authors[0].name.split(/[^a-zA-Z0-9]/).filter((e=>e)).map((e=>e.toLowerCase())).join("-")}`,className:"font-medium"},t.authors[0].name)),t.authors.slice(1,-1).map((e=>n.createElement("span",{key:e.id},", ",n.createElement(l.Link,{to:`/author/${e.name.split(/[^a-zA-Z0-9]/).filter((e=>e)).map((e=>e.toLowerCase())).join("-")}`,className:"font-medium"},e.name)))),n.createElement("span",null,", and "),n.createElement("span",{key:t.authors[t.authors.length-1].id},n.createElement(l.Link,{to:`/author/${t.authors[t.authors.length-1].name.split(/[^a-zA-Z0-9]/).filter((e=>e)).map((e=>e.toLowerCase())).join("-")}`,className:"font-medium"},t.authors[t.authors.length-1].name))):""):""))):"medium"===a?n.createElement("div",{className:"flex items-start"},n.createElement("div",{className:"mr-6 flex-grow"},n.createElement(l.Link,{to:`/article/${t.published_at.split("-")[0]}/${t.published_at.split("-")[1]}/${t.published_at.split("-")[2].slice(0,2)}/${t.title.split(/[^a-zA-Z0-9]/).filter((e=>e)).map((e=>e.toLowerCase())).join("-")}`},n.createElement("h2",{className:"text-base mb-2 md:text-2xl"},t.title)),t.subtitle?n.createElement("h3",{className:"mb-4 text-sm"},t.subtitle):"",n.createElement("div",{className:"text-sm md:text-base lg:text-sm"},n.createElement("p",{className:"mb-2"},0!==t.authors.length?n.createElement(n.Fragment,null,1===t.authors.length?n.createElement("span",{key:t.authors[0].id},"By ",n.createElement(l.Link,{to:`/author/${t.authors[0].name.split(/[^a-zA-Z0-9]/).filter((e=>e)).map((e=>e.toLowerCase())).join("-")}`,className:"font-medium"},t.authors[0].name)):2===t.authors.length?n.createElement(n.Fragment,null,n.createElement("span",{key:t.authors[0].id},"By ",n.createElement(l.Link,{to:`/author/${t.authors[0].name.split(/[^a-zA-Z0-9]/).filter((e=>e)).map((e=>e.toLowerCase())).join("-")}`,className:"font-medium"},t.authors[0].name)),n.createElement("span",null," and "),n.createElement("span",{key:t.authors[t.authors.length-1].id},n.createElement(l.Link,{to:`/author/${t.authors[t.authors.length-1].name.split(/[^a-zA-Z0-9]/).filter((e=>e)).map((e=>e.toLowerCase())).join("-")}`,className:"font-medium"},t.authors[t.authors.length-1].name))):t.authors.length>2?n.createElement(n.Fragment,null,n.createElement("span",{key:t.authors[0]},"By ",n.createElement(l.Link,{to:`/author/${t.authors[0].name.split(/[^a-zA-Z0-9]/).filter((e=>e)).map((e=>e.toLowerCase())).join("-")}`,className:"font-medium"},t.authors[0].name)),t.authors.slice(1,-1).map((e=>n.createElement("span",{key:e.id},", ",n.createElement(l.Link,{to:`/author/${e.name.split(/[^a-zA-Z0-9]/).filter((e=>e)).map((e=>e.toLowerCase())).join("-")}`,className:"font-medium"},e.name)))),n.createElement("span",null,", and "),n.createElement("span",{key:t.authors[t.authors.length-1].id},n.createElement(l.Link,{to:`/author/${t.authors[t.authors.length-1].name.split(/[^a-zA-Z0-9]/).filter((e=>e)).map((e=>e.toLowerCase())).join("-")}`,className:"font-medium"},t.authors[t.authors.length-1].name))):""):""),n.createElement("p",null,(s=t.published_at,new Date(s).toLocaleDateString(void 0,{year:"numeric",month:"long",day:"numeric"}))))),t.image?n.createElement("div",{className:"flex-shrink-0"},n.createElement("img",{src:t.image.publicURL,className:"w-20 h-20 object-cover md:object-fit md:h-full md:w-48",alt:""})):""):void 0;var s}},4803:function(e,t,a){a.r(t);

1var n=a(4506),l=a(6540),s=a(1864),r=a(3664),m=a(7887);t.default=e=>{let{data:t}=e;const a=t.allStrapiArticle.edges,{0:i,1:o}=(0,l.useState)((0,n.A)(a.slice(0,10))),{0:c,1:u}=(0,l.useState)(!1),{0:h,1:d}=(0,l.useState)(a.length>10);return(0,l.useEffect)((()=>{if(c&&h){const e=i.length,t=e<a.length?a.slice(e,e+10):[];o([].concat((0,n.A)(i),(0,n.A)(t))),u(!1)}}),[c,h]),(0,l.useEffect)((()=>{const e=i.length<a.length;d(e)}),[i]),l.createElement(s.A,null,l.createElement(m.A,{title:t.strapiCategory.title}),l.createElement("h2",{className:"font-normal pb-2 text-4xl border-b border-black"},t.strapiCategory.title),l.createElement("ul",{className:"mb-12"},i.map((e=>l.createElement("li",{key:e.node.id,className:"py-4 border-b border-bottom-gray"},l.createElement(r.A,{article:e.node,format:"medium"}))))),h?l.createElement("button",{onClick:()=>{u(!0)},className:"sans-serif block mx-auto px-4 py-2 text-white bg-black flex-shrink-0 cursor-pointer rounded"},"Load More"):l.createElement("p",{className:"sans-serif"},"No more results"))}}}]);
2//# sourceMappingURL=component---src-templates-category-js-7d3fcb63d58a0ed06636.js.map