{if(!r._listeners)return;let o=r._listeners.length;for(;o-- >0;)r._listeners[o](s);r._listeners=null}),this.promise.then=s=>{let o;const i=new Promise(l=>{r.subscribe(l),o=l}).then(s);return i.cancel=function(){r.unsubscribe(o)},i},t(function(o,i,l){r.reason||(r.reason=new Mt(o,i,l),n(r.reason))})}throwIfRequested(){if(this.reason)throw this.reason}subscribe(t){if(this.reason){t(this.reason);return}this._listeners?this._listeners.push(t):this._listeners=[t]}unsubscribe(t){if(!this._listeners)return;const n=this._listeners.indexOf(t);n!==-1&&this._listeners.splice(n,1)}static source(){let t;return{token:new rs(function(s){t=s}),cancel:t}}}function yd(e){return function(n){return e.apply(null,n)}}function bd(e){return y.isObject(e)&&e.isAxiosError===!0}const Cr={Continue:100,SwitchingProtocols:101,Processing:102,EarlyHints:103,Ok:200,Created:201,Accepted:202,NonAuthoritativeInformation:203,NoContent:204,ResetContent:205,PartialContent:206,MultiStatus:207,AlreadyReported:208,ImUsed:226,MultipleChoices:300,MovedPermanently:301,Found:302,SeeOther:303,NotModified:304,UseProxy:305,Unused:306,TemporaryRedirect:307,PermanentRedirect:308,BadRequest:400,Unauthorized:401,PaymentRequired:402,Forbidden:403,NotFound:404,MethodNotAllowed:405,NotAcceptable:406,ProxyAuthenticationRequired:407,RequestTimeout:408,Conflict:409,Gone:410,LengthRequired:411,PreconditionFailed:412,PayloadTooLarge:413,UriTooLong:414,UnsupportedMediaType:415,RangeNotSatisfiable:416,ExpectationFailed:417,ImATeapot:418,MisdirectedRequest:421,UnprocessableEntity:422,Locked:423,FailedDependency:424,TooEarly:425,UpgradeRequired:426,PreconditionRequired:428,TooManyRequests:429,RequestHeaderFieldsTooLarge:431,UnavailableForLegalReasons:451,InternalServerError:500,NotImplemented:501,BadGateway:502,ServiceUnavailable:503,GatewayTimeout:504,HttpVersionNotSupported:505,VariantAlsoNegotiates:506,InsufficientStorage:507,LoopDetected:508,NotExtended:510,NetworkAuthenticationRequired:511};Object.entries(Cr).forEach(([e,t])=>{Cr[t]=e});function ll(e){const t=new yt(e),n=Di(yt.prototype.request,t);return y.extend(n,yt.prototype,t,{allOwnKeys:!0}),y.extend(n,t,null,{allOwnKeys:!0}),n.create=function(s){return ll(_t(e,s))},n}const se=ll(on);se.Axios=yt;se.CanceledError=Mt;se.CancelToken=rs;se.isCancel=el;se.VERSION=il;se.toFormData=Kn;se.AxiosError=$;se.Cancel=se.CanceledError;se.all=function(t){return Promise.all(t)};se.spread=yd;se.isAxiosError=bd;se.mergeConfig=_t;se.AxiosHeaders=ye;se.formToJSON=e=>Zi(y.isHTMLForm(e)?new FormData(e):e);se.getAdapter=ol.getAdapter;se.HttpStatusCode=Cr;se.default=se;const _d={data(){return{artworks:[],loading:!1,error:null,page:1,observer:null}},mounted(){this.fetchArtworks(),this.setupInfiniteScroll()},methods:{async fetchArtworks(){this.loading=!0;try{const t=(await se.get("https://api.artic.edu/api/v1/artworks",{params:{limit:20,page:this.page,fields:"id,title,image_id,artist_title"}})).data.data.map(n=>({...n,image_url:`https://www.artic.edu/iiif/2/${n.image_id}/full/843,/0/default.jpg`,size:this.getRandomSize()}));this.artworks=[...this.artworks,...t],this.page++}catch(e){this.error="An error occurred while fetching artworks",console.error("Error fetching artworks:",e)}finally{this.loading=!1}},getRandomSize(){const e=["small","medium","large"];return e[Math.floor(Math.random()*e.length)]},setupInfiniteScroll(){this.observer=new IntersectionObserver(([e])=>{e.isIntersecting&&!this.loading&&this.fetchArtworks()},{rootMargin:"200px"}),this.$nextTick(()=>{this.observer.observe(this.$refs.bottom)})}},beforeUnmount(){this.observer&&this.observer.disconnect()}},wd={class:"w-screen h-svh overflow-y-scroll bg-neutral-100"},Ed={key:0},Rd={key:1},Sd={key:2,class:"masonry-container p-8"},xd=["src","alt"],vd={ref:"bottom",class:"bottom-detector"},Od={key:3};function Ad(e,t,n,r,s,o){return Ee(),Oe("div",wd,[s.loading&&s.artworks.length===0?(Ee(),Oe("div",Ed,"Loading...")):s.error?(Ee(),Oe("div",Rd,pn(s.error),1)):(Ee(),Oe("div",Sd,[(Ee(!0),Oe(De,null,bc(s.artworks,i=>(Ee(),Oe("div",{key:i.id,class:"masonry-item"},[i.image_url?(Ee(),Oe("img",{key:0,src:i.image_url,alt:i.title},null,8,xd)):Cs("",!0),Ct("h2",null,pn(i.title),1),Ct("p",null,"Artist: "+pn(i.artist_title),1)]))),128))])),Ct("div",vd,null,512),s.loading&&s.artworks.length>0?(Ee(),Oe("div",Od,"Loading more...")):Cs("",!0)])}const Pd=Yr(_d,[["render",Ad],["__scopeId","data-v-400326da"]]),Cd="/art-institute-chicago/assets/logo-BBGQuyod.svg",Td={},Nd={class:"flex text-black absolute bg-white xl:bottom-20 xl:left-24 xl:border-0 xl:w-auto w-auto bottom-24 left-4 rounded-sm"},Ld=Gc('
',2),Fd=[Ld];function Id(e,t){return Ee(),Oe("nav",Nd,Fd)}const Md=Yr(Td,[["render",Id]]),jd=Kr({__name:"HomeView",setup(e){return(t,n)=>(Ee(),Oe("main",null,[ue(Md),ue(Pd)]))}}),Bd=Ba({history:fa("/art-institute-chicago/"),routes:[{path:"/",name:"home",component:jd},{path:"/about",name:"about",component:()=>Ka(()=>import("./AboutView-xNKC3cbi.js"),__vite__mapDeps([0,1]))}]}),ss=Cu(ka);ss.use(Iu());ss.use(Bd);ss.mount("#app");export{Yr as _,Ct as a,Oe as c,Ee as o}; diff --git a/assets/index-DVnV9IAr.css b/assets/index-DVnV9IAr.css new file mode 100644 index 0000000..556baab --- /dev/null +++ b/assets/index-DVnV9IAr.css @@ -0,0 +1 @@ +*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:calluna-sans,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.absolute{position:absolute}.relative{position:relative}.bottom-24{bottom:6rem}.left-4{left:1rem}.mx-auto{margin-left:auto;margin-right:auto}.my-auto{margin-top:auto;margin-bottom:auto}.block{display:block}.flex{display:flex}.h-full{height:100%}.h-svh{height:100svh}.w-24{width:6rem}.w-auto{width:auto}.w-full{width:100%}.w-screen{width:100vw}.content-center{align-content:center}.justify-between{justify-content:space-between}.overflow-hidden{overflow:hidden}.overflow-y-scroll{overflow-y:scroll}.rounded-sm{border-radius:.125rem}.rounded-l-sm{border-top-left-radius:.125rem;border-bottom-left-radius:.125rem}.bg-neutral-100{--tw-bg-opacity: 1;background-color:rgb(245 245 245 / var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.object-cover{-o-object-fit:cover;object-fit:cover}.object-center{-o-object-position:center;object-position:center}.p-8{padding:2rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.text-center{text-align:center}.text-sm{font-size:.875rem;line-height:1.25rem}.font-semibold{font-weight:600}.text-black{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity))}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.hover\:bg-neutral-200:hover{--tw-bg-opacity: 1;background-color:rgb(229 229 229 / var(--tw-bg-opacity))}@media (min-width: 1024px){.lg\:px-16{padding-left:4rem;padding-right:4rem}.lg\:text-lg{font-size:1.125rem;line-height:1.75rem}}@media (min-width: 1280px){.xl\:bottom-20{bottom:5rem}.xl\:left-24{left:6rem}.xl\:w-32{width:8rem}.xl\:w-auto{width:auto}.xl\:border-0{border-width:0px}}.masonry-container[data-v-400326da]{-moz-column-count:3;column-count:3;-moz-column-gap:3rem;column-gap:3rem;width:100%}@media (max-width: 1200px){.masonry-container[data-v-400326da]{-moz-column-count:3;column-count:3}}@media (max-width: 1100px){.masonry-container[data-v-400326da]{-moz-column-count:2;column-count:2}}@media (max-width: 800px){.masonry-container[data-v-400326da]{-moz-column-count:1;column-count:1}}.masonry-item[data-v-400326da]{-moz-column-break-inside:avoid;break-inside:avoid;background:#fff;border-radius:0;padding:6rem;margin-bottom:3rem;display:inline-block;width:100%}@media (max-width: 1600px){.masonry-item[data-v-400326da]{padding:4rem}}@media (max-width: 800px){.masonry-item[data-v-400326da]{padding:2rem}}.masonry-item img[data-v-400326da]{width:100%;height:auto;display:block}.masonry-item h2[data-v-400326da]{font-size:1em;margin:10px 0 5px}.masonry-item p[data-v-400326da]{font-size:.8em;margin:0}.bottom-detector[data-v-400326da]{height:20px} diff --git a/assets/logo-BBGQuyod.svg b/assets/logo-BBGQuyod.svg new file mode 100644 index 0000000..90361f5 --- /dev/null +++ b/assets/logo-BBGQuyod.svg @@ -0,0 +1,19 @@ + + diff --git a/favicon.ico b/favicon.ico new file mode 100644 index 0000000..df36fcf Binary files /dev/null and b/favicon.ico differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..2d35b3d --- /dev/null +++ b/index.html @@ -0,0 +1,15 @@ + + + + + + + +