-
Notifications
You must be signed in to change notification settings - Fork 0
/
component---src-pages-photos-index-js-546a767564ae62aeccd9.js
2 lines (2 loc) · 5.08 KB
/
component---src-pages-photos-index-js-546a767564ae62aeccd9.js
1
2
"use strict";(self.webpackChunkgatsby_starter_hello_world=self.webpackChunkgatsby_starter_hello_world||[]).push([[286],{4549:function(e,t,a){a.r(t),a.d(t,{Head:function(){return m},default:function(){return f}});var c=a(3723),n=a(7294),l=a(1066);function o(e){return n.createElement("div",{className:"imagefocus-module--Background--DXuVU"},n.createElement("button",{className:"imagefocus-module--Button--liYoY",onClick:e.back},n.createElement(l.oHP,null)),n.createElement("img",{src:e.src,alt:e.alt,onClick:e.back}))}var r=a(7737);function s(){var e=(0,n.useState)(!1),t=e[0],a=e[1];return(0,n.useEffect)((function(){window.addEventListener("scroll",(function(){window.scrollY>600?a(!0):a(!1)}))}),[]),n.createElement("button",{className:t?"scrolltotop-module--ButtonShow--s8MvL":"scrolltotop-module--ButtonHide--WXt9G",onClick:function(){return window.scrollTo({top:0,behavior:"smooth"})}},n.createElement(l.j9E,null))}var i=a(8461),d="photos-module--Logos--mU9Ty";function f(e){var t=e.data.allFile.edges,l=(0,n.useState)(t),i=l[0],f=(l[1],(0,n.useState)(20)),m=f[0],u=f[1],g=(0,n.useState)(""),p=g[0],w=g[1];function b(e){w(e.node.publicURL)}return n.createElement("div",null,p?n.createElement(o,{src:p,back:function(){w("")}}):null,n.createElement(s,null),n.createElement(r.Z,{title:"Photos"},n.createElement("header",{className:"photos-module--Header--mHOYe"},n.createElement("h1",null,"See more here"),n.createElement("ul",null,n.createElement("li",null,n.createElement("a",{href:"https://www.instagram.com/harrydang9/",target:"_blank",rel:"noreferrer"},n.createElement(c.S,{src:"../../images/Logos/Instagram_Glyph_Black.png",className:d,__imageData:a(7330)}))),n.createElement("li",null,n.createElement("a",{href:"https://www.behance.net/hadang9993375",target:"_blank",rel:"noreferrer"},n.createElement(c.S,{src:"../../images/Logos/BehanceLogo.png",className:d,__imageData:a(9838)}))),n.createElement("li",null,n.createElement("a",{href:"https://www.flickr.com/photos/112239122@N04/albums",target:"_blank",rel:"noreferrer"},n.createElement(c.S,{src:"../../images/Logos/FlickrLogo.png",className:d,__imageData:a(841)}))))),n.createElement("main",null,n.createElement("ul",{className:"photos-module--Photos--TUDe1"},i.slice(0,m).map((function(e){return n.createElement("li",{key:e.node.id},n.createElement("img",{src:e.node.publicURL,alt:"",loading:"lazy",onClick:function(){return b(e)},onKeyPress:function(){return b(e)}}))})),n.createElement("li",null,m<i.length?n.createElement("div",{className:"photos-module--LoadMoreContainer--Lh0iR"},n.createElement("button",{onClick:function(){u((function(e){return e+15}))}},"Load More")):null)))))}function m(){return n.createElement(i.H,{title:"Photos"})}},841:function(e){e.exports=JSON.parse('{"layout":"constrained","backgroundColor":"#080808","images":{"fallback":{"src":"/static/8f0ebe9b5c8ed637e7eef307af8d7517/bcf3e/FlickrLogo.png","srcSet":"/static/8f0ebe9b5c8ed637e7eef307af8d7517/22eaa/FlickrLogo.png 128w,\\n/static/8f0ebe9b5c8ed637e7eef307af8d7517/5eac6/FlickrLogo.png 256w,\\n/static/8f0ebe9b5c8ed637e7eef307af8d7517/bcf3e/FlickrLogo.png 512w","sizes":"(min-width: 512px) 512px, 100vw"},"sources":[{"srcSet":"/static/8f0ebe9b5c8ed637e7eef307af8d7517/4dd32/FlickrLogo.webp 128w,\\n/static/8f0ebe9b5c8ed637e7eef307af8d7517/f2ee4/FlickrLogo.webp 256w,\\n/static/8f0ebe9b5c8ed637e7eef307af8d7517/7796e/FlickrLogo.webp 512w","type":"image/webp","sizes":"(min-width: 512px) 512px, 100vw"}]},"width":512,"height":160}')},9838:function(e){e.exports=JSON.parse('{"layout":"constrained","backgroundColor":"#080808","images":{"fallback":{"src":"/static/81ef65c37479d63c40ce6df829165bc9/ccc41/BehanceLogo.png","srcSet":"/static/81ef65c37479d63c40ce6df829165bc9/bf8e1/BehanceLogo.png 128w,\\n/static/81ef65c37479d63c40ce6df829165bc9/acb7c/BehanceLogo.png 256w,\\n/static/81ef65c37479d63c40ce6df829165bc9/ccc41/BehanceLogo.png 512w","sizes":"(min-width: 512px) 512px, 100vw"},"sources":[{"srcSet":"/static/81ef65c37479d63c40ce6df829165bc9/6766a/BehanceLogo.webp 128w,\\n/static/81ef65c37479d63c40ce6df829165bc9/22bfc/BehanceLogo.webp 256w,\\n/static/81ef65c37479d63c40ce6df829165bc9/d689f/BehanceLogo.webp 512w","type":"image/webp","sizes":"(min-width: 512px) 512px, 100vw"}]},"width":512,"height":512}')},7330:function(e){e.exports=JSON.parse('{"layout":"constrained","backgroundColor":"#080808","images":{"fallback":{"src":"/static/a33331465a3e4f640611c3d3687e7da8/900f1/Instagram_Glyph_Black.png","srcSet":"/static/a33331465a3e4f640611c3d3687e7da8/34057/Instagram_Glyph_Black.png 1081w,\\n/static/a33331465a3e4f640611c3d3687e7da8/6273f/Instagram_Glyph_Black.png 2161w,\\n/static/a33331465a3e4f640611c3d3687e7da8/900f1/Instagram_Glyph_Black.png 4322w","sizes":"(min-width: 4322px) 4322px, 100vw"},"sources":[{"srcSet":"/static/a33331465a3e4f640611c3d3687e7da8/314a8/Instagram_Glyph_Black.webp 1081w,\\n/static/a33331465a3e4f640611c3d3687e7da8/65d55/Instagram_Glyph_Black.webp 2161w,\\n/static/a33331465a3e4f640611c3d3687e7da8/d9905/Instagram_Glyph_Black.webp 4322w","type":"image/webp","sizes":"(min-width: 4322px) 4322px, 100vw"}]},"width":4322,"height":4320}')}}]);
//# sourceMappingURL=component---src-pages-photos-index-js-546a767564ae62aeccd9.js.map