1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[231],{669:(e,s,i)=>{"use strict";i.d(s,{A:()=>l});var r=i(5383);function l({children:e}){return(0,r.jsx)("footer",{className:"pb-lg px-screen grid sm:grid-cols-2 lg:grid-cols-4 w-full",children:e})}i(4343)},2782:(e,s,i)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/projects/opinion-library",function(){return i(8607)}])},5885:(e,s,i)=>{"use strict";i.d(s,{A:()=>a});var r=i(5383),l=i(4343),t=i(7462),n=i(4442);function a({project:e,children:s}){let i=n.M4.findIndex(s=>s.slug===e.slug)+1,c=n.M4[n.M4.length>i?i:0];return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("div",{className:"fs-lg project-wrapper overflow-hidden",children:s}),c&&(0,l.createElement)(t.A,{...c,isNextProject:!0,key:c.slug})]})}},7462:(e,s,i)=>{"use strict";i.d(s,{A:()=>m});var r=i(5383),l=i(4343),t=i(6001),n=i.n(t),a=i(5938),c=i(8667),o=i(9337),d=i(8145);function h({name:e,year:s,tagline:i,className:l,isNextProject:t}){return(0,r.jsxs)("div",{className:n()("md:col-span-3",l),children:[t&&(0,r.jsx)("p",{className:"fs-lg next-project-label",children:"Next project"}),(0,r.jsxs)("div",{children:[(0,r.jsx)("div",{className:"!block",children:(0,r.jsx)(o.H1,{className:n()("break-words items-end flex w-full"),children:(0,r.jsx)("span",{className:"h-auto",children:e})})}),(0,r.jsxs)("span",{className:"fs-xl",children:[" (",s,")"]})]}),(0,r.jsx)("h2",{className:"fs-xl text-gray pt-2",children:i})]})}function m({name:e,year:s,tagline:i,roles:t,client:u,clientLabel:p="Client",slug:g,websiteUrl:j,links:x,children:f,thumbnail:b,cover:v,isNextProject:y}){let N=(0,c.useRouter)(),w=l.useRef(null),A=l.useRef(null);return(0,l.useEffect)(()=>{if(y)return;document.body.style["--project-heading-height"]=`${w.current?.getBoundingClientRect().height}px`;let e=a.Ay.timeline({duration:.5});e.to(w.current,{opacity:100,duration:0}),e.from(w.current?.querySelector("div:first-child"),{opacity:0,yPercent:10,ease:"power2.out"}),e.from(w.current?.querySelectorAll("div:nth-child(2)"),{height:0}),e.from(w.current?.querySelectorAll("div:nth-child(2) ul li"),{stagger:.2,opacity:0,yPercent:10,ease:"power2.out"})},[]),(0,r.jsxs)("div",{ref:A,children:[!y&&(0,r.jsxs)("header",{className:n()("grid grid-cols-1 md:grid-cols-4 items-end px-screen py opacity-0 current-project-heading gap-y-0",!y&&"py"),ref:w,children:[(0,r.jsx)(h,{year:s,name:e,tagline:i}),(0,r.jsx)("div",{className:"md:pt-8 text-base flex flex-col",children:(0,r.jsxs)("ul",{className:"pt",children:[t&&(0,r.jsxs)("li",{children:[(0,r.jsx)("strong",{children:"Role:"})," ",t.join(", ")]}),u&&(0,r.jsxs)("li",{children:[(0,r.jsxs)("strong",{children:[p,":"]})," ",u]}),j&&(0,r.jsx)("li",{children:(0,r.jsx)(o.c7,{href:j,target:"_blank",className:"font-semibold",children:"Visit the website â"})}),x&&x.map(([e,s])=>(0,r.jsx)("li",{children:(0,r.jsxs)(o.c7,{href:s,target:"_blank",className:"font-semibold",children:[e," â"]})},s)),f]})})]}),(v||b)&&(0,r.jsx)(d.A,{cover:v??null,thumbnail:b,className:n()(y&&"cursor-pointer"),onClick:()=>y&&g&&N.push(`/projects/${g}`),children:y&&(0,r.jsx)(r.Fragment,{children:(0,r.jsx)(h,{year:s,name:e,tagline:i,className:"next-project-heading",isNextProject:y})})})]})}},7510:(e,s,i)=>{"use strict";i.d(s,{A:()=>n});var r=i(5383);i(4343);var l=i(6001),t=i.n(l);function n({children:e,className:s,two:i,three:l,six:a,twelve:c,padding:o,projects:d}){return(0,r.jsx)("div",{className:t()("grid",i&&"sm:grid-cols-2",l&&"sm:grid-cols-3",a&&"grid-cols-6",c&&"grid-cols-12",d&&"md:grid-cols-project",o&&"pb-lg px-screen",s),children:e})}},7905:(e,s,i)=>{"use strict";i.d(s,{A:()=>a,v:()=>c});var r=i(5383),l=i(6001),t=i.n(l);let n=(0,i(4343).forwardRef)((e,s)=>{if(!e.image)return null;let{image:i,alt:l="",className:n,pictureClassName:a,reducedMotionImage:c,loading:o,id:d,onMouseMove:h,onClick:m}=e;return(0,r.jsxs)("picture",{className:t()("mb-image",a),id:d,onClick:m,children:[c&&(0,r.jsx)("source",{media:"(prefers-reduced-motion: reduce)",srcSet:c}),(0,r.jsx)("img",{ref:s,alt:l,className:n,src:i,loading:o,onMouseMove:h})]})});n.displayName="Image";let a=n;function c(e=null){return s=>`/images/${e?`${e}/`:""}${s}`}},8145:(e,s,i)=>{"use strict";i.d(s,{A:()=>c});var r=i(5383),l=i(4343),t=i(6001),n=i.n(t),a=i(7905);function c({cover:e,thumbnail:s,children:i,className:t,...o}
1){let d=l.useRef(null),h=l.useRef(null);return(0,r.jsxs)("div",{className:n()("md:h-[80vh] overflow-hidden border-t border-b relative group",t),ref:h,...o,children:[(0,r.jsx)(a.A,{ref:d,loading:"eager",preload:!0,image:e||s,className:n()("cover-img h-full w-full object-cover md:scale-[120%] object-center bg-white lg:py",i?"md:opacity-0 transition-[opacity] md:group-hover:opacity-30 ":void 0)}),i&&(0,r.jsx)("div",{className:"md:absolute left-0 right-0 bottom-0 grid grid-cols-1 md:grid-cols-4 items-end px py overflow-hidden",children:i})]})}},8607:(e,s,i)=>{"use strict";i.r(s),i.d(s,{default:()=>m});var r=i(5383);i(4343);var l=i(5885),t=i(7462),n=i(8145),a=i(9337),c=i(7510),o=i(7905),d=i(669),h=i(4442);function m(){let e=(0,h.co)("opinion-library"),{name:s,slug:i,roles:m,tagline:u,thumbnail:p,cover:g,year:j,client:x,team:f,websiteUrl:b,description:v}=e,y=(0,o.v)("opinion-library");return(0,r.jsxs)(l.A,{project:e,children:[(0,r.jsx)(t.A,{name:s,tagline:u,year:j,client:x,websiteUrl:b,roles:m}),(0,r.jsx)(n.A,{cover:g,thumbnail:p}),(0,r.jsx)(a.fI,{className:"py-lg",description:v,children:(0,r.jsxs)("p",{children:["The research examined petitions published on change.org during the pandemic, as reported in"," ",(0,r.jsx)(a.c7,{className:"italic",href:"/projects/sign-here-to-fight-the-pandemic",target:"_self",children:"Sign here to fight pandemic"}),". The aim of this website is to make the dataset used in this research available to researchers and potential activists interested in the subject. To do this, we set ourselves the objective of realising a tool to explore the language and arguments used in comments to petitions regarding the mask mandate in the United States."]})}),(0,r.jsxs)(c.A,{padding:!0,two:!0,children:[(0,r.jsxs)("div",{className:"sm:col-span-2",children:[(0,r.jsx)("div",{style:{paddingTop:"56.25%",position:"relative"},className:"px",children:(0,r.jsx)("iframe",{src:"https://player.vimeo.com/video/681928771?h=9328d1b8b2&title=0&byline=0&portrait=0",frameBorder:"0",allow:"autoplay; fullscreen; picture-in-picture",allowFullScreen:!0,className:"absolute top-0 left-0 h-full w-full",title:"Opinion library â getting started"})}),(0,r.jsx)("script",{src:"https://player.vimeo.com/api/player.js"})]}),(0,r.jsx)(o.A,{image:y("landing.png")}),(0,r.jsx)(o.A,{image:y("about.png")}),(0,r.jsx)(o.A,{image:y("maskometer.png")}),(0,r.jsx)(o.A,{image:y("comments.png")}),(0,r.jsx)("div",{className:"sm:col-span-2",children:(0,r.jsx)(o.A,{image:y("mobile-mockup.png"),className:"object-cover"})})]}),(0,r.jsxs)(d.A,{children:[(0,r.jsxs)(a.vw,{title:"Course",children:["Final Synthesis Design Studio",(0,r.jsx)("br",{}),"A.A. 2021/2022"]}),(0,r.jsx)(a.vw,{title:"Faculty",children:(0,r.jsx)("ul",{children:["Michele Mauri","Simone Vantini","Gabriele Colombo","Angeles Briones","Salvatore Zingale","Tommaso Elli","Beatrice Gobbo","Andrea Benedetti","Elena Aversa"].map(e=>(0,r.jsx)("li",{children:e},e))})}),(0,r.jsx)(a.vw,{title:"Project team",children:(0,r.jsx)("ul",{children:f?.map(e=>(0,r.jsx)("li",{children:e},e))})}),(0,r.jsx)(a.vw,{title:"Tools and technology",children:(0,r.jsxs)("ul",{children:[(0,r.jsx)("li",{children:"Figma"}),(0,r.jsx)("li",{children:"Google Sheets"}),(0,r.jsx)("li",{children:"Gatsby"}),(0,r.jsx)("li",{children:"GSAP"}),(0,r.jsxs)("li",{children:[(0,r.jsx)("br",{}),(0,r.jsx)(a.c7,{href:"https://github.com/michelebruno/opinion-library",target:"_blank",children:"Repo on GitHub â"})]})]})})]})]})}}},e=>{e.O(0,[931,938,636,593,792],()=>e(e.s=2782)),_N_E=e.O()}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.