https://xoxofest.com/component---src-pages-about-tsx-730502c4307e746dd6c9.js

1"use strict";(self.webpackChunkxoxo_explore=self.webpackChunkxoxo_explore||[]).push([[970],{437:function(e,t,a){a.d(t,{A:function(){return s}});var r=a(6540),n=a(9970);function s(e){const{description:t="Artwork by Lorem Ipsum Dolor",image:a="https://picsum.photos/1000/1000",imageAlt:s,scrollFactor:o=1}=e,l=r.useRef(null),[i,c]=r.useState(!1),m=r.useRef(!1),d=r.useRef(0),u=r.useRef(!1),g=r.useRef(null),p=(e=>{const t=(e.includes("/")?e.split("/").pop():e).replace(/\.(png|jpg|jpeg)$/i,"");let a;return e.startsWith("/scraps/")&&(a=`/scraps/${t}`),t.includes("mp4")?{optimizedBase:a,isOptimized:!1}:{webp:`${a}-500w.webp 500w, ${a}.webp 1000w`,jpg:`${a}-500w.jpg 500w, ${a}.jpg 1000w`,fallback:`${a}.jpg`,isOptimized:!0}})(a),h=r.useCallback(()=>{l.current&&(d.current=l.current.getBoundingClientRect().top+window.scrollY)},[]);r.useEffect(()=>{const e=new IntersectionObserver(e=>{e.forEach(e=>{m.current=e.isIntersecting,e.isIntersecting&&null!=a&&a.endsWith(".mp4")&&g.current&&g.current.load()})},{threshold:0});return l.current&&e.observe(l.current),()=>{l.current&&e.unobserve(l.current)}},[a]),r.useEffect(()=>(h(),window.addEventListener("resize",h),()=>window.removeEventListener("resize",h)),[h]),r.useEffect(()=>{const e=()=>{l.current&&m.current&&(u.current||(u.current=!0,requestAnimationFrame(()=>{if(u.current=!1,!l.current)return;const e=window.scrollY,t=d.current;let a;a=t<window.innerHeight?e:e-t+window.innerHeight;const r=a*(1-o);l.current.style.transform=`translate3d(0, ${r}px, 0)`})))};return window.addEventListener("scroll",e,{passive:!0}),e(),()=>window.removeEventListener("scroll",e)},[o]),r.useEffect(()=>{l.current&&i&&l.current.classList.add("--img-loaded")},[i]),r.useEffect(()=>{var e;null!==(e=g.current)&&void 0!==e&&e.complete&&!i&&c(!0)},[]);const b=()=>{c(!0)};return r.createElement("div",{className:"tile",ref:l},r.createElement("div",{className:"tile__inner"},r.createElement("div",{className:"tile__media-ctr"},a.endsWith(".mp4")?r.createElement("video",{ref:g,src:a,className:"tile__media",autoPlay:!0,loop:!0,muted:!0,playsInline:!0,poster:null==p?void 0:p.fallback,preload:"auto",onLoadedData:b}):p.isOptimized?r.createElement("picture",null,r.createElement("source",{srcSet:p.webp,sizes:"(max-width: 768px) 50vw, 33vw",type:"image/webp"}),r.createElement("img",{ref:g,src:p.fallback,srcSet:p.jpg,sizes:"(max-width: 768px) 50vw, 33vw",alt:s||t,className:"tile__media",loading:"lazy",onLoad:b})):r.createElement("img",{ref:g,src:p.fallback,alt:s||t,className:"tile__media",loading:"lazy",onLoad:b})),r.createElement("div",{className:"tile__text t-tile-caption"},r.createElement("span",{className:"tile__description"},r.createElement(n.A,null,t)))))}},6534:function(e,t,a){a.r(t),a.d(t,{default:function(){return m}});var r=a(6540),n=a(2379),s=a(6376),o=a(437),l=a(2144);function i(e){const{quote:t,author:a,authorUrl:n}=e;return r.createElement("div",{className:"Quote"},r.createElement("div",{className:"Quote-text"},r.createElement("p",{className:"t-heading-s"},t,"”")),r.createElement("div",{className:"Quote-author"},r.createElement(l.A,{to:n,classes:"--external"},a)))}var c=a(8057);function m(e){return r.createElement(s.A,{title:"About XOXO"},r.createElement("div",{className:"AboutPage"},r.createElement("div",{className:"AboutPage-header u-container"},r.createElement("div",{className:"AboutPage-tile AboutPage-tile-1"},r.createElement(o.A,{scrollFactor:1.2,image:"/scraps/about-01.png",description:'The Belmont Goats  ·  Photo: <a href="https://www.flickr.com/photos/linkletter/9870895685" target="_blank">Ian Linkletter</a>'})),r.createElement("div",{className:"AboutPage-header-text"},r.createElement(n.dW,{classes:"t-heading-xl",tag:"h1"},"XOXO"),r.createElement(n.pQ,{tag:"h2",classes:"u-color-text-light"},"The story of an experiment gone right")),r.createElement("div",{className:"AboutPage-tile AboutPage-tile-2"},r.createElement(o.A,{scrollFactor:1.08,image:"/scraps/about-02.png",description:"Andy Baio on stage at XOXO 2012"})),r.createElement("div",{className:"AboutPage-tile AboutPage-tile-3"},r.createElement(o.A,{scrollFactor:1.05,image:"/scraps/about-03.png",description:'Attendees playing <a href="http://www.jsjoust.com/">Joust</a>  ·  Photo: <a href="https://www.flickr.com/photos/linkletter/9850197013" target="_blank">Ian Linkletter</a>'}))),r.createElement("div",{className:"AboutPage-overview u-container"},r.createElement("div",{className:"AboutPage-overview-text"},r.createElement("div",{className:"t-heading-s"},r.createElement("p",null,"Running from 2012 to 2024, XOXO was an experimental festival celebrating independent artists and creators working on the internet."),r.createElement("p",null,"Each year, XOXO brought together writers, designers, filmmakers, musicians, game developers, coders, cartoonists, and more to share their stories and struggles of living and working online.")),r.createElement("div",{className:"AboutPage-overview-link"},r.createElement(l.A,{to:"/guide/about-xoxo/"},"A History of the Festival"))),r.createElement("div",{className:"AboutPage-tile AboutPage-tile-6"},r.createElement(o.A,{scrollFactor:1.08,image:"/scraps/about-04.png",description:'<a href="https://outpostpdx.com/">XOXO Outpost</a>'})),r.createElement("div",{className:"AboutPage-tile AboutPage-tile-7"},r.createElement(o.A,{scrollFactor:1.15,image:"/scraps/about-05-anim.mp4",description:'XOXO identity by <a href="https://monikersf.com">Moniker SF</a>'})),r.createElement("div",{className:"AboutPage-tile AboutPage-tile-8"},r.createElement(o.A,{scrollFactor:1.11,image:"/scraps/about-06.png",description:"Andy, Andy, and Rachel at XOXO 2016"}))),r.createElement(c.A,null,r.createElement("div",{className:"AboutPage-andys"},r.createElement("header",{className:"AboutPage-andys-header u-container"}

1,r.createElement(n.dW,{classes:"t-heading-xl",tag:"h1"},"The Andys")),r.createElement("div",{className:"AboutPage-andys-pic u-container"},r.createElement("img",{src:"/about/the-andys-sm.jpg",srcSet:"/about/the-andys-sm.jpg 1x, /about/[email protected] 2x, /about/the-andys-lg.jpg 1x, /about/[email protected] 2x",sizes:"(max-width: 800px) 400px, 1200px",alt:"Andy Baio and Andy McMillan",loading:"lazy"}),r.createElement("p",{className:"t-tile-caption u-color-text-light"},"Photo by ",r.createElement("a",{href:"https://twitter.com/ScottBeale/status/774028076648833024?mx=1",target:"_blank",rel:"noopener noreferrer"},"Scott Beale"),", taken at XOXO 2016")),r.createElement("div",{className:"AboutPage-andys-bios u-container"},r.createElement("div",{className:"AboutPage-andy-bio"},r.createElement("h3",{className:"t-heading-s"},"Andy McMillan"),r.createElement("h4",{className:"t-heading-s u-color-text-light"},"Founder/Organizer"),r.createElement("p",{className:"t-body-l",dangerouslySetInnerHTML:{__html:'\n                  <a href="https://andymcmillan.com">Andy McMillan</a> is a designer and independent event producer with a <a href="https://kottke.org/20/03/weird-internet-careers">weird internet career</a>. In addition to producing events for internet companies like Duolingo, Adobe, Slack, and BackerKit through his studio, <a href="https://regular.events">Regular</a>, he’s also the co-founder of <a href="https://heckbrewing.com">Heck</a>, a non-alcoholic craft brewery based in Portland, Oregon.\n                '}}),r.createElement(l.A,{to:"https://andymcmillan.com",classes:"--external"},"Andy’s Website")),r.createElement("div",{className:"AboutPage-andy-bio"},r.createElement("h3",{className:"t-heading-s"},"Andy Baio"),r.createElement("h4",{className:"t-heading-s u-color-text-light"},"Founder/Organizer"),r.createElement("p",{className:"t-body-l",dangerouslySetInnerHTML:{__html:'\n                  <a href="https://waxy.org/">Andy Baio</a> is a writer and coder who loves making things on the internet. He helped build <a href="https://www.kickstarter.com/">Kickstarter</a>, produced <a href="https://kindofbloop.com/">Kind of Bloop</a>, and made <a href="https://skittish.com/">Skittish</a>, <a href="https://playfic.com/">Playfic</a>, and <a href="https://upcoming.org/">Upcoming.org</a>, among other projects. He’s written about internet culture, community, and creative technology on his site, <a href="https://waxy.org/">Waxy.org</a>, since 2002.\n                '}}),r.createElement(l.A,{to:"https://waxy.org/",classes:"--external"},"Andy’s Website"))))),r.createElement("div",{className:"AboutPage-press"},r.createElement("div",{className:"Masthead"},r.createElement("div",{className:"Masthead-heading"},r.createElement(n.dW,{tag:"h1",classes:"t-heading-xl --wrap"},"Press")),r.createElement(n.pQ,{tag:"h2",classes:"t-heading-l Masthead-subheading"},"A collection of quotes from news outlets present at our festivals over the years")),r.createElement("div",{className:"AboutPage-press-items u-container-tiles"},r.createElement("div",{className:"AboutPage-press-item"},r.createElement("div",{className:"AboutPage-press-quote"},r.createElement(i,{quote:"XOXO proved to me that parts of the internet are still really, really fucking good.",authorUrl:"https://web.archive.org/web/20181012081033if_/http://digg.com/2018/xoxo-festival-2018-internet-community",author:"Digg"})),r.createElement("div",{className:"AboutPage-press-tile --1"},r.createElement(o.A,{scrollFactor:1.08,image:"/scraps/about-07.png",description:"YU Contemporary in 2012"}))),r.createElement("div",{className:"AboutPage-press-item --reverse"},r.createElement("div",{className:"AboutPage-press-quote"},r.createElement(i,{quote:"The festival contributed so many good ideas to the world of internet culture — online and off — that its disappearance, however temporary, stings… It was pretty much the best thing I ever went to. I’ll miss it terribly.",authorUrl:"https://www.theverge.com/2016/9/12/12884834/xoxo-fest-2016-recap",author:"The Verge"})),r.createElement("div",{className:"AboutPage-press-tile --2"},r.createElement(o.A,{scrollFactor:1.08,image:"/scraps/about-08.png",description:"The Redd in 2014"}))),r.createElement("div",{className:"AboutPage-press-item"},r.createElement("div",{className:"AboutPage-press-quote"},r.createElement(i,{quote:"By the time I left on Monday morning, my heart felt like it had grown 10 times. I feel like I’ve made new friends. I feel inspired to make and do new things. More importantly, I feel like I’ve discovered a new community where I belong.",authorUrl:"https://www.engadget.com/2015/09/19/xoxofest-2015/",author:"Engadget"})),r.createElement("div",{className:"AboutPage-press-tile --3"},r.createElement(o.A,{scrollFactor:1.08,image:"/scraps/about-09.png",description:"Veterans Memorial Coliseum in 2018"}))),r.createElement("div",{className:"AboutPage-press-item --reverse"},r.createElement("div",{className:"AboutPage-press-quote"},r.createElement(i,{quote:"XOXO’s popularity is partly down to its gentleness, its emotive undertone and thoughtful curation, but also its commitment to supp

1orting individual artists over businesses and corporates.",authorUrl:"https://www.theguardian.com/technology/2015/oct/28/makerbase-and-the-mission-to-dispel-techs-founders-myths",author:"The Guardian"})),r.createElement("div",{className:"AboutPage-press-tile --4"},r.createElement(o.A,{scrollFactor:1.08,image:"/scraps/about-10.png",description:"Washington High in 2024"})))))))}},8057:function(e,t,a){a.d(t,{A:function(){return n}});var r=a(6540);function n(e){const{colorText:t="#F6F3F3",colorBackground:a="#1A1F35",colorLogoFill:n="#000000",colorLogoPath:s="#F6F3F3"}=e,[o,l]=r.useState(!1),i=r.useRef(null),c=r.useCallback(()=>{const e=document.documentElement,t=document.body;e.style.removeProperty("--color-text"),e.style.removeProperty("--color-background"),e.style.removeProperty("--color-logo-fill"),e.style.removeProperty("--color-logo-path"),t.style.removeProperty("--color-btn-text")},[]);return r.useEffect(()=>{const e=new IntersectionObserver(([e])=>{l(e.isIntersecting)},{threshold:0,rootMargin:"-50%"}),t=i.current;return t&&e.observe(t),()=>{t&&e.unobserve(t)}},[]),r.useEffect(()=>{const e=document.documentElement,r=document.body;return o?(e.style.setProperty("--color-text",t),e.style.setProperty("--color-background",a),e.style.setProperty("--color-logo-fill",n),e.style.setProperty("--color-logo-path",s),r.style.setProperty("--color-btn-text",a)):c(),()=>{c()}},[o,t,a,n,s,c]),r.useEffect(()=>(window.addEventListener("beforeunload",c),()=>{window.removeEventListener("beforeunload",c),c()}),[c]),r.createElement("div",{ref:i,className:"BgTransition "+(o?"--is-visible":""),"data-color-text":t,"data-color-background":a},e.children)}},9970:function(e,t,a){a.d(t,{A:function(){return n}});var r=a(6540);function n(e){return r.createElement("div",{className:"Markdown",dangerouslySetInnerHTML:{__html:e.children}})}}}]);
2//# sourceMappingURL=component---src-pages-about-tsx-730502c4307e746dd6c9.js.map