-
Notifications
You must be signed in to change notification settings - Fork 1
/
component---src-pages-archive-js-43187e79dc9949259c9e.js
2 lines (2 loc) · 3.71 KB
/
component---src-pages-archive-js-43187e79dc9949259c9e.js
1
2
(window.webpackJsonp=window.webpackJsonp||[]).push([[5],{nRki:function(e,a,t){"use strict";t.r(a);var r=t("q1tI"),l=t.n(r),n=t("qhky"),i=t("vOnD"),d=t("20nU"),c=t("nLfd"),o=t("Kvkj"),m=t("g67X");const s=i.d.div.withConfig({displayName:"archive__StyledTableContainer",componentId:"sc-nq97nx-0"})(["margin:100px -20px;@media (max-width:768px){margin:50px -10px;}table{width:100%;border-collapse:collapse;.hide-on-mobile{@media (max-width:768px){display:none;}}tbody tr{&:hover,&:focus{background-color:var(--light-navy);}}th,td{padding:10px;text-align:left;&:first-child{padding-left:20px;@media (max-width:768px){padding-left:10px;}}&:last-child{padding-right:20px;@media (max-width:768px){padding-right:10px;}}svg{width:20px;height:20px;}}tr{cursor:default;td:first-child{border-top-left-radius:var(--border-radius);border-bottom-left-radius:var(--border-radius);}td:last-child{border-top-right-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius);}}td{&.year{padding-right:20px;@media (max-width:768px){padding-right:10px;font-size:var(--fz-sm);}}&.title{padding-top:15px;padding-right:20px;color:var(--lightest-slate);font-size:var(--fz-xl);font-weight:600;line-height:1.25;}&.company{font-size:var(--fz-lg);white-space:nowrap;}&.tech{font-size:var(--fz-xxs);font-family:var(--font-mono);line-height:1.5;.separator{margin:0 5px;}span{display:inline-block;}}&.links{min-width:100px;div{display:flex;align-items:center;a{",";flex-shrink:0;}a + a{margin-left:10px;}}}}}"],e=>{let{theme:a}=e;return a.mixins.flexCenter});a.default=e=>{let{location:a,data:t}=e;const i=t.allMarkdownRemark.edges,p=Object(r.useRef)(null),h=Object(r.useRef)(null),f=Object(r.useRef)([]);return Object(r.useEffect)(()=>{c.a.reveal(p.current,Object(d.srConfig)()),c.a.reveal(h.current,Object(d.srConfig)(200,0)),f.current.forEach((e,a)=>c.a.reveal(e,Object(d.srConfig)(10*a)))},[]),l.a.createElement(o.i,{location:a},l.a.createElement(n.a,{title:"Archive"}),l.a.createElement("main",null,l.a.createElement("header",{ref:p},l.a.createElement("h1",{className:"big-heading"},"Archive"),l.a.createElement("p",{className:"subtitle"},"A big list of things I’ve worked on")),l.a.createElement(s,{ref:h},l.a.createElement("table",null,l.a.createElement("thead",null,l.a.createElement("tr",null,l.a.createElement("th",null,"Year"),l.a.createElement("th",null,"Title"),l.a.createElement("th",{className:"hide-on-mobile"},"Made at"),l.a.createElement("th",{className:"hide-on-mobile"},"Built with"),l.a.createElement("th",null,"Link"))),l.a.createElement("tbody",null,i.length>0&&i.map((e,a)=>{let{node:t}=e;const{date:r,github:n,external:i,ios:d,android:c,title:o,tech:s,company:p}=t.frontmatter;return l.a.createElement("tr",{key:a,ref:e=>f.current[a]=e},l.a.createElement("td",{className:"overline year"},""+new Date(r).getFullYear()),l.a.createElement("td",{className:"title"},o),l.a.createElement("td",{className:"company hide-on-mobile"},p?l.a.createElement("span",null,p):l.a.createElement("span",null,"—")),l.a.createElement("td",{className:"tech hide-on-mobile"},s.length>0&&s.map((e,a)=>l.a.createElement("span",{key:a},e,"",a!==s.length-1&&l.a.createElement("span",{className:"separator"},"·")))),l.a.createElement("td",{className:"links"},l.a.createElement("div",null,i&&l.a.createElement("a",{href:i,"aria-label":"External Link"},l.a.createElement(m.a,{name:"External"})),n&&l.a.createElement("a",{href:n,"aria-label":"GitHub Link"},l.a.createElement(m.a,{name:"GitHub"})),d&&l.a.createElement("a",{href:d,"aria-label":"Apple App Store Link"},l.a.createElement(m.a,{name:"AppStore"})),c&&l.a.createElement("a",{href:c,"aria-label":"Google Play Store Link"},l.a.createElement(m.a,{name:"PlayStore"})))))}))))))}}}]);
//# sourceMappingURL=component---src-pages-archive-js-43187e79dc9949259c9e.js.map