-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcomponent---src-templates-post-template-tsx-03594a663a0eaab1d224.js
2 lines (2 loc) · 4.13 KB
/
component---src-templates-post-template-tsx-03594a663a0eaab1d224.js
1
2
"use strict";(self.webpackChunkgatsby_starter_default=self.webpackChunkgatsby_starter_default||[]).push([[133],{8072:function(t,e,i){i.r(e),i.d(e,{default:function(){return y}});var n=i(6318),a=i(7462),r=i(4316),o=i(8032),l=i(917);const s=(0,r.Z)("div",{target:"e1rmevti3"})({name:"m1156n",styles:"display:flex;flex-direction:column;width:768px;height:100%;margin:0 auto;padding:60px 0;color:#ffffff;@media (max-width: 768px){width:100%;padding:40px 20px;}"}),p=(0,r.Z)("div",{target:"e1rmevti2"})({name:"gywgo7",styles:"display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#ffffff;color:#000000;font-size:22px;cursor:pointer;box-shadow:0 0 10px rgba(0, 0, 0, 0.3);@media (max-width: 768px){width:30px;height:30px;font-size:18px;}"}),d=(0,r.Z)("div",{target:"e1rmevti1"})({name:"gn4qtp",styles:"display:-webkit-box;overflow:hidden;overflow-wrap:break-word;margin-top:auto;text-overflow:ellipsis;white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:45px;font-weight:800;@media (max-width: 768px){font-size:30px;}"}),h=(0,r.Z)("div",{target:"e1rmevti0"})({name:"3gcnt2",styles:"display:flex;justify-content:space-between;align-items:center;margin-top:10px;font-size:18px;font-weight:700;@media (max-width: 768px){flex-direction:column;align-items:flex-start;font-size:15px;font-weight:400;}"});var g=function(t){let{title:e,date:i,categories:n}=t;return(0,l.tZ)(s,null,(0,l.tZ)(p,{onClick:()=>window.history.back()},"←"),(0,l.tZ)(d,null,e),(0,l.tZ)(h,null,(0,l.tZ)("div",null,n.join(" / ")),(0,l.tZ)("div",null,i)))};const x=(0,r.Z)("div",{target:"e10ncnnk1"})({name:"16cz9yp",styles:"position:relative;width:100%;height:400px;@media (max-width: 768px){height:300px;}"}),c=(0,r.Z)((t=>(0,l.tZ)(o.G,(0,a.Z)({},t,{style:{position:"absolute"}}))),{target:"e10ncnnk0"})({name:"1bjn9yo",styles:"z-index:-1;width:100%;height:400px;object-fit:cover;filter:brightness(0.25);@media (max-width: 768px){height:300px;}"});var m=function(t){let{title:e,date:i,categories:n,thumbnail:a}=t;return(0,l.tZ)(x,null,(0,l.tZ)(c,{image:a,alt:"thumbnail"}),(0,l.tZ)(g,{title:e,date:i,categories:n}))};const f=(0,r.Z)("div",{target:"e1iq48ov0"})({name:"uo146q",styles:"display:flex;flex-direction:column;width:768px;margin:0 auto;padding:100px 0;word-break:break-all;line-height:1.8;font-size:16px;font-weight:400;p{padding:3px 0;}h1,h2,h3{font-weight:800;margin-bottom:30px;}*+h1,*+h2,*+h3{margin-top:80px;}hr+h1,hr+h2,hr+h3{margin-top:0;}h1{font-size:30px;}h2{font-size:25px;}h3{font-size:20px;}blockquote{margin:30px 0;padding:5px 15px;border-left:2px solid #000000;font-weight:800;}ol,ul{margin-left:20px;padding:30px 0;}hr{border:1px solid #000000;margin:100px 0;}a{color:#4263eb;text-decoration:underline;}pre[class*='language-']{margin:30px 0;padding:15px;font-size:15px;::-webkit-scrollbar-thumb{background:rgba(255, 255, 255, 0.5);border-radius:3px;}}code[class*='language-'],pre[class*='language-']{tab-size:2;}@media (max-width: 768px){width:100%;padding:80px 20px;line-height:1.6;font-size:14px;h1{font-size:23px;}h2{font-size:20px;}h3{font-size:17px;}img{width:100%;}hr{margin:50px 0;}}"});var u=function(t){let{html:e}=t;return(0,l.tZ)(f,{dangerouslySetInnerHTML:{__html:e}})},b=i(7294);const w=(0,r.Z)("div",{target:"e15paqjp0"})({name:"hx9xpc",styles:"@media (max-width: 768px){padding:0 20px;}"});var v=function(){const t=(0,b.createRef)();return(0,b.useEffect)((()=>{if(null===t.current)return;const e=document.createElement("script"),i={src:"https://utteranc.es/client.js",repo:"soheetech/TIL","issue-term":"pathname",label:"Comment",theme:"github-light",crossorigin:"anonymous",async:"true"};Object.entries(i).forEach((t=>{let[i,n]=t;e.setAttribute(i,n)})),t.current.appendChild(e)}),[]),(0,l.tZ)(w,{ref:t})};var y=function(t){let{data:{allMarkdownRemark:{edges:e}},location:{href:i}}=t;const{node:{html:a,frontmatter:{title:r,summary:o,date:s,categories:p,thumbnail:{childImageSharp:{gatsbyImageData:d},publicURL:h}}}}=e[0];return(0,l.tZ)(n.Z,{title:r,description:o,url:i,image:h},(0,l.tZ)(m,{title:r,date:s,categories:p,thumbnail:d}),(0,l.tZ)(u,{html:a}),(0,l.tZ)(v,null))}}}]);
//# sourceMappingURL=component---src-templates-post-template-tsx-03594a663a0eaab1d224.js.map