From 0946a1be56909e3d8c21c225a618717eacad20a0 Mon Sep 17 00:00:00 2001 From: "Ecaterina Moraru (Valica)" Date: Sun, 27 Jan 2019 15:52:33 +0200 Subject: [PATCH] Issue #40: Load just the needed icons - Magnifying glass from Portfolio hover --- dist/css/themes/default/style.css | 8 +++++--- dist/css/themes/default/style.min.css | 2 +- src/sass/skin/portfolio.scss | 21 ++++++++++++++++++--- src/svg/search-plus-solid.svg | 1 + 4 files changed, 25 insertions(+), 7 deletions(-) create mode 100644 src/svg/search-plus-solid.svg diff --git a/dist/css/themes/default/style.css b/dist/css/themes/default/style.css index 116bd40..4e2a64d 100644 --- a/dist/css/themes/default/style.css +++ b/dist/css/themes/default/style.css @@ -625,12 +625,14 @@ section::after { text-align: center; } .portfolio .portfolio-cover:after { - content: "\f00e"; - font: normal normal normal 38px/0 FontAwesome; + content: ""; + height: 35px; + width: 35px; + background-image: url("data:image/svg+xml;base64, PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgZGF0YS1wcmVmaXg9ImZhcyIgZGF0YS1pY29uPSJzZWF\ayY2gtcGx1cyIgY2xhc3M9InN2Zy1pbmxpbmUtLWZhIGZhLXNlYXJjaC1wbHVzIGZhLXctMTYiIH\aJvbGU9ImltZyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwI\a DAgNTEyIDUxMiI+PHBhdGggZmlsbD0iY3VycmVudENvbG9yIiBkPSJNMzA0IDE5MnYzMmMwIDYu\aNi01LjQgMTItMTIgMTJoLTU2djU2YzAgNi42LTUuNCAxMi0xMiAxMmgtMzJjLTYuNiAwLTEyLTU\auNC0xMi0xMnYtNTZoLTU2Yy02LjYgMC0xMi01LjQtMTItMTJ2LTMyYzAtNi42IDUuNC0xMiAxMi\a 0xMmg1NnYtNTZjMC02LjYgNS40LTEyIDEyLTEyaDMyYzYuNiAwIDEyIDUuNCAxMiAxMnY1Nmg1N\amM2LjYgMCAxMiA1LjQgMTIgMTJ6bTIwMSAyODQuN0w0NzYuNyA1MDVjLTkuNCA5LjQtMjQuNiA5\aLjQtMzMuOSAwTDM0MyA0MDUuM2MtNC41LTQuNS03LTEwLjYtNy0xN1YzNzJjLTM1LjMgMjcuNi0\a 3OS43IDQ0LTEyOCA0NEM5My4xIDQxNiAwIDMyMi45IDAgMjA4UzkzLjEgMCAyMDggMHMyMDggOT\aMuMSAyMDggMjA4YzAgNDguMy0xNi40IDkyLjctNDQgMTI4aDE2LjNjNi40IDAgMTIuNSAyLjUgM\aTcgN2w5OS43IDk5LjdjOS4zIDkuNCA5LjMgMjQuNiAwIDM0ek0zNDQgMjA4YzAtNzUuMi02MC44\aLTEzNi0xMzYtMTM2UzcyIDEzMi44IDcyIDIwOHM2MC44IDEzNiAxMzYgMTM2IDEzNi02MC44IDE\azNi0xMzZ6Ij48L3BhdGg+PC9zdmc+"); left: 40%; opacity: 0; position: absolute; - top: 52%; + top: 45%; transition: opacity 1s; } .portfolio .portfolio-image { diff --git a/dist/css/themes/default/style.min.css b/dist/css/themes/default/style.min.css index 247c9d9..2667c97 100644 --- a/dist/css/themes/default/style.min.css +++ b/dist/css/themes/default/style.min.css @@ -1 +1 @@ -:root{--font-family-base:'Open Sans',Helvetica,Arial,sans-serif;--footer-bg-color:var(--navigation-bg-color);--footer-text-color:var(--content-secondary-text-color)}:root{--body-bg-color:#fff;--accent-bg-color:#1b1733;--content-text-color:var(--accent-bg-color);--content-secondary-text-color:#747c83;--link-text-color:#a338b5;--link-text-hover-color:#0fc1d4;--navigation-bg-color:var(--accent-bg-color);--navigation-bg-hover-color:var(--link-text-color);--navigation-text-color:var(--body-bg-color);--portfolio-bg-color:#29253f;--portfolio-secondary-text-color:var(--body-bg-color);--video-bg-color:var(--body-bg-color);--video-border-color:#efeff5;--footer-text-color:var(--portfolio-secondary-text-color)}section h2{--font-family-base:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:5em}.about h2,.talks h2{background:-o-linear-gradient(transparent,transparent);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.work h2{color:var(--body-bg-color)}.about h2,.talks h2,.work{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='50' height='25' viewBox='0 0 50 25'%3E%3Cdefs%3E%3Crect stroke='%231b1733' stroke-width='0.1' width='1' height='1' id='s'/%3E%3Cpattern id='a' width='2' height='2' patternUnits='userSpaceOnUse'%3E%3Cg stroke='%231b1733' stroke-width='0.1'%3E%3Crect fill='%23201c37' width='1' height='1'/%3E%3Crect fill='%231b1733' width='1' height='1' x='1' y='1'/%3E%3Crect fill='%2324203b' width='1' height='1' y='1'/%3E%3Crect fill='%2329253f' width='1' height='1' x='1'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='b' width='5' height='11' patternUnits='userSpaceOnUse'%3E%3Cg fill='%232d2a43'%3E%3Cuse xlink:href='%23s' x='2' y='0'/%3E%3Cuse xlink:href='%23s' x='4' y='1'/%3E%3Cuse xlink:href='%23s' x='1' y='2'/%3E%3Cuse xlink:href='%23s' x='2' y='4'/%3E%3Cuse xlink:href='%23s' x='4' y='6'/%3E%3Cuse xlink:href='%23s' x='0' y='8'/%3E%3Cuse xlink:href='%23s' x='3' y='9'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='c' width='7' height='7' patternUnits='userSpaceOnUse'%3E%3Cg fill='%23322e47'%3E%3Cuse xlink:href='%23s' x='1' y='1'/%3E%3Cuse xlink:href='%23s' x='3' y='4'/%3E%3Cuse xlink:href='%23s' x='5' y='6'/%3E%3Cuse xlink:href='%23s' x='0' y='3'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='d' width='11' height='5' patternUnits='userSpaceOnUse'%3E%3Cg fill='%231b1733'%3E%3Cuse xlink:href='%23s' x='1' y='1'/%3E%3Cuse xlink:href='%23s' x='6' y='3'/%3E%3Cuse xlink:href='%23s' x='8' y='2'/%3E%3Cuse xlink:href='%23s' x='3' y='0'/%3E%3Cuse xlink:href='%23s' x='0' y='3'/%3E%3C/g%3E%3Cg fill='%2336334b'%3E%3Cuse xlink:href='%23s' x='8' y='3'/%3E%3Cuse xlink:href='%23s' x='4' y='2'/%3E%3Cuse xlink:href='%23s' x='5' y='4'/%3E%3Cuse xlink:href='%23s' x='10' y='0'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='e' width='47' height='23' patternUnits='userSpaceOnUse'%3E%3Cg fill='%23a338b5'%3E%3Cuse xlink:href='%23s' x='2' y='5'/%3E%3Cuse xlink:href='%23s' x='23' y='13'/%3E%3Cuse xlink:href='%23s' x='4' y='18'/%3E%3Cuse xlink:href='%23s' x='35' y='9'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='f' width='61' height='31' patternUnits='userSpaceOnUse'%3E%3Cg fill='%23a338b5'%3E%3Cuse xlink:href='%23s' x='16' y='0'/%3E%3Cuse xlink:href='%23s' x='13' y='22'/%3E%3Cuse xlink:href='%23s' x='44' y='15'/%3E%3Cuse xlink:href='%23s' x='12' y='11'/%3E%3C/g%3E%3C/pattern%3E%3C/defs%3E%3Crect fill='url(%23a)' width='50' height='25'/%3E%3Crect fill='url(%23b)' width='50' height='25'/%3E%3Crect fill='url(%23c)' width='50' height='25'/%3E%3Crect fill='url(%23d)' width='50' height='25'/%3E%3Crect fill='url(%23e)' width='50' height='25'/%3E%3Crect fill='url(%23f)' width='50' height='25'/%3E%3C/svg%3E");background-size:contain}.work{background-attachment:fixed;background-size:cover}*,::after,::before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{margin:0;font-family:var(--font-family-base);font-size:.9rem;font-weight:400;line-height:1.5;color:var(--content-text-color);text-align:left;background-color:var(--body-bg-color)}[tabindex="-1"]:focus{outline:0!important}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:0}p{margin-top:0;margin-bottom:.5rem}abbr[data-original-title],abbr[title]{text-decoration:underline;text-decoration:underline dotted;cursor:help;border-bottom:0;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:700}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a,a:link,a:visited{color:var(--link-text-color);text-decoration:none;background-color:transparent}a:hover{color:var(--link-text-hover-color);text-decoration:none}a:not([href]):not([tabindex]){color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0;color:inherit;text-decoration:none}code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em}pre{margin-top:0;margin-bottom:1rem;overflow:auto}figure{margin:0 0 1rem}img{vertical-align:middle;border-style:none}svg{overflow:hidden;vertical-align:middle}table{border-collapse:collapse}caption{padding-top:.75rem;padding-bottom:.75rem;color:inherit;text-align:left;caption-side:bottom}th{text-align:inherit}label{display:inline-block;margin-bottom:.5rem}button{border-radius:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item;cursor:pointer}template{display:none}[hidden]{display:none!important}a:hover{transition:color .3s ease-in-out}h1,h2{color:var(--heading-text-color);font-family:var(--font-family-base)}h2{letter-spacing:5px;text-transform:uppercase}img{max-width:100%}.d-none{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}footer,nav,section{margin:0;padding-left:10%;padding-right:10%;overflow:hidden}.about .main,.talks .promoted,.work .portfolio{display:grid;grid-template-columns:repeat(12,1fr);grid-gap:30px}.about .aside,.about .summary,.portfolio-item,.promoted .video,footer,h2,section{grid-column:1/11}nav{height:4rem;flex-direction:column-reverse;height:8rem}nav .external{justify-content:space-between;margin-right:-12%;margin-left:-12%}section{padding-top:7rem}@media (min-width:768px){nav{height:4rem;flex-direction:row}nav .external{margin:0;margin-right:-1em}section{padding-top:4rem}footer,nav,section{padding-right:25%}.about .aside{grid-row-start:1;grid-column-start:7;grid-column-end:-1}.about .summary{grid-row-start:1;grid-column-start:1;grid-column-end:7}.portfolio-item,.promoted .video{grid-column:span 6}}@media (min-width:992px){.portfolio-item,.promoted .video{grid-column:span 4}.about .aside{grid-column-start:1;grid-column-end:5}.about .summary{grid-column-start:5;grid-column-end:-1}}@media (min-width:1200px){.portfolio-item,.promoted .video{grid-column:span 3}.about .aside{grid-column-start:1;grid-column-end:4}.about .summary{grid-column-start:4;grid-column-end:-1}}nav{display:flex;background-color:var(--navigation-bg-color);top:0;left:0;position:fixed;right:0;z-index:10000;overflow:hidden;justify-content:space-between}nav ul{display:flex;list-style:none;padding-left:0;height:100%;margin:0}nav a{display:flex;align-items:center;height:100%;transition:all .25s ease 0s;animation-duration:1s;animation-fill-mode:both;animation-name:fadeIn;animation-delay:.6s;padding-left:1em;padding-right:1em;text-transform:uppercase}nav a,nav a:link,nav a:visited{color:var(--navigation-text-color)}nav a:hover{background-color:var(--navigation-bg-hover-color);text-decoration:none}nav li.active a{background-color:var(--navigation-bg-hover-color)}nav .menu{margin-left:-1em}nav .external{flex-direction:row-reverse;border-bottom:1px solid var(--portfolio-bg-color)}nav .external a{font-size:1.5em}nav .external a .svg{width:1em;height:1.5em}nav .twitter:focus,nav .twitter:hover{--navigation-bg-hover-color:#00aced}nav .linkedin:focus,nav .linkedin:hover{--navigation-bg-hover-color:#007bb6}nav .github:focus,nav .github:hover{--navigation-bg-hover-color:#44A79B}nav .stackoverflow:focus,nav .stackoverflow:hover{--navigation-bg-hover-color:#FF9900}nav .behance:focus,nav .behance:hover{--navigation-bg-hover-color:#CF9586}nav .steam:focus,nav .steam:hover{--navigation-bg-hover-color:#144578}nav .dribbble:focus,nav .dribbble:hover{--navigation-bg-hover-color:#f26798}nav .flickr:focus,nav .flickr:hover{--navigation-bg-hover-color:#ff0084}nav .youtube:focus,nav .youtube:hover{--navigation-bg-hover-color:#bb0000}nav .facebook:focus,nav .facebook:hover{--navigation-bg-hover-color:#3b5998}nav .medium:focus,nav .medium:hover{--navigation-bg-hover-color:#53346d}nav .instagram:focus,nav .instagram:hover{--navigation-bg-hover-color:#E1306C}section ul{list-style-type:none;padding:0;margin:0}section ul li .location:hover{text-decoration:underline}section h2{margin-bottom:2rem}section::after{content:'';display:block;margin-top:4rem}.portfolio{padding:0}.portfolio .portfolio-content{box-shadow:2px 2px 2px rgba(0,0,0,.2);border-top-left-radius:.6em;background:var(--portfolio-bg-color);display:flex;flex-direction:column}.portfolio .portfolio-cover{border-top-left-radius:.5em;margin:0;float:left;overflow:hidden;position:relative;text-align:center}.portfolio .portfolio-cover:after{content:"\f00e";font:normal normal normal 38px/0 FontAwesome;left:40%;opacity:0;position:absolute;top:52%;transition:opacity 1s}.portfolio .portfolio-image{border:0;border-radius:0;border-top-left-radius:.5em;display:block;opacity:1;padding:0;position:relative;transform:scale(1);transition:opacity .35s,transform .35s;width:100%}.portfolio .portfolio-fields,.portfolio .portfolio-title{padding:1rem}.portfolio .portfolio-title{padding-bottom:.5rem}.portfolio .portfolio-fields{border-bottom:3px solid var(--navigation-bg-color);padding-top:0;font-size:.8em;color:var(--portfolio-secondary-text-color)}.portfolio .portfolio-fields .field-list{padding:0}.portfolio .portfolio-fields .field-item{display:inline-block;padding:0;margin:0}.portfolio .portfolio-fields .field-item:after{content:', '}.portfolio .portfolio-fields .field-item:last-child:after{content:''}.portfolio .portfolio-content:hover .portfolio-cover:after{opacity:1}.portfolio .portfolio-content:hover .portfolio-image{opacity:.4;transform:scale(1.12);z-index:1}.portfolio .portfolio-content:hover .portfolio-title a{color:var(--link-text-hover-color)}.about h2{margin-top:3rem}.about:target h2{margin-top:0}.aside{color:var(--content-secondary-text-color);font-size:.85em}.vcard{margin:0}.vcard dt{color:var(--content-text-color);display:block;font-size:1em;font-weight:400;letter-spacing:1px;margin-bottom:0;margin-top:2em;text-transform:uppercase}.vcard dt:first-of-type{margin-top:.8em}.summary{display:block;font-size:1.1em}.summary p:first-of-type{font-size:1.4em;line-height:1.6em}.summary p{margin-bottom:1rem}h2{font-size:3em;font-weight:900}.work{background-color:var(--accent-bg-color)}.talks{position:relative}.promoted{margin-bottom:1rem}.xfolkentry{margin-bottom:2rem}.xfolkentry .event,.xfolkentry .taggedlink{display:block}.xfolkentry .event{font-size:.85em;margin:.5em 0 .5em 2em}.xfolkentry .event::before{content:'\2014'}.xfolkentry .taggedlink::before{content:'\201c'}.xfolkentry .taggedlink::after{content:'\201d'}.xfolkentry .dtstart,.xfolkentry .location{text-transform:uppercase}.xfolkentry .dtstart,.xfolkentry .event,.xfolkentry .video-details{color:var(--content-secondary-text-color)}.xfolkentry .location{color:var(--content-text-color)}.video{box-shadow:0 0 35px 0 rgba(154,161,171,.15);background-color:var(--video-bg-color);border:3px solid var(--video-border-color);border-width:0 1px 3px;display:flex;flex-direction:column;overflow:hidden}.video iframe{max-width:100%;width:100%;min-height:160px;border:0}.video .video-content{padding:1rem;display:flex;flex-direction:column;height:100%}.video .taggedlink{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-bottom:.5rem}.video .taggedlink::after,.video .taggedlink::before{content:''}.video .video-details{font-size:.85em;margin-top:auto}.video:hover .taggedlink{color:var(--link-text-hover-color)}.more{font-size:.8em;letter-spacing:1px;text-transform:uppercase;position:absolute;bottom:3em;cursor:pointer}.more:hover{color:var(--link-text-hover-color)}.more:after{content:'More \25BC'}#toggle:checked~.more:after{content:'Less \25B2'}#moreTalks{height:0;opacity:0;overflow:hidden;transition:all .5s ease-out}#toggle:checked~#moreTalks{height:auto;opacity:1}#toggle{display:none}footer{background-color:var(--footer-bg-color);color:var(--footer-text-color);font-size:.8em;padding-top:15px;padding-bottom:15px;display:flex;align-items:center;white-space:pre}.svg{display:inline-block;background-repeat:no-repeat;background-position:50% 50%}.svg-cc{height:12px;width:12px;margin:0 6px;background-image:url("data:image/svg+xml;base64, PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCFET0NUWVBFIHN2ZyBQVUJ\aMSUMgIi0vL1czQy8vRFREIFNWRyAxLjAvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvVFIvMjAwMS\a 9SRUMtU1ZHLTIwMDEwOTA0L0RURC9zdmcxMC5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMCIgaWQ9I\akxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9\aImh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSI\axMnB4IiBoZWlnaHQ9IjEycHgiIHZpZXdCb3g9IjUuNSAtMy41IDY0IDY0IiBlbmFibGUtYmFja2\a dyb3VuZD0ibmV3IDUuNSAtMy41IDY0IDY0IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8Y\a 2lyY2xlIGZpbGw9InRyYW5zcGFyZW50IiBjeD0iMzcuNzg1IiBjeT0iMjguNTAxIiByPSIyOC44\aMzYiLz4KCTxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0zNy40NDEtMy41YzguOTUxLDAsMTYuNTcyLDM\auMTI1LDIyLjg1Nyw5LjM3MmMzLjAwOCwzLjAwOSw1LjI5NSw2LjQ0OCw2Ljg1NywxMC4zMTQKCQ\aljMS41NjEsMy44NjcsMi4zNDQsNy45NzEsMi4zNDQsMTIuMzE0YzAsNC4zODEtMC43NzMsOC40O\a DYtMi4zMTQsMTIuMzEzYy0xLjU0MywzLjgyOC0zLjgyLDcuMjEtNi44MjgsMTAuMTQzCgkJYy0z\aLjEyMywzLjA4NS02LjY2Niw1LjQ0OC0xMC42MjksNy4wODZjLTMuOTYxLDEuNjM4LTguMDU3LDI\auNDU3LTEyLjI4NSwyLjQ1N3MtOC4yNzYtMC44MDgtMTIuMTQzLTIuNDI5CgkJYy0zLjg2Ni0xLj\aYxOC03LjMzMy0zLjk2MS0xMC40LTcuMDI3Yy0zLjA2Ny0zLjA2Ni01LjQtNi41MjQtNy0xMC4zN\azJTNS41LDMyLjc2Nyw1LjUsMjguNWMwLTQuMjI5LDAuODA5LTguMjk1LDIuNDI4LTEyLjIKCQlj\aMS42MTktMy45MDUsMy45NzItNy40LDcuMDU3LTEwLjQ4NkMyMS4wOC0wLjM5NCwyOC41NjUtMy4\a 1LDM3LjQ0MS0zLjV6IE0zNy41NTcsMi4yNzJjLTcuMzE0LDAtMTMuNDY3LDIuNTUzLTE4LjQ1OC\aw3LjY1NwoJCWMtMi41MTUsMi41NTMtNC40NDgsNS40MTktNS44LDguNmMtMS4zNTQsMy4xODEtM\ai4wMjksNi41MDUtMi4wMjksOS45NzJjMCwzLjQyOSwwLjY3NSw2LjczNCwyLjAyOSw5LjkxMwoJ\a CWMxLjM1MywzLjE4MywzLjI4NSw2LjAyMSw1LjgsOC41MTZjMi41MTQsMi40OTYsNS4zNTEsNC4\azOTksOC41MTUsNS43MTVjMy4xNjEsMS4zMTQsNi40NzYsMS45NzEsOS45NDMsMS45NzEKCQljMy\a 40MjgsMCw2Ljc1LTAuNjY1LDkuOTczLTEuOTk5YzMuMjE5LTEuMzM1LDYuMTIxLTMuMjU3LDguN\azEzLTUuNzcxYzQuOTktNC44NzYsNy40ODQtMTAuOTksNy40ODQtMTguMzQ0CgkJYzAtMy41NDMt\aMC42NDgtNi44OTUtMS45NDMtMTAuMDU3Yy0xLjI5My0zLjE2Mi0zLjE4LTUuOTgtNS42NTQtOC4\a 0NThDNTAuOTg0LDQuODQ0LDQ0Ljc5NSwyLjI3MiwzNy41NTcsMi4yNzJ6IE0zNy4xNTYsMjMuMT\ag3CgkJbC00LjI4NywyLjIyOWMtMC40NTgtMC45NTEtMS4wMTktMS42MTktMS42ODUtMmMtMC42N\ajctMC4zOC0xLjI4Ni0wLjU3MS0xLjg1OC0wLjU3MWMtMi44NTYsMC00LjI4NiwxLjg4NS00LjI4\aNiw1LjY1NwoJCWMwLDEuNzE0LDAuMzYyLDMuMDg0LDEuMDg1LDQuMTEzYzAuNzI0LDEuMDI5LDE\auNzkxLDEuNTQ0LDMuMjAxLDEuNTQ0YzEuODY3LDAsMy4xODEtMC45MTUsMy45NDQtMi43NDNsMy\a 45NDIsMgoJCWMtMC44MzgsMS41NjMtMiwyLjc5MS0zLjQ4NiwzLjY4NmMtMS40ODQsMC44OTYtM\ay4xMjMsMS4zNDMtNC45MTQsMS4zNDNjLTIuODU3LDAtNS4xNjMtMC44NzUtNi45MTUtMi42MjkK\a CQljLTEuNzUyLTEuNzUyLTIuNjI4LTQuMTktMi42MjgtNy4zMTNjMC0zLjA0OCwwLjg4Ni01LjQ\a 2NiwyLjY1Ny03LjI1N2MxLjc3MS0xLjc5LDQuMDA5LTIuNjg2LDYuNzE1LTIuNjg2CgkJQzMyLj\aYwNCwxOC41NTgsMzUuNDQxLDIwLjEwMSwzNy4xNTYsMjMuMTg3eiBNNTUuNjEzLDIzLjE4N2wtN\a C4yMjksMi4yMjljLTAuNDU3LTAuOTUxLTEuMDItMS42MTktMS42ODYtMgoJCWMtMC42NjgtMC4z\aOC0xLjMwNy0wLjU3MS0xLjkxNC0wLjU3MWMtMi44NTcsMC00LjI4NywxLjg4NS00LjI4Nyw1LjY\a 1N2MwLDEuNzE0LDAuMzYzLDMuMDg0LDEuMDg2LDQuMTEzCgkJYzAuNzIzLDEuMDI5LDEuNzg5LD\a EuNTQ0LDMuMjAxLDEuNTQ0YzEuODY1LDAsMy4xOC0wLjkxNSwzLjk0MS0yLjc0M2w0LDJjLTAuO\a Dc1LDEuNTYzLTIuMDU3LDIuNzkxLTMuNTQxLDMuNjg2CgkJYy0xLjQ4NiwwLjg5Ni0zLjEwNSwx\aLjM0My00Ljg1NywxLjM0M2MtMi44OTYsMC01LjIwOS0wLjg3NS02Ljk0MS0yLjYyOWMtMS43MzY\atMS43NTItMi42MDItNC4xOS0yLjYwMi03LjMxMwoJCWMwLTMuMDQ4LDAuODg1LTUuNDY2LDIuNj\aU4LTcuMjU3YzEuNzctMS43OSw0LjAwOC0yLjY4Niw2LjcxMy0yLjY4NkM1MS4xMTcsMTguNTU4L\a DUzLjkzOCwyMC4xMDEsNTUuNjEzLDIzLjE4N3oiLz4KPC9nPgo8L3N2Zz4=")}.svg-linkedin{background-image:url("data:image/svg+xml;base64, PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgZGF0YS1wcmVmaXg9ImZhYiIgZGF0YS1pY29uPSJsaW5\arZWRpbi1pbiIgY2xhc3M9InN2Zy1pbmxpbmUtLWZhIGZhLWxpbmtlZGluLWluIGZhLXctMTQiIH\aJvbGU9ImltZyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwI\a DAgNDQ4IDUxMiI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTEwMC4zIDQ0OEg3LjRWMTQ4LjloOTIu\aOVY0NDh6TTUzLjggMTA4LjFDMjQuMSAxMDguMSAwIDgzLjUgMCA1My44UzI0LjEgMCA1My44IDB\azNTMuOCAyNC4xIDUzLjggNTMuOC0yNC4xIDU0LjMtNTMuOCA1NC4zek00NDggNDQ4aC05Mi43Vj\aMwMi40YzAtMzQuNy0uNy03OS4yLTQ4LjMtNzkuMi00OC4zIDAtNTUuNyAzNy43LTU1LjcgNzYuN\a 1Y0NDhoLTkyLjhWMTQ4LjloODkuMXY0MC44aDEuM2MxMi40LTIzLjUgNDIuNy00OC4zIDg3Ljkt\aNDguMyA5NCAwIDExMS4zIDYxLjkgMTExLjMgMTQyLjNWNDQ4aC0uMXoiPjwvcGF0aD48L3N2Zz4\a=")}.svg-github{background-image:url("data:image/svg+xml;base64, PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgZGF0YS1wcmVmaXg9ImZhYiIgZGF0YS1pY29uPSJnaXR\aodWIiIGNsYXNzPSJzdmctaW5saW5lLS1mYSBmYS1naXRodWIgZmEtdy0xNiIgcm9sZT0iaW1nIi\a B4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0OTYgNTEyI\aj48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMTY1LjkgMzk3LjRjMCAyLTIuMyAzLjYtNS4yIDMuNi0z\aLjMuMy01LjYtMS4zLTUuNi0zLjYgMC0yIDIuMy0zLjYgNS4yLTMuNiAzLS4zIDUuNiAxLjMgNS4\a 2IDMuNnptLTMxLjEtNC41Yy0uNyAyIDEuMyA0LjMgNC4zIDQuOSAyLjYgMSA1LjYgMCA2LjItMn\aMtMS4zLTQuMy00LjMtNS4yYy0yLjYtLjctNS41LjMtNi4yIDIuM3ptNDQuMi0xLjdjLTIuOS43L\aTQuOSAyLjYtNC42IDQuOS4zIDIgMi45IDMuMyA1LjkgMi42IDIuOS0uNyA0LjktMi42IDQuNi00\aLjYtLjMtMS45LTMtMy4yLTUuOS0yLjl6TTI0NC44IDhDMTA2LjEgOCAwIDExMy4zIDAgMjUyYzA\agMTEwLjkgNjkuOCAyMDUuOCAxNjkuNSAyMzkuMiAxMi44IDIuMyAxNy4zLTUuNiAxNy4zLTEyLj\a EgMC02LjItLjMtNDAuNC0uMy02MS40IDAgMC03MCAxNS04NC43LTI5LjggMCAwLTExLjQtMjkuM\aS0yNy44LTM2LjYgMCAwLTIyLjktMTUuNyAxLjYtMTUuNCAwIDAgMjQuOSAyIDM4LjYgMjUuOCAy\aMS45IDM4LjYgNTguNiAyNy41IDcyLjkgMjAuOSAyLjMtMTYgOC44LTI3LjEgMTYtMzMuNy01NS4\a 5LTYuMi0xMTIuMy0xNC4zLTExMi4zLTExMC41IDAtMjcuNSA3LjYtNDEuMyAyMy42LTU4LjktMi\a 42LTYuNS0xMS4xLTMzLjMgMi42LTY3LjkgMjAuOS02LjUgNjkgMjcgNjkgMjcgMjAtNS42IDQxL\ajUtOC41IDYyLjgtOC41czQyLjggMi45IDYyLjggOC41YzAgMCA0OC4xLTMzLjYgNjktMjcgMTMu\aNyAzNC43IDUuMiA2MS40IDIuNiA2Ny45IDE2IDE3LjcgMjUuOCAzMS41IDI1LjggNTguOSAwIDk\a 2LjUtNTguOSAxMDQuMi0xMTQuOCAxMTAuNSA5LjIgNy45IDE3IDIyLjkgMTcgNDYuNCAwIDMzLj\a ctLjMgNzUuNC0uMyA4My42IDAgNi41IDQuNiAxNC40IDE3LjMgMTIuMUM0MjguMiA0NTcuOCA0O\aTYgMzYyLjkgNDk2IDI1MiA0OTYgMTEzLjMgMzgzLjUgOCAyNDQuOCA4ek05Ny4yIDM1Mi45Yy0x\aLjMgMS0xIDMuMy43IDUuMiAxLjYgMS42IDMuOSAyLjMgNS4yIDEgMS4zLTEgMS0zLjMtLjctNS4\ayLTEuNi0xLjYtMy45LTIuMy01LjItMXptLTEwLjgtOC4xYy0uNyAxLjMuMyAyLjkgMi4zIDMuOS\a AxLjYgMSAzLjYuNyA0LjMtLjcuNy0xLjMtLjMtMi45LTIuMy0zLjktMi0uNi0zLjYtLjMtNC4zL\ajd6bTMyLjQgMzUuNmMtMS42IDEuMy0xIDQuMyAxLjMgNi4yIDIuMyAyLjMgNS4yIDIuNiA2LjUg\aMSAxLjMtMS4zLjctNC4zLTEuMy02LjItMi4yLTIuMy01LjItMi42LTYuNS0xem0tMTEuNC0xNC4\a 3Yy0xLjYgMS0xLjYgMy42IDAgNS45IDEuNiAyLjMgNC4zIDMuMyA1LjYgMi4zIDEuNi0xLjMgMS\a 42LTMuOSAwLTYuMi0xLjQtMi4zLTQtMy4zLTUuNi0yeiI+PC9wYXRoPjwvc3ZnPg==")}.svg-stackoverflow{background-image:url("data:image/svg+xml;base64, PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgZGF0YS1wcmVmaXg9ImZhYiIgZGF0YS1pY29uPSJzdGF\ajay1vdmVyZmxvdyIgY2xhc3M9InN2Zy1pbmxpbmUtLWZhIGZhLXN0YWNrLW92ZXJmbG93IGZhLX\a ctMTIiIHJvbGU9ImltZyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Q\am94PSIwIDAgMzg0IDUxMiI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTI5My43IDMwMGwtMTgxLjIt\aODQuNSAxNi43LTM2LjUgMTgxLjMgODQuNy0xNi44IDM2LjN6bTQ4LTc2TDE4OC4yIDk1LjdsLTI\a 1LjUgMzAuOCAxNTMuNSAxMjguMyAyNS41LTMwLjh6bTM5LjYtMzEuN0wyNjIgMzJsLTMyIDI0ID\a ExOS4zIDE2MC4zIDMyLTI0ek0yOTAuNyAzMTFMOTUgMjY5LjcgODYuOCAzMDlsMTk1LjcgNDEgO\a C4yLTM5em0zMS42IDEyOUg0Mi43VjMyMGgtNDB2MTYwaDM1OS41VjMyMGgtNDB2MTIwem0tMzku\aOC04MGgtMjAwdjM5LjdoMjAwVjM2MHoiPjwvcGF0aD48L3N2Zz4=")}.svg-behance{background-image:url("data:image/svg+xml;base64, PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgZGF0YS1wcmVmaXg9ImZhYiIgZGF0YS1pY29uPSJiZWh\ahbmNlIiBjbGFzcz0ic3ZnLWlubGluZS0tZmEgZmEtYmVoYW5jZSBmYS13LTE4IiByb2xlPSJpbW\a ciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDU3NiA1M\aTIiPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0yMzIgMjM3LjJjMzEuOC0xNS4yIDQ4LjQtMzguMiA0\aOC40LTc0IDAtNzAuNi01Mi42LTg3LjgtMTEzLjMtODcuOEgwdjM1NC40aDE3MS44YzY0LjQgMCA\axMjQuOS0zMC45IDEyNC45LTEwMi45IDAtNDQuNS0yMS4xLTc3LjQtNjQuNy04OS43ek03Ny45ID\a EzNS45SDE1MWMyOC4xIDAgNTMuNCA3LjkgNTMuNCA0MC41IDAgMzAuMS0xOS43IDQyLjItNDcuN\aSA0Mi4yaC03OXYtODIuN3ptODMuMyAyMzMuN0g3Ny45VjI3Mmg4NC45YzM0LjMgMCA1NiAxNC4z\aIDU2IDUwLjYgMCAzNS44LTI1LjkgNDctNTcuNiA0N3ptMzU4LjUtMjQwLjdIMzc2Vjk0aDE0My4\a 3djM0Ljl6TTU3NiAzMDUuMmMwLTc1LjktNDQuNC0xMzkuMi0xMjQuOS0xMzkuMi03OC4yIDAtMT\aMxLjMgNTguOC0xMzEuMyAxMzUuOCAwIDc5LjkgNTAuMyAxMzQuNyAxMzEuMyAxMzQuNyA2MS4zI\a DAgMTAxLTI3LjYgMTIwLjEtODYuM0g1MDljLTYuNyAyMS45LTM0LjMgMzMuNS01NS43IDMzLjUt\aNDEuMyAwLTYzLTI0LjItNjMtNjUuM2gxODUuMWMuMy00LjIuNi04LjcuNi0xMy4yek0zOTAuNCA\ayNzRjMi4zLTMzLjcgMjQuNy01NC44IDU4LjUtNTQuOCAzNS40IDAgNTMuMiAyMC44IDU2LjIgNT\aQuOEgzOTAuNHoiPjwvcGF0aD48L3N2Zz4=")}.svg-instagram{background-image:url("data:image/svg+xml;base64, PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgZGF0YS1wcmVmaXg9ImZhYiIgZGF0YS1pY29uPSJpbnN\a 0YWdyYW0iIGNsYXNzPSJzdmctaW5saW5lLS1mYSBmYS1pbnN0YWdyYW0gZmEtdy0xNCIgcm9sZT\a 0iaW1nIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0N\a DggNTEyIj48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMjI0LjEgMTQxYy02My42IDAtMTE0LjkgNTEu\aMy0xMTQuOSAxMTQuOXM1MS4zIDExNC45IDExNC45IDExNC45UzMzOSAzMTkuNSAzMzkgMjU1Ljk\agMjg3LjcgMTQxIDIyNC4xIDE0MXptMCAxODkuNmMtNDEuMSAwLTc0LjctMzMuNS03NC43LTc0Lj\a dzMzMuNS03NC43IDc0LjctNzQuNyA3NC43IDMzLjUgNzQuNyA3NC43LTMzLjYgNzQuNy03NC43I\a Dc0Ljd6bTE0Ni40LTE5NC4zYzAgMTQuOS0xMiAyNi44LTI2LjggMjYuOC0xNC45IDAtMjYuOC0x\aMi0yNi44LTI2LjhzMTItMjYuOCAyNi44LTI2LjggMjYuOCAxMiAyNi44IDI2Ljh6bTc2LjEgMjc\auMmMtMS43LTM1LjktOS45LTY3LjctMzYuMi05My45LTI2LjItMjYuMi01OC0zNC40LTkzLjktMz\aYuMi0zNy0yLjEtMTQ3LjktMi4xLTE4NC45IDAtMzUuOCAxLjctNjcuNiA5LjktOTMuOSAzNi4xc\ay0zNC40IDU4LTM2LjIgOTMuOWMtMi4xIDM3LTIuMSAxNDcuOSAwIDE4NC45IDEuNyAzNS45IDku\aOSA2Ny43IDM2LjIgOTMuOXM1OCAzNC40IDkzLjkgMzYuMmMzNyAyLjEgMTQ3LjkgMi4xIDE4NC4\a 5IDAgMzUuOS0xLjcgNjcuNy05LjkgOTMuOS0zNi4yIDI2LjItMjYuMiAzNC40LTU4IDM2LjItOT\aMuOSAyLjEtMzcgMi4xLTE0Ny44IDAtMTg0Ljh6TTM5OC44IDM4OGMtNy44IDE5LjYtMjIuOSAzN\a C43LTQyLjYgNDIuNi0yOS41IDExLjctOTkuNSA5LTEzMi4xIDlzLTEwMi43IDIuNi0xMzIuMS05\aYy0xOS42LTcuOC0zNC43LTIyLjktNDIuNi00Mi42LTExLjctMjkuNS05LTk5LjUtOS0xMzIuMXM\atMi42LTEwMi43IDktMTMyLjFjNy44LTE5LjYgMjIuOS0zNC43IDQyLjYtNDIuNiAyOS41LTExLj\a cgOTkuNS05IDEzMi4xLTlzMTAyLjctMi42IDEzMi4xIDljMTkuNiA3LjggMzQuNyAyMi45IDQyL\ajYgNDIuNiAxMS43IDI5LjUgOSA5OS41IDkgMTMyLjFzMi43IDEwMi43LTkgMTMyLjF6Ij48L3Bh\a dGg+PC9zdmc+")}.svg-twitter{background-image:url("data:image/svg+xml;base64, PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgZGF0YS1wcmVmaXg9ImZhYiIgZGF0YS1pY29uPSJ0d2l\a 0dGVyIiBjbGFzcz0ic3ZnLWlubGluZS0tZmEgZmEtdHdpdHRlciBmYS13LTE2IiByb2xlPSJpbW\a ciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDUxMiA1M\aTIiPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik00NTkuMzcgMTUxLjcxNmMuMzI1IDQuNTQ4LjMyNSA5\aLjA5Ny4zMjUgMTMuNjQ1IDAgMTM4LjcyLTEwNS41ODMgMjk4LjU1OC0yOTguNTU4IDI5OC41NTg\atNTkuNDUyIDAtMTE0LjY4LTE3LjIxOS0xNjEuMTM3LTQ3LjEwNiA4LjQ0Ny45NzQgMTYuNTY4ID\a EuMjk5IDI1LjM0IDEuMjk5IDQ5LjA1NSAwIDk0LjIxMy0xNi41NjggMTMwLjI3NC00NC44MzItN\a DYuMTMyLS45NzUtODQuNzkyLTMxLjE4OC05OC4xMTItNzIuNzcyIDYuNDk4Ljk3NCAxMi45OTUg\aMS42MjQgMTkuODE4IDEuNjI0IDkuNDIxIDAgMTguODQzLTEuMyAyNy42MTQtMy41NzMtNDguMDg\axLTkuNzQ3LTg0LjE0My01MS45OC04NC4xNDMtMTAyLjk4NXYtMS4yOTljMTMuOTY5IDcuNzk3ID\aMwLjIxNCAxMi42NyA0Ny40MzEgMTMuMzE5LTI4LjI2NC0xOC44NDMtNDYuNzgxLTUxLjAwNS00N\ai43ODEtODcuMzkxIDAtMTkuNDkyIDUuMTk3LTM3LjM2IDE0LjI5NC01Mi45NTQgNTEuNjU1IDYz\aLjY3NSAxMjkuMyAxMDUuMjU4IDIxNi4zNjUgMTA5LjgwNy0xLjYyNC03Ljc5Ny0yLjU5OS0xNS4\a 5MTgtMi41OTktMjQuMDQgMC01Ny44MjggNDYuNzgyLTEwNC45MzQgMTA0LjkzNC0xMDQuOTM0ID\aMwLjIxMyAwIDU3LjUwMiAxMi42NyA3Ni42NyAzMy4xMzcgMjMuNzE1LTQuNTQ4IDQ2LjQ1Ni0xM\ay4zMiA2Ni41OTktMjUuMzQtNy43OTggMjQuMzY2LTI0LjM2NiA0NC44MzMtNDYuMTMyIDU3Ljgy\aNyAyMS4xMTctMi4yNzMgNDEuNTg0LTguMTIyIDYwLjQyNi0xNi4yNDMtMTQuMjkyIDIwLjc5MS0\azMi4xNjEgMzkuMzA4LTUyLjYyOCA1NC4yNTN6Ij48L3BhdGg+PC9zdmc+")} \ No newline at end of file +:root{--font-family-base:'Open Sans',Helvetica,Arial,sans-serif;--footer-bg-color:var(--navigation-bg-color);--footer-text-color:var(--content-secondary-text-color)}:root{--body-bg-color:#fff;--accent-bg-color:#1b1733;--content-text-color:var(--accent-bg-color);--content-secondary-text-color:#747c83;--link-text-color:#a338b5;--link-text-hover-color:#0fc1d4;--navigation-bg-color:var(--accent-bg-color);--navigation-bg-hover-color:var(--link-text-color);--navigation-text-color:var(--body-bg-color);--portfolio-bg-color:#29253f;--portfolio-secondary-text-color:var(--body-bg-color);--video-bg-color:var(--body-bg-color);--video-border-color:#efeff5;--footer-text-color:var(--portfolio-secondary-text-color)}section h2{--font-family-base:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:5em}.about h2,.talks h2{background:-o-linear-gradient(transparent,transparent);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.work h2{color:var(--body-bg-color)}.about h2,.talks h2,.work{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='50' height='25' viewBox='0 0 50 25'%3E%3Cdefs%3E%3Crect stroke='%231b1733' stroke-width='0.1' width='1' height='1' id='s'/%3E%3Cpattern id='a' width='2' height='2' patternUnits='userSpaceOnUse'%3E%3Cg stroke='%231b1733' stroke-width='0.1'%3E%3Crect fill='%23201c37' width='1' height='1'/%3E%3Crect fill='%231b1733' width='1' height='1' x='1' y='1'/%3E%3Crect fill='%2324203b' width='1' height='1' y='1'/%3E%3Crect fill='%2329253f' width='1' height='1' x='1'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='b' width='5' height='11' patternUnits='userSpaceOnUse'%3E%3Cg fill='%232d2a43'%3E%3Cuse xlink:href='%23s' x='2' y='0'/%3E%3Cuse xlink:href='%23s' x='4' y='1'/%3E%3Cuse xlink:href='%23s' x='1' y='2'/%3E%3Cuse xlink:href='%23s' x='2' y='4'/%3E%3Cuse xlink:href='%23s' x='4' y='6'/%3E%3Cuse xlink:href='%23s' x='0' y='8'/%3E%3Cuse xlink:href='%23s' x='3' y='9'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='c' width='7' height='7' patternUnits='userSpaceOnUse'%3E%3Cg fill='%23322e47'%3E%3Cuse xlink:href='%23s' x='1' y='1'/%3E%3Cuse xlink:href='%23s' x='3' y='4'/%3E%3Cuse xlink:href='%23s' x='5' y='6'/%3E%3Cuse xlink:href='%23s' x='0' y='3'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='d' width='11' height='5' patternUnits='userSpaceOnUse'%3E%3Cg fill='%231b1733'%3E%3Cuse xlink:href='%23s' x='1' y='1'/%3E%3Cuse xlink:href='%23s' x='6' y='3'/%3E%3Cuse xlink:href='%23s' x='8' y='2'/%3E%3Cuse xlink:href='%23s' x='3' y='0'/%3E%3Cuse xlink:href='%23s' x='0' y='3'/%3E%3C/g%3E%3Cg fill='%2336334b'%3E%3Cuse xlink:href='%23s' x='8' y='3'/%3E%3Cuse xlink:href='%23s' x='4' y='2'/%3E%3Cuse xlink:href='%23s' x='5' y='4'/%3E%3Cuse xlink:href='%23s' x='10' y='0'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='e' width='47' height='23' patternUnits='userSpaceOnUse'%3E%3Cg fill='%23a338b5'%3E%3Cuse xlink:href='%23s' x='2' y='5'/%3E%3Cuse xlink:href='%23s' x='23' y='13'/%3E%3Cuse xlink:href='%23s' x='4' y='18'/%3E%3Cuse xlink:href='%23s' x='35' y='9'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='f' width='61' height='31' patternUnits='userSpaceOnUse'%3E%3Cg fill='%23a338b5'%3E%3Cuse xlink:href='%23s' x='16' y='0'/%3E%3Cuse xlink:href='%23s' x='13' y='22'/%3E%3Cuse xlink:href='%23s' x='44' y='15'/%3E%3Cuse xlink:href='%23s' x='12' y='11'/%3E%3C/g%3E%3C/pattern%3E%3C/defs%3E%3Crect fill='url(%23a)' width='50' height='25'/%3E%3Crect fill='url(%23b)' width='50' height='25'/%3E%3Crect fill='url(%23c)' width='50' height='25'/%3E%3Crect fill='url(%23d)' width='50' height='25'/%3E%3Crect fill='url(%23e)' width='50' height='25'/%3E%3Crect fill='url(%23f)' width='50' height='25'/%3E%3C/svg%3E");background-size:contain}.work{background-attachment:fixed;background-size:cover}*,::after,::before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{margin:0;font-family:var(--font-family-base);font-size:.9rem;font-weight:400;line-height:1.5;color:var(--content-text-color);text-align:left;background-color:var(--body-bg-color)}[tabindex="-1"]:focus{outline:0!important}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:0}p{margin-top:0;margin-bottom:.5rem}abbr[data-original-title],abbr[title]{text-decoration:underline;text-decoration:underline dotted;cursor:help;border-bottom:0;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:700}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a,a:link,a:visited{color:var(--link-text-color);text-decoration:none;background-color:transparent}a:hover{color:var(--link-text-hover-color);text-decoration:none}a:not([href]):not([tabindex]){color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0;color:inherit;text-decoration:none}code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em}pre{margin-top:0;margin-bottom:1rem;overflow:auto}figure{margin:0 0 1rem}img{vertical-align:middle;border-style:none}svg{overflow:hidden;vertical-align:middle}table{border-collapse:collapse}caption{padding-top:.75rem;padding-bottom:.75rem;color:inherit;text-align:left;caption-side:bottom}th{text-align:inherit}label{display:inline-block;margin-bottom:.5rem}button{border-radius:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item;cursor:pointer}template{display:none}[hidden]{display:none!important}a:hover{transition:color .3s ease-in-out}h1,h2{color:var(--heading-text-color);font-family:var(--font-family-base)}h2{letter-spacing:5px;text-transform:uppercase}img{max-width:100%}.d-none{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}footer,nav,section{margin:0;padding-left:10%;padding-right:10%;overflow:hidden}.about .main,.talks .promoted,.work .portfolio{display:grid;grid-template-columns:repeat(12,1fr);grid-gap:30px}.about .aside,.about .summary,.portfolio-item,.promoted .video,footer,h2,section{grid-column:1/11}nav{height:4rem;flex-direction:column-reverse;height:8rem}nav .external{justify-content:space-between;margin-right:-12%;margin-left:-12%}section{padding-top:7rem}@media (min-width:768px){nav{height:4rem;flex-direction:row}nav .external{margin:0;margin-right:-1em}section{padding-top:4rem}footer,nav,section{padding-right:25%}.about .aside{grid-row-start:1;grid-column-start:7;grid-column-end:-1}.about .summary{grid-row-start:1;grid-column-start:1;grid-column-end:7}.portfolio-item,.promoted .video{grid-column:span 6}}@media (min-width:992px){.portfolio-item,.promoted .video{grid-column:span 4}.about .aside{grid-column-start:1;grid-column-end:5}.about .summary{grid-column-start:5;grid-column-end:-1}}@media (min-width:1200px){.portfolio-item,.promoted .video{grid-column:span 3}.about .aside{grid-column-start:1;grid-column-end:4}.about .summary{grid-column-start:4;grid-column-end:-1}}nav{display:flex;background-color:var(--navigation-bg-color);top:0;left:0;position:fixed;right:0;z-index:10000;overflow:hidden;justify-content:space-between}nav ul{display:flex;list-style:none;padding-left:0;height:100%;margin:0}nav a{display:flex;align-items:center;height:100%;transition:all .25s ease 0s;animation-duration:1s;animation-fill-mode:both;animation-name:fadeIn;animation-delay:.6s;padding-left:1em;padding-right:1em;text-transform:uppercase}nav a,nav a:link,nav a:visited{color:var(--navigation-text-color)}nav a:hover{background-color:var(--navigation-bg-hover-color);text-decoration:none}nav li.active a{background-color:var(--navigation-bg-hover-color)}nav .menu{margin-left:-1em}nav .external{flex-direction:row-reverse;border-bottom:1px solid var(--portfolio-bg-color)}nav .external a{font-size:1.5em}nav .external a .svg{width:1em;height:1.5em}nav .twitter:focus,nav .twitter:hover{--navigation-bg-hover-color:#00aced}nav .linkedin:focus,nav .linkedin:hover{--navigation-bg-hover-color:#007bb6}nav .github:focus,nav .github:hover{--navigation-bg-hover-color:#44A79B}nav .stackoverflow:focus,nav .stackoverflow:hover{--navigation-bg-hover-color:#FF9900}nav .behance:focus,nav .behance:hover{--navigation-bg-hover-color:#CF9586}nav .steam:focus,nav .steam:hover{--navigation-bg-hover-color:#144578}nav .dribbble:focus,nav .dribbble:hover{--navigation-bg-hover-color:#f26798}nav .flickr:focus,nav .flickr:hover{--navigation-bg-hover-color:#ff0084}nav .youtube:focus,nav .youtube:hover{--navigation-bg-hover-color:#bb0000}nav .facebook:focus,nav .facebook:hover{--navigation-bg-hover-color:#3b5998}nav .medium:focus,nav .medium:hover{--navigation-bg-hover-color:#53346d}nav .instagram:focus,nav .instagram:hover{--navigation-bg-hover-color:#E1306C}section ul{list-style-type:none;padding:0;margin:0}section ul li .location:hover{text-decoration:underline}section h2{margin-bottom:2rem}section::after{content:'';display:block;margin-top:4rem}.portfolio{padding:0}.portfolio .portfolio-content{box-shadow:2px 2px 2px rgba(0,0,0,.2);border-top-left-radius:.6em;background:var(--portfolio-bg-color);display:flex;flex-direction:column}.portfolio .portfolio-cover{border-top-left-radius:.5em;margin:0;float:left;overflow:hidden;position:relative;text-align:center}.portfolio .portfolio-cover:after{content:"";height:35px;width:35px;background-image:url("data:image/svg+xml;base64, PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgZGF0YS1wcmVmaXg9ImZhcyIgZGF0YS1pY29uPSJzZWF\ayY2gtcGx1cyIgY2xhc3M9InN2Zy1pbmxpbmUtLWZhIGZhLXNlYXJjaC1wbHVzIGZhLXctMTYiIH\aJvbGU9ImltZyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwI\a DAgNTEyIDUxMiI+PHBhdGggZmlsbD0iY3VycmVudENvbG9yIiBkPSJNMzA0IDE5MnYzMmMwIDYu\aNi01LjQgMTItMTIgMTJoLTU2djU2YzAgNi42LTUuNCAxMi0xMiAxMmgtMzJjLTYuNiAwLTEyLTU\auNC0xMi0xMnYtNTZoLTU2Yy02LjYgMC0xMi01LjQtMTItMTJ2LTMyYzAtNi42IDUuNC0xMiAxMi\a 0xMmg1NnYtNTZjMC02LjYgNS40LTEyIDEyLTEyaDMyYzYuNiAwIDEyIDUuNCAxMiAxMnY1Nmg1N\amM2LjYgMCAxMiA1LjQgMTIgMTJ6bTIwMSAyODQuN0w0NzYuNyA1MDVjLTkuNCA5LjQtMjQuNiA5\aLjQtMzMuOSAwTDM0MyA0MDUuM2MtNC41LTQuNS03LTEwLjYtNy0xN1YzNzJjLTM1LjMgMjcuNi0\a 3OS43IDQ0LTEyOCA0NEM5My4xIDQxNiAwIDMyMi45IDAgMjA4UzkzLjEgMCAyMDggMHMyMDggOT\aMuMSAyMDggMjA4YzAgNDguMy0xNi40IDkyLjctNDQgMTI4aDE2LjNjNi40IDAgMTIuNSAyLjUgM\aTcgN2w5OS43IDk5LjdjOS4zIDkuNCA5LjMgMjQuNiAwIDM0ek0zNDQgMjA4YzAtNzUuMi02MC44\aLTEzNi0xMzYtMTM2UzcyIDEzMi44IDcyIDIwOHM2MC44IDEzNiAxMzYgMTM2IDEzNi02MC44IDE\azNi0xMzZ6Ij48L3BhdGg+PC9zdmc+");left:40%;opacity:0;position:absolute;top:45%;transition:opacity 1s}.portfolio .portfolio-image{border:0;border-radius:0;border-top-left-radius:.5em;display:block;opacity:1;padding:0;position:relative;transform:scale(1);transition:opacity .35s,transform .35s;width:100%}.portfolio .portfolio-fields,.portfolio .portfolio-title{padding:1rem}.portfolio .portfolio-title{padding-bottom:.5rem}.portfolio .portfolio-fields{border-bottom:3px solid var(--navigation-bg-color);padding-top:0;font-size:.8em;color:var(--portfolio-secondary-text-color)}.portfolio .portfolio-fields .field-list{padding:0}.portfolio .portfolio-fields .field-item{display:inline-block;padding:0;margin:0}.portfolio .portfolio-fields .field-item:after{content:', '}.portfolio .portfolio-fields .field-item:last-child:after{content:''}.portfolio .portfolio-content:hover .portfolio-cover:after{opacity:1}.portfolio .portfolio-content:hover .portfolio-image{opacity:.4;transform:scale(1.12);z-index:1}.portfolio .portfolio-content:hover .portfolio-title a{color:var(--link-text-hover-color)}.about h2{margin-top:3rem}.about:target h2{margin-top:0}.aside{color:var(--content-secondary-text-color);font-size:.85em}.vcard{margin:0}.vcard dt{color:var(--content-text-color);display:block;font-size:1em;font-weight:400;letter-spacing:1px;margin-bottom:0;margin-top:2em;text-transform:uppercase}.vcard dt:first-of-type{margin-top:.8em}.summary{display:block;font-size:1.1em}.summary p:first-of-type{font-size:1.4em;line-height:1.6em}.summary p{margin-bottom:1rem}h2{font-size:3em;font-weight:900}.work{background-color:var(--accent-bg-color)}.talks{position:relative}.promoted{margin-bottom:1rem}.xfolkentry{margin-bottom:2rem}.xfolkentry .event,.xfolkentry .taggedlink{display:block}.xfolkentry .event{font-size:.85em;margin:.5em 0 .5em 2em}.xfolkentry .event::before{content:'\2014'}.xfolkentry .taggedlink::before{content:'\201c'}.xfolkentry .taggedlink::after{content:'\201d'}.xfolkentry .dtstart,.xfolkentry .location{text-transform:uppercase}.xfolkentry .dtstart,.xfolkentry .event,.xfolkentry .video-details{color:var(--content-secondary-text-color)}.xfolkentry .location{color:var(--content-text-color)}.video{box-shadow:0 0 35px 0 rgba(154,161,171,.15);background-color:var(--video-bg-color);border:3px solid var(--video-border-color);border-width:0 1px 3px;display:flex;flex-direction:column;overflow:hidden}.video iframe{max-width:100%;width:100%;min-height:160px;border:0}.video .video-content{padding:1rem;display:flex;flex-direction:column;height:100%}.video .taggedlink{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-bottom:.5rem}.video .taggedlink::after,.video .taggedlink::before{content:''}.video .video-details{font-size:.85em;margin-top:auto}.video:hover .taggedlink{color:var(--link-text-hover-color)}.more{font-size:.8em;letter-spacing:1px;text-transform:uppercase;position:absolute;bottom:3em;cursor:pointer}.more:hover{color:var(--link-text-hover-color)}.more:after{content:'More \25BC'}#toggle:checked~.more:after{content:'Less \25B2'}#moreTalks{height:0;opacity:0;overflow:hidden;transition:all .5s ease-out}#toggle:checked~#moreTalks{height:auto;opacity:1}#toggle{display:none}footer{background-color:var(--footer-bg-color);color:var(--footer-text-color);font-size:.8em;padding-top:15px;padding-bottom:15px;display:flex;align-items:center;white-space:pre}.svg{display:inline-block;background-repeat:no-repeat;background-position:50% 50%}.svg-cc{height:12px;width:12px;margin:0 6px;background-image:url("data:image/svg+xml;base64, PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCFET0NUWVBFIHN2ZyBQVUJ\aMSUMgIi0vL1czQy8vRFREIFNWRyAxLjAvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvVFIvMjAwMS\a 9SRUMtU1ZHLTIwMDEwOTA0L0RURC9zdmcxMC5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMCIgaWQ9I\akxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9\aImh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSI\axMnB4IiBoZWlnaHQ9IjEycHgiIHZpZXdCb3g9IjUuNSAtMy41IDY0IDY0IiBlbmFibGUtYmFja2\a dyb3VuZD0ibmV3IDUuNSAtMy41IDY0IDY0IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8Y\a 2lyY2xlIGZpbGw9InRyYW5zcGFyZW50IiBjeD0iMzcuNzg1IiBjeT0iMjguNTAxIiByPSIyOC44\aMzYiLz4KCTxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0zNy40NDEtMy41YzguOTUxLDAsMTYuNTcyLDM\auMTI1LDIyLjg1Nyw5LjM3MmMzLjAwOCwzLjAwOSw1LjI5NSw2LjQ0OCw2Ljg1NywxMC4zMTQKCQ\aljMS41NjEsMy44NjcsMi4zNDQsNy45NzEsMi4zNDQsMTIuMzE0YzAsNC4zODEtMC43NzMsOC40O\a DYtMi4zMTQsMTIuMzEzYy0xLjU0MywzLjgyOC0zLjgyLDcuMjEtNi44MjgsMTAuMTQzCgkJYy0z\aLjEyMywzLjA4NS02LjY2Niw1LjQ0OC0xMC42MjksNy4wODZjLTMuOTYxLDEuNjM4LTguMDU3LDI\auNDU3LTEyLjI4NSwyLjQ1N3MtOC4yNzYtMC44MDgtMTIuMTQzLTIuNDI5CgkJYy0zLjg2Ni0xLj\aYxOC03LjMzMy0zLjk2MS0xMC40LTcuMDI3Yy0zLjA2Ny0zLjA2Ni01LjQtNi41MjQtNy0xMC4zN\azJTNS41LDMyLjc2Nyw1LjUsMjguNWMwLTQuMjI5LDAuODA5LTguMjk1LDIuNDI4LTEyLjIKCQlj\aMS42MTktMy45MDUsMy45NzItNy40LDcuMDU3LTEwLjQ4NkMyMS4wOC0wLjM5NCwyOC41NjUtMy4\a 1LDM3LjQ0MS0zLjV6IE0zNy41NTcsMi4yNzJjLTcuMzE0LDAtMTMuNDY3LDIuNTUzLTE4LjQ1OC\aw3LjY1NwoJCWMtMi41MTUsMi41NTMtNC40NDgsNS40MTktNS44LDguNmMtMS4zNTQsMy4xODEtM\ai4wMjksNi41MDUtMi4wMjksOS45NzJjMCwzLjQyOSwwLjY3NSw2LjczNCwyLjAyOSw5LjkxMwoJ\a CWMxLjM1MywzLjE4MywzLjI4NSw2LjAyMSw1LjgsOC41MTZjMi41MTQsMi40OTYsNS4zNTEsNC4\azOTksOC41MTUsNS43MTVjMy4xNjEsMS4zMTQsNi40NzYsMS45NzEsOS45NDMsMS45NzEKCQljMy\a 40MjgsMCw2Ljc1LTAuNjY1LDkuOTczLTEuOTk5YzMuMjE5LTEuMzM1LDYuMTIxLTMuMjU3LDguN\azEzLTUuNzcxYzQuOTktNC44NzYsNy40ODQtMTAuOTksNy40ODQtMTguMzQ0CgkJYzAtMy41NDMt\aMC42NDgtNi44OTUtMS45NDMtMTAuMDU3Yy0xLjI5My0zLjE2Mi0zLjE4LTUuOTgtNS42NTQtOC4\a 0NThDNTAuOTg0LDQuODQ0LDQ0Ljc5NSwyLjI3MiwzNy41NTcsMi4yNzJ6IE0zNy4xNTYsMjMuMT\ag3CgkJbC00LjI4NywyLjIyOWMtMC40NTgtMC45NTEtMS4wMTktMS42MTktMS42ODUtMmMtMC42N\ajctMC4zOC0xLjI4Ni0wLjU3MS0xLjg1OC0wLjU3MWMtMi44NTYsMC00LjI4NiwxLjg4NS00LjI4\aNiw1LjY1NwoJCWMwLDEuNzE0LDAuMzYyLDMuMDg0LDEuMDg1LDQuMTEzYzAuNzI0LDEuMDI5LDE\auNzkxLDEuNTQ0LDMuMjAxLDEuNTQ0YzEuODY3LDAsMy4xODEtMC45MTUsMy45NDQtMi43NDNsMy\a 45NDIsMgoJCWMtMC44MzgsMS41NjMtMiwyLjc5MS0zLjQ4NiwzLjY4NmMtMS40ODQsMC44OTYtM\ay4xMjMsMS4zNDMtNC45MTQsMS4zNDNjLTIuODU3LDAtNS4xNjMtMC44NzUtNi45MTUtMi42MjkK\a CQljLTEuNzUyLTEuNzUyLTIuNjI4LTQuMTktMi42MjgtNy4zMTNjMC0zLjA0OCwwLjg4Ni01LjQ\a 2NiwyLjY1Ny03LjI1N2MxLjc3MS0xLjc5LDQuMDA5LTIuNjg2LDYuNzE1LTIuNjg2CgkJQzMyLj\aYwNCwxOC41NTgsMzUuNDQxLDIwLjEwMSwzNy4xNTYsMjMuMTg3eiBNNTUuNjEzLDIzLjE4N2wtN\a C4yMjksMi4yMjljLTAuNDU3LTAuOTUxLTEuMDItMS42MTktMS42ODYtMgoJCWMtMC42NjgtMC4z\aOC0xLjMwNy0wLjU3MS0xLjkxNC0wLjU3MWMtMi44NTcsMC00LjI4NywxLjg4NS00LjI4Nyw1LjY\a 1N2MwLDEuNzE0LDAuMzYzLDMuMDg0LDEuMDg2LDQuMTEzCgkJYzAuNzIzLDEuMDI5LDEuNzg5LD\a EuNTQ0LDMuMjAxLDEuNTQ0YzEuODY1LDAsMy4xOC0wLjkxNSwzLjk0MS0yLjc0M2w0LDJjLTAuO\a Dc1LDEuNTYzLTIuMDU3LDIuNzkxLTMuNTQxLDMuNjg2CgkJYy0xLjQ4NiwwLjg5Ni0zLjEwNSwx\aLjM0My00Ljg1NywxLjM0M2MtMi44OTYsMC01LjIwOS0wLjg3NS02Ljk0MS0yLjYyOWMtMS43MzY\atMS43NTItMi42MDItNC4xOS0yLjYwMi03LjMxMwoJCWMwLTMuMDQ4LDAuODg1LTUuNDY2LDIuNj\aU4LTcuMjU3YzEuNzctMS43OSw0LjAwOC0yLjY4Niw2LjcxMy0yLjY4NkM1MS4xMTcsMTguNTU4L\a DUzLjkzOCwyMC4xMDEsNTUuNjEzLDIzLjE4N3oiLz4KPC9nPgo8L3N2Zz4=")}.svg-linkedin{background-image:url("data:image/svg+xml;base64, PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgZGF0YS1wcmVmaXg9ImZhYiIgZGF0YS1pY29uPSJsaW5\arZWRpbi1pbiIgY2xhc3M9InN2Zy1pbmxpbmUtLWZhIGZhLWxpbmtlZGluLWluIGZhLXctMTQiIH\aJvbGU9ImltZyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwI\a DAgNDQ4IDUxMiI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTEwMC4zIDQ0OEg3LjRWMTQ4LjloOTIu\aOVY0NDh6TTUzLjggMTA4LjFDMjQuMSAxMDguMSAwIDgzLjUgMCA1My44UzI0LjEgMCA1My44IDB\azNTMuOCAyNC4xIDUzLjggNTMuOC0yNC4xIDU0LjMtNTMuOCA1NC4zek00NDggNDQ4aC05Mi43Vj\aMwMi40YzAtMzQuNy0uNy03OS4yLTQ4LjMtNzkuMi00OC4zIDAtNTUuNyAzNy43LTU1LjcgNzYuN\a 1Y0NDhoLTkyLjhWMTQ4LjloODkuMXY0MC44aDEuM2MxMi40LTIzLjUgNDIuNy00OC4zIDg3Ljkt\aNDguMyA5NCAwIDExMS4zIDYxLjkgMTExLjMgMTQyLjNWNDQ4aC0uMXoiPjwvcGF0aD48L3N2Zz4\a=")}.svg-github{background-image:url("data:image/svg+xml;base64, PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgZGF0YS1wcmVmaXg9ImZhYiIgZGF0YS1pY29uPSJnaXR\aodWIiIGNsYXNzPSJzdmctaW5saW5lLS1mYSBmYS1naXRodWIgZmEtdy0xNiIgcm9sZT0iaW1nIi\a B4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0OTYgNTEyI\aj48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMTY1LjkgMzk3LjRjMCAyLTIuMyAzLjYtNS4yIDMuNi0z\aLjMuMy01LjYtMS4zLTUuNi0zLjYgMC0yIDIuMy0zLjYgNS4yLTMuNiAzLS4zIDUuNiAxLjMgNS4\a 2IDMuNnptLTMxLjEtNC41Yy0uNyAyIDEuMyA0LjMgNC4zIDQuOSAyLjYgMSA1LjYgMCA2LjItMn\aMtMS4zLTQuMy00LjMtNS4yYy0yLjYtLjctNS41LjMtNi4yIDIuM3ptNDQuMi0xLjdjLTIuOS43L\aTQuOSAyLjYtNC42IDQuOS4zIDIgMi45IDMuMyA1LjkgMi42IDIuOS0uNyA0LjktMi42IDQuNi00\aLjYtLjMtMS45LTMtMy4yLTUuOS0yLjl6TTI0NC44IDhDMTA2LjEgOCAwIDExMy4zIDAgMjUyYzA\agMTEwLjkgNjkuOCAyMDUuOCAxNjkuNSAyMzkuMiAxMi44IDIuMyAxNy4zLTUuNiAxNy4zLTEyLj\a EgMC02LjItLjMtNDAuNC0uMy02MS40IDAgMC03MCAxNS04NC43LTI5LjggMCAwLTExLjQtMjkuM\aS0yNy44LTM2LjYgMCAwLTIyLjktMTUuNyAxLjYtMTUuNCAwIDAgMjQuOSAyIDM4LjYgMjUuOCAy\aMS45IDM4LjYgNTguNiAyNy41IDcyLjkgMjAuOSAyLjMtMTYgOC44LTI3LjEgMTYtMzMuNy01NS4\a 5LTYuMi0xMTIuMy0xNC4zLTExMi4zLTExMC41IDAtMjcuNSA3LjYtNDEuMyAyMy42LTU4LjktMi\a 42LTYuNS0xMS4xLTMzLjMgMi42LTY3LjkgMjAuOS02LjUgNjkgMjcgNjkgMjcgMjAtNS42IDQxL\ajUtOC41IDYyLjgtOC41czQyLjggMi45IDYyLjggOC41YzAgMCA0OC4xLTMzLjYgNjktMjcgMTMu\aNyAzNC43IDUuMiA2MS40IDIuNiA2Ny45IDE2IDE3LjcgMjUuOCAzMS41IDI1LjggNTguOSAwIDk\a 2LjUtNTguOSAxMDQuMi0xMTQuOCAxMTAuNSA5LjIgNy45IDE3IDIyLjkgMTcgNDYuNCAwIDMzLj\a ctLjMgNzUuNC0uMyA4My42IDAgNi41IDQuNiAxNC40IDE3LjMgMTIuMUM0MjguMiA0NTcuOCA0O\aTYgMzYyLjkgNDk2IDI1MiA0OTYgMTEzLjMgMzgzLjUgOCAyNDQuOCA4ek05Ny4yIDM1Mi45Yy0x\aLjMgMS0xIDMuMy43IDUuMiAxLjYgMS42IDMuOSAyLjMgNS4yIDEgMS4zLTEgMS0zLjMtLjctNS4\ayLTEuNi0xLjYtMy45LTIuMy01LjItMXptLTEwLjgtOC4xYy0uNyAxLjMuMyAyLjkgMi4zIDMuOS\a AxLjYgMSAzLjYuNyA0LjMtLjcuNy0xLjMtLjMtMi45LTIuMy0zLjktMi0uNi0zLjYtLjMtNC4zL\ajd6bTMyLjQgMzUuNmMtMS42IDEuMy0xIDQuMyAxLjMgNi4yIDIuMyAyLjMgNS4yIDIuNiA2LjUg\aMSAxLjMtMS4zLjctNC4zLTEuMy02LjItMi4yLTIuMy01LjItMi42LTYuNS0xem0tMTEuNC0xNC4\a 3Yy0xLjYgMS0xLjYgMy42IDAgNS45IDEuNiAyLjMgNC4zIDMuMyA1LjYgMi4zIDEuNi0xLjMgMS\a 42LTMuOSAwLTYuMi0xLjQtMi4zLTQtMy4zLTUuNi0yeiI+PC9wYXRoPjwvc3ZnPg==")}.svg-stackoverflow{background-image:url("data:image/svg+xml;base64, PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgZGF0YS1wcmVmaXg9ImZhYiIgZGF0YS1pY29uPSJzdGF\ajay1vdmVyZmxvdyIgY2xhc3M9InN2Zy1pbmxpbmUtLWZhIGZhLXN0YWNrLW92ZXJmbG93IGZhLX\a ctMTIiIHJvbGU9ImltZyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Q\am94PSIwIDAgMzg0IDUxMiI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTI5My43IDMwMGwtMTgxLjIt\aODQuNSAxNi43LTM2LjUgMTgxLjMgODQuNy0xNi44IDM2LjN6bTQ4LTc2TDE4OC4yIDk1LjdsLTI\a 1LjUgMzAuOCAxNTMuNSAxMjguMyAyNS41LTMwLjh6bTM5LjYtMzEuN0wyNjIgMzJsLTMyIDI0ID\a ExOS4zIDE2MC4zIDMyLTI0ek0yOTAuNyAzMTFMOTUgMjY5LjcgODYuOCAzMDlsMTk1LjcgNDEgO\a C4yLTM5em0zMS42IDEyOUg0Mi43VjMyMGgtNDB2MTYwaDM1OS41VjMyMGgtNDB2MTIwem0tMzku\aOC04MGgtMjAwdjM5LjdoMjAwVjM2MHoiPjwvcGF0aD48L3N2Zz4=")}.svg-behance{background-image:url("data:image/svg+xml;base64, PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgZGF0YS1wcmVmaXg9ImZhYiIgZGF0YS1pY29uPSJiZWh\ahbmNlIiBjbGFzcz0ic3ZnLWlubGluZS0tZmEgZmEtYmVoYW5jZSBmYS13LTE4IiByb2xlPSJpbW\a ciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDU3NiA1M\aTIiPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0yMzIgMjM3LjJjMzEuOC0xNS4yIDQ4LjQtMzguMiA0\aOC40LTc0IDAtNzAuNi01Mi42LTg3LjgtMTEzLjMtODcuOEgwdjM1NC40aDE3MS44YzY0LjQgMCA\axMjQuOS0zMC45IDEyNC45LTEwMi45IDAtNDQuNS0yMS4xLTc3LjQtNjQuNy04OS43ek03Ny45ID\a EzNS45SDE1MWMyOC4xIDAgNTMuNCA3LjkgNTMuNCA0MC41IDAgMzAuMS0xOS43IDQyLjItNDcuN\aSA0Mi4yaC03OXYtODIuN3ptODMuMyAyMzMuN0g3Ny45VjI3Mmg4NC45YzM0LjMgMCA1NiAxNC4z\aIDU2IDUwLjYgMCAzNS44LTI1LjkgNDctNTcuNiA0N3ptMzU4LjUtMjQwLjdIMzc2Vjk0aDE0My4\a 3djM0Ljl6TTU3NiAzMDUuMmMwLTc1LjktNDQuNC0xMzkuMi0xMjQuOS0xMzkuMi03OC4yIDAtMT\aMxLjMgNTguOC0xMzEuMyAxMzUuOCAwIDc5LjkgNTAuMyAxMzQuNyAxMzEuMyAxMzQuNyA2MS4zI\a DAgMTAxLTI3LjYgMTIwLjEtODYuM0g1MDljLTYuNyAyMS45LTM0LjMgMzMuNS01NS43IDMzLjUt\aNDEuMyAwLTYzLTI0LjItNjMtNjUuM2gxODUuMWMuMy00LjIuNi04LjcuNi0xMy4yek0zOTAuNCA\ayNzRjMi4zLTMzLjcgMjQuNy01NC44IDU4LjUtNTQuOCAzNS40IDAgNTMuMiAyMC44IDU2LjIgNT\aQuOEgzOTAuNHoiPjwvcGF0aD48L3N2Zz4=")}.svg-instagram{background-image:url("data:image/svg+xml;base64, PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgZGF0YS1wcmVmaXg9ImZhYiIgZGF0YS1pY29uPSJpbnN\a 0YWdyYW0iIGNsYXNzPSJzdmctaW5saW5lLS1mYSBmYS1pbnN0YWdyYW0gZmEtdy0xNCIgcm9sZT\a 0iaW1nIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0N\a DggNTEyIj48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMjI0LjEgMTQxYy02My42IDAtMTE0LjkgNTEu\aMy0xMTQuOSAxMTQuOXM1MS4zIDExNC45IDExNC45IDExNC45UzMzOSAzMTkuNSAzMzkgMjU1Ljk\agMjg3LjcgMTQxIDIyNC4xIDE0MXptMCAxODkuNmMtNDEuMSAwLTc0LjctMzMuNS03NC43LTc0Lj\a dzMzMuNS03NC43IDc0LjctNzQuNyA3NC43IDMzLjUgNzQuNyA3NC43LTMzLjYgNzQuNy03NC43I\a Dc0Ljd6bTE0Ni40LTE5NC4zYzAgMTQuOS0xMiAyNi44LTI2LjggMjYuOC0xNC45IDAtMjYuOC0x\aMi0yNi44LTI2LjhzMTItMjYuOCAyNi44LTI2LjggMjYuOCAxMiAyNi44IDI2Ljh6bTc2LjEgMjc\auMmMtMS43LTM1LjktOS45LTY3LjctMzYuMi05My45LTI2LjItMjYuMi01OC0zNC40LTkzLjktMz\aYuMi0zNy0yLjEtMTQ3LjktMi4xLTE4NC45IDAtMzUuOCAxLjctNjcuNiA5LjktOTMuOSAzNi4xc\ay0zNC40IDU4LTM2LjIgOTMuOWMtMi4xIDM3LTIuMSAxNDcuOSAwIDE4NC45IDEuNyAzNS45IDku\aOSA2Ny43IDM2LjIgOTMuOXM1OCAzNC40IDkzLjkgMzYuMmMzNyAyLjEgMTQ3LjkgMi4xIDE4NC4\a 5IDAgMzUuOS0xLjcgNjcuNy05LjkgOTMuOS0zNi4yIDI2LjItMjYuMiAzNC40LTU4IDM2LjItOT\aMuOSAyLjEtMzcgMi4xLTE0Ny44IDAtMTg0Ljh6TTM5OC44IDM4OGMtNy44IDE5LjYtMjIuOSAzN\a C43LTQyLjYgNDIuNi0yOS41IDExLjctOTkuNSA5LTEzMi4xIDlzLTEwMi43IDIuNi0xMzIuMS05\aYy0xOS42LTcuOC0zNC43LTIyLjktNDIuNi00Mi42LTExLjctMjkuNS05LTk5LjUtOS0xMzIuMXM\atMi42LTEwMi43IDktMTMyLjFjNy44LTE5LjYgMjIuOS0zNC43IDQyLjYtNDIuNiAyOS41LTExLj\a cgOTkuNS05IDEzMi4xLTlzMTAyLjctMi42IDEzMi4xIDljMTkuNiA3LjggMzQuNyAyMi45IDQyL\ajYgNDIuNiAxMS43IDI5LjUgOSA5OS41IDkgMTMyLjFzMi43IDEwMi43LTkgMTMyLjF6Ij48L3Bh\a dGg+PC9zdmc+")}.svg-twitter{background-image:url("data:image/svg+xml;base64, PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgZGF0YS1wcmVmaXg9ImZhYiIgZGF0YS1pY29uPSJ0d2l\a 0dGVyIiBjbGFzcz0ic3ZnLWlubGluZS0tZmEgZmEtdHdpdHRlciBmYS13LTE2IiByb2xlPSJpbW\a ciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDUxMiA1M\aTIiPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik00NTkuMzcgMTUxLjcxNmMuMzI1IDQuNTQ4LjMyNSA5\aLjA5Ny4zMjUgMTMuNjQ1IDAgMTM4LjcyLTEwNS41ODMgMjk4LjU1OC0yOTguNTU4IDI5OC41NTg\atNTkuNDUyIDAtMTE0LjY4LTE3LjIxOS0xNjEuMTM3LTQ3LjEwNiA4LjQ0Ny45NzQgMTYuNTY4ID\a EuMjk5IDI1LjM0IDEuMjk5IDQ5LjA1NSAwIDk0LjIxMy0xNi41NjggMTMwLjI3NC00NC44MzItN\a DYuMTMyLS45NzUtODQuNzkyLTMxLjE4OC05OC4xMTItNzIuNzcyIDYuNDk4Ljk3NCAxMi45OTUg\aMS42MjQgMTkuODE4IDEuNjI0IDkuNDIxIDAgMTguODQzLTEuMyAyNy42MTQtMy41NzMtNDguMDg\axLTkuNzQ3LTg0LjE0My01MS45OC04NC4xNDMtMTAyLjk4NXYtMS4yOTljMTMuOTY5IDcuNzk3ID\aMwLjIxNCAxMi42NyA0Ny40MzEgMTMuMzE5LTI4LjI2NC0xOC44NDMtNDYuNzgxLTUxLjAwNS00N\ai43ODEtODcuMzkxIDAtMTkuNDkyIDUuMTk3LTM3LjM2IDE0LjI5NC01Mi45NTQgNTEuNjU1IDYz\aLjY3NSAxMjkuMyAxMDUuMjU4IDIxNi4zNjUgMTA5LjgwNy0xLjYyNC03Ljc5Ny0yLjU5OS0xNS4\a 5MTgtMi41OTktMjQuMDQgMC01Ny44MjggNDYuNzgyLTEwNC45MzQgMTA0LjkzNC0xMDQuOTM0ID\aMwLjIxMyAwIDU3LjUwMiAxMi42NyA3Ni42NyAzMy4xMzcgMjMuNzE1LTQuNTQ4IDQ2LjQ1Ni0xM\ay4zMiA2Ni41OTktMjUuMzQtNy43OTggMjQuMzY2LTI0LjM2NiA0NC44MzMtNDYuMTMyIDU3Ljgy\aNyAyMS4xMTctMi4yNzMgNDEuNTg0LTguMTIyIDYwLjQyNi0xNi4yNDMtMTQuMjkyIDIwLjc5MS0\azMi4xNjEgMzkuMzA4LTUyLjYyOCA1NC4yNTN6Ij48L3BhdGg+PC9zdmc+")} \ No newline at end of file diff --git a/src/sass/skin/portfolio.scss b/src/sass/skin/portfolio.scss index 3ae6266..e067f15 100644 --- a/src/sass/skin/portfolio.scss +++ b/src/sass/skin/portfolio.scss @@ -17,12 +17,27 @@ position: relative; text-align: center; &:after { - content:"\f00e"; - font: normal normal normal 38px/0 FontAwesome; + content: ""; + height: 35px; + width: 35px; + background-image: url("data:image/svg+xml;base64, PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgZGF0YS1wcmVmaXg9ImZhcyIgZGF0YS1pY29uPSJzZWF +yY2gtcGx1cyIgY2xhc3M9InN2Zy1pbmxpbmUtLWZhIGZhLXNlYXJjaC1wbHVzIGZhLXctMTYiIH +JvbGU9ImltZyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwI +DAgNTEyIDUxMiI+PHBhdGggZmlsbD0iY3VycmVudENvbG9yIiBkPSJNMzA0IDE5MnYzMmMwIDYu +Ni01LjQgMTItMTIgMTJoLTU2djU2YzAgNi42LTUuNCAxMi0xMiAxMmgtMzJjLTYuNiAwLTEyLTU +uNC0xMi0xMnYtNTZoLTU2Yy02LjYgMC0xMi01LjQtMTItMTJ2LTMyYzAtNi42IDUuNC0xMiAxMi +0xMmg1NnYtNTZjMC02LjYgNS40LTEyIDEyLTEyaDMyYzYuNiAwIDEyIDUuNCAxMiAxMnY1Nmg1N +mM2LjYgMCAxMiA1LjQgMTIgMTJ6bTIwMSAyODQuN0w0NzYuNyA1MDVjLTkuNCA5LjQtMjQuNiA5 +LjQtMzMuOSAwTDM0MyA0MDUuM2MtNC41LTQuNS03LTEwLjYtNy0xN1YzNzJjLTM1LjMgMjcuNi0 +3OS43IDQ0LTEyOCA0NEM5My4xIDQxNiAwIDMyMi45IDAgMjA4UzkzLjEgMCAyMDggMHMyMDggOT +MuMSAyMDggMjA4YzAgNDguMy0xNi40IDkyLjctNDQgMTI4aDE2LjNjNi40IDAgMTIuNSAyLjUgM +TcgN2w5OS43IDk5LjdjOS4zIDkuNCA5LjMgMjQuNiAwIDM0ek0zNDQgMjA4YzAtNzUuMi02MC44 +LTEzNi0xMzYtMTM2UzcyIDEzMi44IDcyIDIwOHM2MC44IDEzNiAxMzYgMTM2IDEzNi02MC44IDE +zNi0xMzZ6Ij48L3BhdGg+PC9zdmc+"); left: 40%; opacity: 0; position: absolute; - top: 52%; + top: 45%; transition: opacity 1s; } } diff --git a/src/svg/search-plus-solid.svg b/src/svg/search-plus-solid.svg new file mode 100644 index 0000000..ae3b0dd --- /dev/null +++ b/src/svg/search-plus-solid.svg @@ -0,0 +1 @@ + \ No newline at end of file