diff --git a/assets/built/app.css b/assets/built/app.css index d6f7b4dc..b0d858a5 100644 --- a/assets/built/app.css +++ b/assets/built/app.css @@ -1,3 +1,3 @@ -.sm-button,.sm-button--color,.sm-button--search{display:flex;align-items:center;justify-content:center;width:10rem;padding:.25rem .5rem;margin-right:auto;margin-left:auto;font-family:inherit;font-size:1rem;line-height:inherit;color:currentColor;cursor:pointer;background-color:none;border:none;border-radius:4px;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);background-color:#303030;background-color:var(--surface3,#303030);transition:background-color .2s}.sm-button+.sm-button,.sm-button+.sm-button--color,.sm-button+.sm-button--search,.sm-button--color+.sm-button,.sm-button--color+.sm-button--color,.sm-button--color+.sm-button--search,.sm-button--search+.sm-button,.sm-button--search+.sm-button--color,.sm-button--search+.sm-button--search{margin-top:1rem}.sm-button--color:hover,.sm-button--search:hover,.sm-button:hover{outline:none;background-color:#383838;background-color:var(--surface4,#383838)}.color-mode-btn.sm-button--color:hover svg,.color-mode-btn.sm-button--search:hover svg,.sm-button.color-mode-btn:hover svg{fill:#eee8aa}.sm-button--color:active,.sm-button--search:active,.sm-button:active{box-shadow:1px 1px 2px rgba(0,0,0,.35)}.sm-button--color svg,.sm-button--search svg,.sm-button svg{width:1rem;height:1rem;margin-right:.15rem;transform:translateY(-1px);fill:transparent;stroke:currentColor;transition:fill .2s}.sm-button--color{background-color:#80deea;background-color:var(--primary,#80deea);transition:background-color .2s}.sm-button--color,.sm-button--color:hover{color:#0a0a0a;color:var(--textInverse,#0a0a0a)}.sm-button--color:hover{background-color:#ffab91;background-color:var(--secondary,#ffab91)}.sm-button--color:active{box-shadow:1px 1px 2px rgba(0,0,0,.35)}.sm-button--search{display:none}.card,.card--tags{position:relative;max-width:100%;background-color:#282828;background-color:var(--surface2,#282828);box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06)}.card,.card--tags,.card__link{display:flex;flex-direction:column;border-radius:4px}.card__link{height:100%;transition:box-shadow .2s cubic-bezier(.41,.56,.05,.95),color .2s cubic-bezier(.41,.56,.05,.95)}.card__link:focus,.card__link:hover{box-shadow:0 0 0 4px #80deea;box-shadow:0 0 0 4px color(primary);box-shadow:0 0 0 4px var(--primary,color(primary))}.card__link:focus .card--tags__title,.card__link:focus .card__title,.card__link:hover .card--tags__title,.card__link:hover .card__title{color:#80deea;color:var(--primary,#80deea)}.card--tags__img-container,.card__img-container{position:relative;width:100%;height:0;padding-top:50%}.card__img-container.members:after,.card__img-container.paid:after,.members.card--tags__img-container:after,.paid.card--tags__img-container:after{position:absolute;bottom:0;left:1.25rem;padding:.25em .5em;font-size:14px;text-transform:uppercase;letter-spacing:-.2px;content:"Members";background-color:#e8e9e9;background-color:var(--text1,#e8e9e9);color:#202020;color:var(--surface1,#202020)}.card--tags__img,.card--tags__no-img,.card__img,.card__no-img{position:absolute;top:0;left:0;display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-top-left-radius:4px;border-top-right-radius:4px}.card--tags__no-img,.card__no-img{background:linear-gradient(to right top,#80deea,#ffab91);background:var(--gradient)}.card--tags__no-img:after,.card__no-img:after{position:absolute;top:0;left:0;width:calc(100% - 2rem);height:calc(100% - 2rem);margin:1rem;content:"";border-radius:4px;background:#202020;background:var(--surface1,#202020)}.card--tags__body,.card__body{display:flex;flex-direction:column;align-items:flex-start;height:100%;padding:0 1.25rem;margin:1.25rem 0}.card--tags__date,.card__date{display:flex;padding:1px;font-size:.75rem;font-weight:400;color:#e8e9e9;color:var(--text1,#e8e9e9);text-transform:uppercase}.card--tags__title,.card__title{position:relative;margin:.25rem 0 1.5rem;font-size:1.5rem;line-height:1.1;color:#f5f5f5;color:var(--text,#f5f5f5);transition:color .2s}.card--tags{overflow:hidden}.card--tags__link:focus .card--tags__title,.card--tags__link:hover .card--tags__title{color:#f5f5f5;color:var(--text,#f5f5f5);background:rgba(33,33,33,.75);background:var(--surface1-75,rgba(33,33,33,.75));transition:none}.card--tags__link:focus .card--tags__date,.card--tags__link:hover .card--tags__date{background:rgba(33,33,33,.75);background:var(--surface1-75,rgba(33,33,33,.75))}.card--tags__link:focus .card--tags__img-container:after,.card--tags__link:hover .card--tags__img-container:after{background:transparent}.card--tags__img-container:after{position:absolute;top:0;left:0;width:100%;height:100%;content:"";background:rgba(0,0,0,.5);border-radius:4px;transition:all .2s}.card--tags__no-img{background:#80deea;background:var(--primary,#80deea)}.card--tags__no-img:after{background:none}.card--tags__img,.card--tags__no-img{border-radius:4px}.card--tags__body{position:absolute;top:0;left:0;z-index:2;flex-direction:row;align-items:stretch;height:auto}.card--tags__title{padding:.25rem 0 .25rem .5rem;margin:0;font-size:2rem;color:#f5f5f5;color:var(--text,#f5f5f5);background:#202020;background:var(--surface1,#202020);border-top-left-radius:4px;border-bottom-left-radius:4px}@media(min-width:640px){.card--tags__title{font-size:1.5rem}}.card--tags__date{padding:.375rem .5rem;color:#ffab91;color:var(--secondary,#ffab91);background:#202020;background:var(--surface1,#202020);font-family:Lato,-apple-system,blinkmacsystemfont,Segoe UI,roboto,oxygen,ubuntu,cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:2rem;line-height:1;border-top-right-radius:4px;border-bottom-right-radius:4px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}@media(min-width:640px){.card--tags__date{font-size:1.5rem}}.card--tags:nth-child(2n) .card--tags__no-img,.card--tags:nth-child(2n) .card__no-img{background:#8cdbbf;background:var(--three,#8cdbbf)}.card--tags:nth-child(3n) .card--tags__no-img,.card--tags:nth-child(3n) .card__no-img{background:#b4d195;background:var(--four,#b4d195)}.card--tags:nth-child(4n) .card--tags__no-img,.card--tags:nth-child(4n) .card__no-img{background:#e0c081;background:var(--five,#e0c081)}.card--tags:nth-child(5n) .card--tags__no-img,.card--tags:nth-child(5n) .card__no-img{background:#ffab91;background:var(--secondary,#ffab91)}hr{height:.15rem;margin:2rem 0;background:linear-gradient(90deg,var(--surface2),var(--surface3),var(--surface4),var(--surface3),var(--surface2));border:none;border-radius:4px}.form{display:flex;flex-direction:column;font-size:1rem}.form__input,.form textarea{width:100%;padding:.25rem;margin:.25rem 0;font-family:Lato,-apple-system,blinkmacsystemfont,Segoe UI,roboto,oxygen,ubuntu,cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:1rem;border:1px solid;border-radius:4px;color:#e8e9e9;color:var(--text1,#e8e9e9);background-color:#282828;background-color:var(--surface2,#282828);transition:all .2s}.form__input:focus,.form textarea:focus{color:#f5f5f5;color:var(--text,#f5f5f5);background-color:#303030;background-color:var(--surface3,#303030);border:1px solid #80deea;border:1px solid var(--primary);outline:none;transition:all .2s}.form textarea{flex-basis:auto;height:8rem}.form .sm-button--color{margin:1rem 0 0}.grid,.grid-container,.grid-container--footer{display:grid;grid-gap:1.5rem;gap:1.5rem}@supports not (gap:1.5rem){.grid,.grid-container,.grid-container--footer{display:flex;flex-wrap:wrap}.grid-container--footer .card,.grid-container .card,.grid .card{width:50%;min-width:14.375rem;margin-bottom:1rem}.grid-container--footer .card:first-child,.grid-container .card:first-child,.grid .card:first-child{width:100%}}.grid-container,.grid-container--footer{align-content:stretch;grid-template-columns:repeat(auto-fit,minmax(292px,1fr));max-width:100%;margin:1rem 0}.grid-container--footer{grid-gap:2rem;grid-template-columns:repeat(2,1fr)}@media(min-width:1024px){.grid-container--footer{grid-gap:2rem;grid-template-columns:repeat(4,1fr)}}@media(min-width:640px)and (max-width:1023px){.grid-container-1{grid-template-columns:minmax(292px,1fr)}.grid-container-1 .card-1 .card__link{flex-direction:row}.grid-container-1 .card-1 .card__img-container{width:50%;height:100%;min-height:12rem;padding:0}.grid-container-1 .card-1 .card__img,.grid-container-1 .card-1 .card__no-img{border-top-left-radius:4px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:4px}.grid-container-1 .card-1 .card__body{width:calc(50% - 2.5rem);height:auto}.grid-container-2,.grid-container-4{grid-template-columns:repeat(2,1fr)}.grid-container-3{grid-template-areas:"one one" "two three";grid-template-columns:1fr 1fr}.grid-container-3 .card-1{grid-area:one}.grid-container-3 .card-1 .card__link{flex-direction:row}.grid-container-3 .card-1 .card__img-container{width:50%;height:100%;min-height:12rem;padding:0}.grid-container-3 .card-1 .card__img,.grid-container-3 .card-1 .card__no-img{border-top-left-radius:4px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:4px}.grid-container-3 .card-1 .card__body{width:calc(50% - 2.5rem);height:auto}.grid-container-3 .card-2{grid-area:two}.grid-container-3 .card-3{grid-area:three}.grid-container-5{grid-template-areas:"one one" "two three" "four five";grid-template-columns:1fr 1fr}.grid-container-5 .card-1{grid-area:one}.grid-container-5 .card-1 .card__link{flex-direction:row}.grid-container-5 .card-1 .card__img-container{width:50%;height:100%;min-height:12rem;padding:0}.grid-container-5 .card-1 .card__img,.grid-container-5 .card-1 .card__no-img{border-top-left-radius:4px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:4px}.grid-container-5 .card-1 .card__body{width:calc(50% - 2.5rem);height:auto}.grid-container-5 .card-2{grid-area:two}.grid-container-5 .card-3{grid-area:three}.grid-container-5 .card-4{grid-area:four}.grid-container-5 .card-5{grid-area:five}}@media(min-width:1024px)and (max-width:1279px){.grid-container-1{grid-template-columns:minmax(292px,1fr)}.grid-container-1 .card-1 .card__link{flex-direction:row}.grid-container-1 .card-1 .card__img-container{width:50%;height:100%;min-height:17.1875rem;padding:0}.grid-container-1 .card-1 .card__img,.grid-container-1 .card-1 .card__no-img{border-top-left-radius:4px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:4px}.grid-container-1 .card-1 .card__body{width:calc(50% - 2.5rem);height:auto}.grid-container-2,.grid-container-4{grid-template-columns:repeat(2,1fr)}.grid-container-3{grid-template-areas:"one one" "two three";grid-template-columns:1fr 1fr}.grid-container-3 .card-1{grid-area:one}.grid-container-3 .card-1 .card__link{flex-direction:row}.grid-container-3 .card-1 .card__img-container{width:50%;height:100%;min-height:17.1875rem;padding:0}.grid-container-3 .card-1 .card__img,.grid-container-3 .card-1 .card__no-img{border-top-left-radius:4px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:4px}.grid-container-3 .card-1 .card__body{width:calc(50% - 2.5rem);height:auto}.grid-container-3 .card-2{grid-area:two}.grid-container-3 .card-3{grid-area:three}.grid-container-5{grid-template-areas:"one one" "two three" "four five";grid-template-columns:1fr 1fr}.grid-container-5 .card-1{grid-area:one}.grid-container-5 .card-1 .card__link{flex-direction:row}.grid-container-5 .card-1 .card__img-container{width:50%;height:100%;min-height:17.1875rem;padding:0}.grid-container-5 .card-1 .card__img,.grid-container-5 .card-1 .card__no-img{border-top-left-radius:4px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:4px}.grid-container-5 .card-1 .card__body{width:calc(50% - 2.5rem);height:auto}.grid-container-5 .card-2{grid-area:two}.grid-container-5 .card-3{grid-area:three}.grid-container-5 .card-4{grid-area:four}.grid-container-5 .card-5{grid-area:five}}@media(min-width:1280px){.grid-container-1{grid-template-columns:minmax(292px,1fr)}.grid-container-1 .card-1 .card__link{flex-direction:row}.grid-container-1 .card-1 .card__img-container{width:50%;height:50%;min-height:17.1875rem;padding:0}.grid-container-1 .card-1 .card__img,.grid-container-1 .card-1 .card__no-img{border-top-left-radius:4px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:4px}.grid-container-1 .card-1 .card__body{width:calc(50% - 2.5rem);height:auto}.grid-container-2{grid-template-columns:repeat(2,1fr)}.grid-container-3{grid-template-columns:repeat(3,1fr)}.grid-container-4{grid-template-areas:"one two" "three four";grid-template-columns:1fr 1fr}.grid-container-4 .card-1{grid-area:one}.grid-container-4 .card-2{grid-area:two}.grid-container-4 .card-3{grid-area:three}.grid-container-4 .card-4{grid-area:four}.grid-container-5{grid-template-areas:"one one one two two two" "three three four four five five";grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr}.grid-container-5 .card-1{grid-area:one}.grid-container-5 .card-1__img,.grid-container-5 .card-1__no-img{border-top-left-radius:4px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:4px}.grid-container-5 .card-2{grid-area:two}.grid-container-5 .card-3{grid-area:three}.grid-container-5 .card-4{grid-area:four}.grid-container-5 .card-5{grid-area:five}}.link{position:relative;display:inline;text-decoration:none}.link:before{position:absolute;bottom:-1px;left:0;z-index:-1;width:100%;height:2px;-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0);content:"";background-color:#80deea;background-color:var(--primary,#80deea);border-radius:4px}.link:before,.link:hover:before{transition:-webkit-clip-path .2s;transition:clip-path .2s;transition:clip-path .2s, -webkit-clip-path .2s;transition:clip-path .2s,-webkit-clip-path .2s}.link:hover:before{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}.link.nav-current:before{-webkit-clip-path:none;clip-path:none}.content-wrap:before{top:0;left:0;z-index:7;width:100%;height:100%;content:"";background:linear-gradient(315deg,rgba(0,0,0,.5),rgba(0,0,0,.3));opacity:0;transition:opacity .2s;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.expanded-menu .content-wrap:before,.expanded-modal .content-wrap:before{position:fixed;opacity:1}.modal{position:fixed;top:0;left:0;z-index:10;width:100%;height:100%;overflow:hidden;text-align:center;pointer-events:none;opacity:0;transition:opacity .2s ease-in;color:#f5f5f5;color:var(--text,#f5f5f5);background-color:#282828;background-color:var(--surface2,#282828)}@media(min-width:1024px){.modal{left:50%;width:380px;max-width:100vw;max-height:75%;margin-top:15vmin;border-radius:4px;box-shadow:-3px 0 10px rgba(0,0,0,.25);transform:translate(-50%)}}.modal__container{display:flex;flex-direction:column;align-items:center;justify-content:space-between;height:100%;padding:1rem 1.5rem}.modal[aria-expanded=true]{overflow-y:auto;pointer-events:all;opacity:1}@media(min-width:1024px){.modal[aria-expanded=true]{-webkit-animation:popup .25s ease-out;animation:popup .25s ease-out}}.modal__header{display:flex;flex-direction:column;width:100%}.modal__header .navigation__ul{margin:2rem}.modal__close-btn{align-self:flex-end;width:1.5rem;height:1.5rem;margin:0 0 1rem 1rem;line-height:0}.modal__close-btn:hover svg{stroke:#ffab91;stroke:var(--secondary,#ffab91)}.modal__close-btn svg{width:1.5rem;height:1.5rem;stroke-width:3;stroke:#e8e9e9;stroke:var(--text1,#e8e9e9);transition:all .2s}.modal__title{margin:0}.modal__footer{display:flex;flex-wrap:wrap;justify-content:center;width:100%}.modal__footer a{width:1.25rem;height:1.25rem;margin:.5rem}.modal__footer a:last-child{margin-right:0}.modal__footer a svg{width:100%;height:100%;stroke:#c7c7c8;stroke:var(--text2,#c7c7c8)}.search__modal .modal__container{justify-content:flex-start}.search__modal .small-header{text-align:left}.search__button--loading{display:none;-webkit-animation:rotate 1s linear infinite;animation:rotate 1s linear infinite}.loading .search__button--loading{display:inline-block}.loading .search__button--content{display:none}.search__input-container{display:flex}.search__input-container button,.search__input-container input{margin:0;line-height:1}.search__input-container input{flex:2;margin-right:.25rem}.search__input-container button{flex:1}@-webkit-keyframes rotate{to{transform:rotate(1turn)}}@keyframes rotate{to{transform:rotate(1turn)}}.search-results{width:100%;height:100%;margin-top:1rem}.search-results .small-header{text-align:left}.search-results__item{margin-top:1rem;text-align:left;border-radius:4px;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);background-color:#303030;background-color:var(--surface3,#303030)}.search-results__item:first-child{margin-top:.25rem}.search-results__link{display:block;width:100%;height:100%;padding:1rem;border:3px solid transparent;border-radius:4px;transition:box-shadow .2s}.search-results__link:hover{box-shadow:0 0 0 4px #80deea;box-shadow:0 0 0 4px var(--primary)}.search-results__link:hover .search-results__link{color:#80deea;color:var(--primary,#80deea)}.search-results__date{font-size:.8rem;color:#e8e9e9;color:var(--text1,#e8e9e9);background:none}.search-results__title{margin:.25rem 0;font-family:"DM Serif Text",georgia,serif;font-size:1.1rem;font-weight:400;line-height:1.2;transition:color .2s}.search-results__excerpt{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;font-size:.9rem;-webkit-line-clamp:3;text-overflow:ellipsis;color:#c7c7c8;color:var(--text2,#c7c7c8)}.post-share-bar{position:fixed;bottom:0;z-index:5;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;width:100%;font-weight:700;color:#c7c7c8;color:var(--text2,#c7c7c8);text-align:center;background-color:#303030;background-color:var(--surface3,#303030);border-bottom:3px solid var(--text4);opacity:0;transition:transform .2s ease-in,opacity .2s;transform:translate3d(0,100%,0)}.post-share-bar__link,.post-share-bar__link--copy,.post-share-bar__link--facebook,.post-share-bar__link--linkedin,.post-share-bar__link--twitter{width:2.5rem;height:2.5rem;padding:.5rem;transition:background-color .2s}.post-share-bar__link--copy svg,.post-share-bar__link--facebook svg,.post-share-bar__link--linkedin svg,.post-share-bar__link--twitter svg,.post-share-bar__link svg{width:100%;height:100%;fill:transparent;stroke:#c7c7c8;stroke:var(--text2,#c7c7c8);transition:stroke .2s}@media(min-width:1024px){.post-share-bar__link--copy:first-child,.post-share-bar__link--facebook:first-child,.post-share-bar__link--linkedin:first-child,.post-share-bar__link--twitter:first-child,.post-share-bar__link:first-child{border-top-right-radius:4px}.post-share-bar__link--copy:last-child,.post-share-bar__link--facebook:last-child,.post-share-bar__link--linkedin:last-child,.post-share-bar__link--twitter:last-child,.post-share-bar__link:last-child{border-bottom-right-radius:4px}}.post-share-bar__link--twitter:active,.post-share-bar__link--twitter:hover{background-color:#1da1f2}.post-share-bar__link--twitter:active svg,.post-share-bar__link--twitter:hover svg{stroke:#fff}.post-share-bar__link--facebook:active,.post-share-bar__link--facebook:hover{background-color:#1877f2}.post-share-bar__link--facebook:active svg,.post-share-bar__link--facebook:hover svg{stroke:#fff}.post-share-bar__link--linkedin:active,.post-share-bar__link--linkedin:hover{background-color:#0077b5}.post-share-bar__link--linkedin:active svg,.post-share-bar__link--linkedin:hover svg{stroke:#fff}.post-share-bar__link--copy:active,.post-share-bar__link--copy:hover{background-color:#80deea;background-color:var(--primary,#80deea)}.post-share-bar__link--copy:active svg,.post-share-bar__link--copy:hover svg{stroke:#fff}:root[color-mode=dark] .post-share-bar__link--copy:active svg,:root[color-mode=dark] .post-share-bar__link--copy:hover svg{stroke:#000}@media(min-width:1024px){.post-share-bar{top:50%;bottom:auto;flex-direction:column;width:auto;border-bottom:none;border-top-right-radius:4px;border-bottom-right-radius:4px;transform:translate3d(-100%,-50%,0)}}.skip-to-content{position:fixed;top:0;left:50%;z-index:15;opacity:0;transition:background-color .2s,transform .25s ease-out,opacity .25s;transform:translate3d(-50%,-125%,0)}.skip-to-content:focus{opacity:1;transition:transform .25s ease-in,opacity .25s;transform:translate3d(-50%,.5rem,0)}.small-header,label{margin-top:1rem;font-size:.8rem;font-weight:700;text-transform:uppercase;color:#a5a5a7;color:var(--text3,#a5a5a7)}.academia svg{fill:currentColor;transition:all .2s}.academia svg:focus,.academia svg:hover{fill:#80deea;fill:var(--primary,#80deea)}.facebook svg{fill:none;stroke:currentColor;transition:stroke .2s}.facebook svg:hover{stroke:#1877f2}.github svg{fill:none;stroke:currentColor;transition:stroke .2s}.github svg:hover{stroke:#4078c0}.gitlab svg{fill:none;stroke:currentColor;transition:stroke .2s}.gitlab svg:hover{stroke:#fca326}.instagram svg{fill:none;stroke:currentColor;transition:stroke .2s}.instagram svg:hover{stroke:#c13584}.linkedin svg{fill:none;stroke:currentColor;transition:stroke .2s}.linkedin svg:hover{stroke:#0077b5}.rss svg{fill:none;stroke:currentColor;transition:stroke .2s}.rss svg:hover{stroke:#f26522}.twitch svg{fill:none;stroke:currentColor;transition:stroke .2s}.twitch svg:hover{stroke:#6441a5}.twitter svg{fill:none;stroke:currentColor;transition:stroke .2s}.twitter svg:hover{stroke:#1da1f2}.map svg,.website svg{fill:transparent;stroke:currentColor;transition:all .2s}.map svg:focus,.map svg:hover,.website svg:focus,.website svg:hover{stroke:#80deea;stroke:var(--primary,#80deea)}.youtube svg{fill:none;stroke:currentColor;transition:stroke .2s}.youtube svg:hover{stroke:red}.sm-tag{display:inline-block;color:#c7c7c8;color:var(--text2,#c7c7c8);font-size:.8rem;text-transform:uppercase;letter-spacing:.2px;transition:color .2s}.sm-tag:before{content:"#"}.sm-tag:not(.card .sm-tag):hover{color:#f5f5f5;color:var(--text,#f5f5f5)}.card .sm-tag{margin-top:auto}.post__tag-bar .sm-tag:not(:last-child){margin-right:.5rem}.author__img-container{position:relative;display:flex;flex-shrink:0;align-items:center;justify-content:center;margin-bottom:2rem;border-radius:50%}@media(min-width:640px){.author__img-container{margin-bottom:0}}.author__img-container:before{position:absolute;top:0;left:0;width:100%;height:100%;content:"";background:linear-gradient(45deg,#80deea,#ffab91);background:var(--gradient);border-radius:50%}.author__img,.author__no-img{position:relative;z-index:1;width:9rem;height:9rem;margin:.25rem;border-radius:50%;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06)}.author__no-img{overflow:hidden;background:linear-gradient(45deg,#80deea,#ffab91);background:var(--gradient)}.author__no-img svg{display:block;width:90%;height:90%;margin:0 auto;fill:transparent;color:#0a0a0a;color:var(--textInverse,#0a0a0a)}@media(min-width:640px){.author__text{margin-left:4rem}}.author__name{margin:0;font-family:"DM Serif Text",georgia,serif;font-weight:400}.author__location svg:hover{stroke:currentColor}.author__meta{display:flex;align-items:center}.author__meta a{margin-right:.5rem;line-height:1}.author__meta a:last-child{margin-right:0}.author__meta svg{width:1rem;height:1rem;transition:all .2s}.author__location{display:flex;align-items:center}.author__location p{margin-left:.25rem}.author__location svg{width:1rem;height:1rem}.main--error__heading{position:relative;margin-bottom:0;font-family:"DM Serif Text",georgia,serif;font-size:4rem;font-weight:400;text-align:center}.main--error__text{font-size:1.5rem;text-align:center;color:#e8e9e9;color:var(--text1,#e8e9e9)}.main,.main--index{width:100%;overflow-x:hidden}.main--index{margin-top:3.25rem}@media(min-width:1024px){.main--index{margin-top:5.5rem}}.main__outer-container{position:relative;width:100%;padding:1rem}@media(min-width:640px)and (max-width:1023px){.main__outer-container{padding:1rem 3rem 2rem}}@media(min-width:1024px){.main__outer-container{padding:1rem 4rem 2rem}}.main__inner-container{max-width:1024px;margin:0 auto 1rem}.main__header{display:inline;margin:0}.main__read-more{display:inline-block;color:#f5f5f5;color:var(--text,#f5f5f5);transition:color .2s}.main__read-more h2{margin:0}.main__read-more:hover{color:#ffab91;color:var(--secondary,#ffab91)} +.sm-button,.sm-button--color,.sm-button--search{display:flex;align-items:center;justify-content:center;width:10rem;padding:.25rem .5rem;margin-right:auto;margin-left:auto;font-family:inherit;font-size:1rem;line-height:inherit;color:currentColor;cursor:pointer;background-color:none;border:none;border-radius:4px;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);background-color:#303030;background-color:var(--surface3,#303030);transition:background-color .2s}.sm-button+.sm-button,.sm-button+.sm-button--color,.sm-button+.sm-button--search,.sm-button--color+.sm-button,.sm-button--color+.sm-button--color,.sm-button--color+.sm-button--search,.sm-button--search+.sm-button,.sm-button--search+.sm-button--color,.sm-button--search+.sm-button--search{margin-top:1rem}.sm-button--color:hover,.sm-button--search:hover,.sm-button:hover{outline:none;background-color:#383838;background-color:var(--surface4,#383838)}.color-mode-btn.sm-button--color:hover svg,.color-mode-btn.sm-button--search:hover svg,.sm-button.color-mode-btn:hover svg{fill:#eee8aa}.sm-button--color:active,.sm-button--search:active,.sm-button:active{box-shadow:1px 1px 2px rgba(0,0,0,.35)}.sm-button--color svg,.sm-button--search svg,.sm-button svg{width:1rem;height:1rem;margin-right:.15rem;transform:translateY(-1px);fill:transparent;stroke:currentColor;transition:fill .2s}.sm-button--color{background-color:#80deea;background-color:var(--primary,#80deea);transition:background-color .2s}.sm-button--color,.sm-button--color:hover{color:#0a0a0a;color:var(--textInverse,#0a0a0a)}.sm-button--color:hover{background-color:#ffab91;background-color:var(--secondary,#ffab91)}.sm-button--color:active{box-shadow:1px 1px 2px rgba(0,0,0,.35)}.sm-button--search{display:none}.sm-card,.sm-card--tags{position:relative;max-width:100%;background-color:#282828;background-color:var(--surface2,#282828);box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06)}.sm-card,.sm-card--tags,.sm-card__link{display:flex;flex-direction:column;border-radius:4px}.sm-card__link{height:100%;transition:box-shadow .2s cubic-bezier(.41,.56,.05,.95),color .2s cubic-bezier(.41,.56,.05,.95)}.sm-card__link:focus,.sm-card__link:hover{box-shadow:0 0 0 4px #80deea;box-shadow:0 0 0 4px color(primary);box-shadow:0 0 0 4px var(--primary,color(primary))}.sm-card__link:focus .sm-card--tags__title,.sm-card__link:focus .sm-card__title,.sm-card__link:hover .sm-card--tags__title,.sm-card__link:hover .sm-card__title{color:#80deea;color:var(--primary,#80deea)}.sm-card--tags__img-container,.sm-card__img-container{position:relative;width:100%;height:0;padding-top:50%}.members.sm-card--tags__img-container:after,.paid.sm-card--tags__img-container:after,.sm-card__img-container.members:after,.sm-card__img-container.paid:after{position:absolute;bottom:0;left:1.25rem;padding:.25em .5em;font-size:14px;text-transform:uppercase;letter-spacing:-.2px;content:"Members";background-color:#e8e9e9;background-color:var(--text1,#e8e9e9);color:#202020;color:var(--surface1,#202020)}.sm-card--tags__img,.sm-card--tags__no-img,.sm-card__img,.sm-card__no-img{position:absolute;top:0;left:0;display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-top-left-radius:4px;border-top-right-radius:4px}.sm-card--tags__no-img,.sm-card__no-img{background:linear-gradient(to right top,#80deea,#ffab91);background:var(--gradient)}.sm-card--tags__no-img:after,.sm-card__no-img:after{position:absolute;top:0;left:0;width:calc(100% - 2rem);height:calc(100% - 2rem);margin:1rem;content:"";border-radius:4px;background:#202020;background:var(--surface1,#202020)}.sm-card--tags__body,.sm-card__body{display:flex;flex-direction:column;align-items:flex-start;height:100%;padding:0 1.25rem;margin:1.25rem 0}.sm-card--tags__date,.sm-card__date{display:flex;padding:1px;font-size:.75rem;font-weight:400;color:#e8e9e9;color:var(--text1,#e8e9e9);text-transform:uppercase}.sm-card--tags__title,.sm-card__title{position:relative;margin:.25rem 0 1.5rem;font-size:1.5rem;line-height:1.1;color:#f5f5f5;color:var(--text,#f5f5f5);transition:color .2s}.sm-card--tags{overflow:hidden}.sm-card--tags__link:focus .sm-card--tags__img-container:after,.sm-card--tags__link:hover .sm-card--tags__img-container:after{background:transparent}.sm-card--tags__img-container:after{position:absolute;top:0;left:0;width:100%;height:100%;content:"";background:rgba(0,0,0,.5);border-radius:4px;transition:all .2s}.sm-card--tags__no-img{background:#80deea;background:var(--primary,#80deea)}.sm-card--tags__no-img:after{background:none}.sm-card--tags__img,.sm-card--tags__no-img{border-radius:4px}.sm-card--tags__body{position:absolute;top:0;left:0;z-index:2;flex-direction:row;align-items:stretch;height:auto}.sm-card--tags__title{padding:.25rem 0 .25rem .5rem;margin:0;font-size:2rem;color:#f5f5f5;color:var(--text,#f5f5f5);background:#202020;background:var(--surface1,#202020);border-top-left-radius:4px;border-bottom-left-radius:4px}@media(min-width:640px){.sm-card--tags__title{font-size:1.5rem}}.sm-card--tags__date{padding:.375rem .5rem;color:#ffab91;color:var(--secondary,#ffab91);background:#202020;background:var(--surface1,#202020);font-family:Lato,-apple-system,blinkmacsystemfont,Segoe UI,roboto,oxygen,ubuntu,cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:2rem;line-height:1;border-top-right-radius:4px;border-bottom-right-radius:4px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}@media(min-width:640px){.sm-card--tags__date{font-size:1.5rem}}.sm-card--tags:nth-child(2n) .sm-card--tags__no-img,.sm-card--tags:nth-child(2n) .sm-card__no-img{background:#8cdbbf;background:var(--three,#8cdbbf)}.sm-card--tags:nth-child(3n) .sm-card--tags__no-img,.sm-card--tags:nth-child(3n) .sm-card__no-img{background:#b4d195;background:var(--four,#b4d195)}.sm-card--tags:nth-child(4n) .sm-card--tags__no-img,.sm-card--tags:nth-child(4n) .sm-card__no-img{background:#e0c081;background:var(--five,#e0c081)}.sm-card--tags:nth-child(5n) .sm-card--tags__no-img,.sm-card--tags:nth-child(5n) .sm-card__no-img{background:#ffab91;background:var(--secondary,#ffab91)}hr{height:.15rem;margin:2rem 0;background:linear-gradient(90deg,var(--surface2),var(--surface3),var(--surface4),var(--surface3),var(--surface2));border:none;border-radius:4px}.sm-form{display:flex;flex-direction:column;font-size:1rem}.sm-form__input,.sm-form textarea{width:100%;padding:.25rem;margin:.25rem 0;font-family:Lato,-apple-system,blinkmacsystemfont,Segoe UI,roboto,oxygen,ubuntu,cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:1rem;border:1px solid;border-radius:4px;color:#e8e9e9;color:var(--text1,#e8e9e9);background-color:#282828;background-color:var(--surface2,#282828);transition:all .2s}.sm-form__input:focus,.sm-form textarea:focus{color:#f5f5f5;color:var(--text,#f5f5f5);background-color:#303030;background-color:var(--surface3,#303030);border:1px solid #80deea;border:1px solid var(--primary);outline:none;transition:all .2s}.sm-form textarea{flex-basis:auto;height:8rem}.sm-form .sm-button--color{margin:1rem 0 0}.sm-grid,.sm-grid-container,.sm-grid-container--footer{display:grid;grid-gap:1.5rem;gap:1.5rem}@supports not (gap:1.5rem){.sm-grid,.sm-grid-container,.sm-grid-container--footer{display:flex;flex-wrap:wrap}.sm-grid-container--footer .sm-card,.sm-grid-container .sm-card,.sm-grid .sm-card{width:50%;min-width:14.375rem;margin-bottom:1rem}.sm-grid-container--footer .sm-card:first-child,.sm-grid-container .sm-card:first-child,.sm-grid .sm-card:first-child{width:100%}}.sm-grid-container,.sm-grid-container--footer{align-content:stretch;grid-template-columns:repeat(auto-fit,minmax(292px,1fr));max-width:100%;margin:1rem 0}.sm-grid-container--footer{grid-gap:2rem;grid-template-columns:repeat(2,1fr)}@media(min-width:1024px){.sm-grid-container--footer{grid-gap:2rem;grid-template-columns:repeat(4,1fr)}}@media(min-width:640px)and (max-width:1023px){.sm-grid-container-1{grid-template-columns:minmax(292px,1fr)}.sm-grid-container-1 .sm-card-1 .sm-card__link{flex-direction:row}.sm-grid-container-1 .sm-card-1 .sm-card__img-container{width:50%;height:100%;min-height:12rem;padding:0}.sm-grid-container-1 .sm-card-1 .sm-card__img,.sm-grid-container-1 .sm-card-1 .sm-card__no-img{border-top-left-radius:4px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:4px}.sm-grid-container-1 .sm-card-1 .sm-card__body{width:calc(50% - 2.5rem);height:auto}.sm-grid-container-2,.sm-grid-container-4{grid-template-columns:repeat(2,1fr)}.sm-grid-container-3{grid-template-areas:"one one" "two three";grid-template-columns:1fr 1fr}.sm-grid-container-3 .sm-card-1{grid-area:one}.sm-grid-container-3 .sm-card-1 .sm-card__link{flex-direction:row}.sm-grid-container-3 .sm-card-1 .sm-card__img-container{width:50%;height:100%;min-height:12rem;padding:0}.sm-grid-container-3 .sm-card-1 .sm-card__img,.sm-grid-container-3 .sm-card-1 .sm-card__no-img{border-top-left-radius:4px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:4px}.sm-grid-container-3 .sm-card-1 .sm-card__body{width:calc(50% - 2.5rem);height:auto}.sm-grid-container-3 .sm-card-2{grid-area:two}.sm-grid-container-3 .sm-card-3{grid-area:three}.sm-grid-container-5{grid-template-areas:"one one" "two three" "four five";grid-template-columns:1fr 1fr}.sm-grid-container-5 .sm-card-1{grid-area:one}.sm-grid-container-5 .sm-card-1 .sm-card__link{flex-direction:row}.sm-grid-container-5 .sm-card-1 .sm-card__img-container{width:50%;height:100%;min-height:12rem;padding:0}.sm-grid-container-5 .sm-card-1 .sm-card__img,.sm-grid-container-5 .sm-card-1 .sm-card__no-img{border-top-left-radius:4px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:4px}.sm-grid-container-5 .sm-card-1 .sm-card__body{width:calc(50% - 2.5rem);height:auto}.sm-grid-container-5 .sm-card-2{grid-area:two}.sm-grid-container-5 .sm-card-3{grid-area:three}.sm-grid-container-5 .sm-card-4{grid-area:four}.sm-grid-container-5 .sm-card-5{grid-area:five}}@media(min-width:1024px)and (max-width:1279px){.sm-grid-container-1{grid-template-columns:minmax(292px,1fr)}.sm-grid-container-1 .sm-card-1 .sm-card__link{flex-direction:row}.sm-grid-container-1 .sm-card-1 .sm-card__img-container{width:50%;height:100%;min-height:17.1875rem;padding:0}.sm-grid-container-1 .sm-card-1 .sm-card__img,.sm-grid-container-1 .sm-card-1 .sm-card__no-img{border-top-left-radius:4px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:4px}.sm-grid-container-1 .sm-card-1 .sm-card__body{width:calc(50% - 2.5rem);height:auto}.sm-grid-container-2,.sm-grid-container-4{grid-template-columns:repeat(2,1fr)}.sm-grid-container-3{grid-template-areas:"one one" "two three";grid-template-columns:1fr 1fr}.sm-grid-container-3 .sm-card-1{grid-area:one}.sm-grid-container-3 .sm-card-1 .sm-card__link{flex-direction:row}.sm-grid-container-3 .sm-card-1 .sm-card__img-container{width:50%;height:100%;min-height:17.1875rem;padding:0}.sm-grid-container-3 .sm-card-1 .sm-card__img,.sm-grid-container-3 .sm-card-1 .sm-card__no-img{border-top-left-radius:4px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:4px}.sm-grid-container-3 .sm-card-1 .sm-card__body{width:calc(50% - 2.5rem);height:auto}.sm-grid-container-3 .sm-card-2{grid-area:two}.sm-grid-container-3 .sm-card-3{grid-area:three}.sm-grid-container-5{grid-template-areas:"one one" "two three" "four five";grid-template-columns:1fr 1fr}.sm-grid-container-5 .sm-card-1{grid-area:one}.sm-grid-container-5 .sm-card-1 .sm-card__link{flex-direction:row}.sm-grid-container-5 .sm-card-1 .sm-card__img-container{width:50%;height:100%;min-height:17.1875rem;padding:0}.sm-grid-container-5 .sm-card-1 .sm-card__img,.sm-grid-container-5 .sm-card-1 .sm-card__no-img{border-top-left-radius:4px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:4px}.sm-grid-container-5 .sm-card-1 .sm-card__body{width:calc(50% - 2.5rem);height:auto}.sm-grid-container-5 .sm-card-2{grid-area:two}.sm-grid-container-5 .sm-card-3{grid-area:three}.sm-grid-container-5 .sm-card-4{grid-area:four}.sm-grid-container-5 .sm-card-5{grid-area:five}}@media(min-width:1280px){.sm-grid-container-1{grid-template-columns:minmax(292px,1fr)}.sm-grid-container-1 .sm-card-1 .sm-card__link{flex-direction:row}.sm-grid-container-1 .sm-card-1 .sm-card__img-container{width:50%;height:50%;min-height:17.1875rem;padding:0}.sm-grid-container-1 .sm-card-1 .sm-card__img,.sm-grid-container-1 .sm-card-1 .sm-card__no-img{border-top-left-radius:4px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:4px}.sm-grid-container-1 .sm-card-1 .sm-card__body{width:calc(50% - 2.5rem);height:auto}.sm-grid-container-2{grid-template-columns:repeat(2,1fr)}.sm-grid-container-3{grid-template-columns:repeat(3,1fr)}.sm-grid-container-4{grid-template-areas:"one two" "three four";grid-template-columns:1fr 1fr}.sm-grid-container-4 .sm-card-1{grid-area:one}.sm-grid-container-4 .sm-card-2{grid-area:two}.sm-grid-container-4 .sm-card-3{grid-area:three}.sm-grid-container-4 .sm-card-4{grid-area:four}.sm-grid-container-5{grid-template-areas:"one one one two two two" "three three four four five five";grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr}.sm-grid-container-5 .sm-card-1{grid-area:one}.sm-grid-container-5 .sm-card-1__img,.sm-grid-container-5 .sm-card-1__no-img{border-top-left-radius:4px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:4px}.sm-grid-container-5 .sm-card-2{grid-area:two}.sm-grid-container-5 .sm-card-3{grid-area:three}.sm-grid-container-5 .sm-card-4{grid-area:four}.sm-grid-container-5 .sm-card-5{grid-area:five}}.sm-link{position:relative;display:inline;text-decoration:none}.sm-link:before{position:absolute;bottom:-1px;left:0;z-index:-1;width:100%;height:2px;-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0);content:"";background-color:#80deea;background-color:var(--primary,#80deea);border-radius:4px}.sm-link:before,.sm-link:hover:before{transition:-webkit-clip-path .2s;transition:clip-path .2s;transition:clip-path .2s, -webkit-clip-path .2s;transition:clip-path .2s,-webkit-clip-path .2s}.sm-link:hover:before{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}.sm-link.sm-nav-current:before{-webkit-clip-path:none;clip-path:none}.sm-content-wrap:before{top:0;left:0;z-index:7;width:100%;height:100%;content:"";background:linear-gradient(315deg,rgba(0,0,0,.5),rgba(0,0,0,.3));opacity:0;transition:opacity .2s;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.sm-expanded-menu .sm-content-wrap:before,.sm-expanded-modal .sm-content-wrap:before{position:fixed;opacity:1}.sm-modal{position:fixed;top:0;left:0;z-index:10;width:100%;height:100%;overflow:hidden;text-align:center;pointer-events:none;opacity:0;transition:opacity .2s ease-in;color:#f5f5f5;color:var(--text,#f5f5f5);background-color:#282828;background-color:var(--surface2,#282828)}@media(min-width:1024px){.sm-modal{left:50%;width:380px;max-width:100vw;max-height:75%;margin-top:15vmin;border-radius:4px;box-shadow:-3px 0 10px rgba(0,0,0,.25);transform:translate(-50%)}}.sm-modal__container{display:flex;flex-direction:column;align-items:center;justify-content:space-between;height:100%;padding:1rem}.sm-modal[aria-expanded=true]{overflow-y:auto;pointer-events:all;opacity:1}@media(min-width:1024px){.sm-modal[aria-expanded=true]{-webkit-animation:popup .25s ease-out;animation:popup .25s ease-out}}.sm-modal__header{display:flex;flex-direction:column;width:100%}.sm-modal__header .sm-navigation__ul{margin:2rem}.sm-modal__close-btn{align-self:flex-end;width:1.5rem;height:1.5rem;margin:0 0 1rem 1rem;line-height:0}.sm-modal__close-btn:hover svg{stroke:#ffab91;stroke:var(--secondary,#ffab91)}.sm-modal__close-btn svg{width:1.5rem;height:1.5rem;stroke-width:3;stroke:#e8e9e9;stroke:var(--text1,#e8e9e9);transition:all .2s}.sm-modal__title{margin:0}.sm-modal__footer{display:flex;flex-wrap:wrap;justify-content:center;width:100%}.sm-modal__footer a{width:2rem;height:2rem;margin:.5rem}.sm-modal__footer a:last-child{margin-right:0}.sm-modal__footer a svg{width:100%;height:100%;stroke:#c7c7c8;stroke:var(--text2,#c7c7c8)}.sm-search__modal .sm-modal__container{justify-content:flex-start}.sm-search__modal .sm-small-header{text-align:left}.sm-search__button--loading{display:none;-webkit-animation:rotate 1s linear infinite;animation:rotate 1s linear infinite}.sm-loading .sm-search__button--loading{display:inline-block}.sm-loading .sm-search__button--content{display:none}.sm-search__input-container{display:flex}.sm-search__input-container button,.sm-search__input-container input{margin:0;line-height:1}.sm-search__input-container input{flex:2;margin-right:.25rem}.sm-search__input-container button{flex:1}@-webkit-keyframes rotate{to{transform:rotate(1turn)}}@keyframes rotate{to{transform:rotate(1turn)}}.sm-search-results{width:100%;height:100%;margin-top:1rem}.sm-search-results .sm-small-header{text-align:left}.sm-search-results__item{margin-top:1rem;text-align:left;border-radius:4px;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);background-color:#303030;background-color:var(--surface3,#303030)}.sm-search-results__item:first-child{margin-top:.25rem}.sm-search-results__link{display:block;width:100%;height:100%;padding:1rem;border:3px solid transparent;border-radius:4px;transition:box-shadow .2s,color .2s}.sm-search-results__link:hover{box-shadow:0 0 0 4px #80deea;box-shadow:0 0 0 4px var(--primary)}.sm-search-results__link:hover .sm-search-results__title{color:#80deea;color:var(--primary,#80deea)}.sm-search-results__date{font-size:.8rem;color:#e8e9e9;color:var(--text1,#e8e9e9);background:none}.sm-search-results__title{margin:.25rem 0;font-family:"DM Serif Text",georgia,serif;font-size:1.1rem;font-weight:400;line-height:1.2;transition:color .2s}.sm-search-results__excerpt{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;font-size:.9rem;-webkit-line-clamp:3;text-overflow:ellipsis;color:#c7c7c8;color:var(--text2,#c7c7c8)}.sm-post-share-bar{position:fixed;bottom:0;z-index:5;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;width:100%;font-weight:700;color:#c7c7c8;color:var(--text2,#c7c7c8);text-align:center;background-color:#303030;background-color:var(--surface3,#303030);border-bottom:3px solid var(--text4);opacity:0;transition:transform .2s ease-in,opacity .2s;transform:translate3d(0,100%,0)}.sm-post-share-bar__link,.sm-post-share-bar__link--copy,.sm-post-share-bar__link--facebook,.sm-post-share-bar__link--linkedin,.sm-post-share-bar__link--twitter{width:2.5rem;height:2.5rem;padding:.5rem;transition:background-color .2s}.sm-post-share-bar__link--copy svg,.sm-post-share-bar__link--facebook svg,.sm-post-share-bar__link--linkedin svg,.sm-post-share-bar__link--twitter svg,.sm-post-share-bar__link svg{width:100%;height:100%;fill:transparent;stroke:#c7c7c8;stroke:var(--text2,#c7c7c8);transition:stroke .2s}@media(min-width:1024px){.sm-post-share-bar__link--copy:first-child,.sm-post-share-bar__link--facebook:first-child,.sm-post-share-bar__link--linkedin:first-child,.sm-post-share-bar__link--twitter:first-child,.sm-post-share-bar__link:first-child{border-top-right-radius:4px}.sm-post-share-bar__link--copy:last-child,.sm-post-share-bar__link--facebook:last-child,.sm-post-share-bar__link--linkedin:last-child,.sm-post-share-bar__link--twitter:last-child,.sm-post-share-bar__link:last-child{border-bottom-right-radius:4px}}.sm-post-share-bar__link--twitter:active,.sm-post-share-bar__link--twitter:hover{background-color:#1da1f2}.sm-post-share-bar__link--twitter:active svg,.sm-post-share-bar__link--twitter:hover svg{stroke:#fff}.sm-post-share-bar__link--facebook:active,.sm-post-share-bar__link--facebook:hover{background-color:#1877f2}.sm-post-share-bar__link--facebook:active svg,.sm-post-share-bar__link--facebook:hover svg{stroke:#fff}.sm-post-share-bar__link--linkedin:active,.sm-post-share-bar__link--linkedin:hover{background-color:#0077b5}.sm-post-share-bar__link--linkedin:active svg,.sm-post-share-bar__link--linkedin:hover svg{stroke:#fff}.sm-post-share-bar__link--copy:active,.sm-post-share-bar__link--copy:hover{background-color:#80deea;background-color:var(--primary,#80deea)}.sm-post-share-bar__link--copy:active svg,.sm-post-share-bar__link--copy:hover svg{stroke:#fff}:root[color-mode=dark] .sm-post-share-bar__link--copy:active svg,:root[color-mode=dark] .sm-post-share-bar__link--copy:hover svg{stroke:#000}@media(min-width:1024px){.sm-post-share-bar{top:50%;bottom:auto;flex-direction:column;width:auto;border-bottom:none;border-top-right-radius:4px;border-bottom-right-radius:4px;transform:translate3d(-100%,-50%,0)}}.sm-skip-to-content{position:fixed;top:0;left:50%;z-index:15;opacity:0;transition:background-color .2s,transform .25s ease-out,opacity .25s;transform:translate3d(-50%,-125%,0)}.sm-skip-to-content:focus{opacity:1;transition:transform .25s ease-in,opacity .25s;transform:translate3d(-50%,.5rem,0)}.sm-small-header,label{margin-top:1rem;font-size:.8rem;font-weight:700;text-transform:uppercase;color:#a5a5a7;color:var(--text3,#a5a5a7)}.academia svg{fill:currentColor;transition:all .2s}.academia svg:focus,.academia svg:hover{fill:#80deea;fill:var(--primary,#80deea)}.facebook{width:1.5rem;height:1.5rem;padding:.25rem;border-radius:4px;transition:background-color .2s}.facebook:hover{background-color:#1877f2}.facebook:hover svg{stroke:#fff}.facebook svg{fill:none;stroke:currentColor;transition:stroke .2s}.github{width:1.5rem;height:1.5rem;padding:.25rem;border-radius:4px;transition:background-color .2s}.github:hover{background-color:#4078c0}.github:hover svg{stroke:#fff}.github svg{fill:none;stroke:currentColor;transition:stroke .2s}.gitlab{width:1.5rem;height:1.5rem;padding:.25rem;border-radius:4px;transition:background-color .2s}.gitlab:hover{background-color:#fca326}.gitlab:hover svg{stroke:#fff}.gitlab svg{fill:none;stroke:currentColor;transition:stroke .2s}.instagram{width:1.5rem;height:1.5rem;padding:.25rem;border-radius:4px;transition:background-color .2s}.instagram:hover{background-color:#c13584}.instagram:hover svg{stroke:#fff}.instagram svg{fill:none;stroke:currentColor;transition:stroke .2s}.linkedin{width:1.5rem;height:1.5rem;padding:.25rem;border-radius:4px;transition:background-color .2s}.linkedin:hover{background-color:#0077b5}.linkedin:hover svg{stroke:#fff}.linkedin svg{fill:none;stroke:currentColor;transition:stroke .2s}.rss{width:1.5rem;height:1.5rem;padding:.25rem;border-radius:4px;transition:background-color .2s}.rss:hover{background-color:#f26522}.rss:hover svg{stroke:#fff}.rss svg{fill:none;stroke:currentColor;transition:stroke .2s}.twitch{width:1.5rem;height:1.5rem;padding:.25rem;border-radius:4px;transition:background-color .2s}.twitch:hover{background-color:#6441a5}.twitch:hover svg{stroke:#fff}.twitch svg{fill:none;stroke:currentColor;transition:stroke .2s}.twitter{width:1.5rem;height:1.5rem;padding:.25rem;border-radius:4px;transition:background-color .2s}.twitter:hover{background-color:#1da1f2}.twitter:hover svg{stroke:#fff}.twitter svg{fill:none;stroke:currentColor;transition:stroke .2s}.map svg,.website svg{fill:transparent;stroke:currentColor;transition:all .2s}.map svg:focus,.map svg:hover,.website svg:focus,.website svg:hover{stroke:#80deea;stroke:var(--primary,#80deea)}.website{width:1.5rem;height:1.5rem;padding:.25rem;border-radius:4px;transition:background-color .2s}.website:hover{background-color:#80deea;background-color:var(--primary,#80deea)}.website:hover svg{stroke:#0a0a0a;stroke:var(--textInverse,#0a0a0a)}.website svg{fill:none;stroke:currentColor;transition:stroke .2s}.youtube{width:1.5rem;height:1.5rem;padding:.25rem;border-radius:4px;transition:background-color .2s}.youtube:hover{background-color:red}.youtube:hover svg{stroke:#fff}.youtube svg{fill:none;stroke:currentColor;transition:stroke .2s}.sm-tag{display:inline-block;color:#c7c7c8;color:var(--text2,#c7c7c8);font-size:.8rem;text-transform:uppercase;letter-spacing:.2px;transition:color .2s}.sm-tag:before{content:"#"}.sm-tag:not(.sm-card .sm-tag):hover{color:#f5f5f5;color:var(--text,#f5f5f5)}.sm-card .sm-tag{margin-top:auto}.sm-post__tag-bar .sm-tag:not(:last-child){margin-right:.5rem}.sm-author__img-container{position:relative;display:flex;flex-shrink:0;align-items:center;justify-content:center;margin-bottom:2rem;border-radius:50%}@media(min-width:640px){.sm-author__img-container{margin-bottom:0}}.sm-author__img-container:before{position:absolute;top:0;left:0;width:100%;height:100%;content:"";background:linear-gradient(45deg,#80deea,#ffab91);background:var(--gradient);border-radius:50%}.sm-author__img,.sm-author__no-img{position:relative;z-index:1;width:9rem;height:9rem;margin:.25rem;border-radius:50%;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06)}.sm-author__no-img{overflow:hidden;background:linear-gradient(45deg,#80deea,#ffab91);background:var(--gradient)}.sm-author__no-img svg{display:block;width:90%;height:90%;margin:0 auto;fill:transparent;color:#0a0a0a;color:var(--textInverse,#0a0a0a)}@media(min-width:640px){.sm-author__text{margin-left:4rem}}.sm-author__name{margin:0;font-family:"DM Serif Text",georgia,serif;font-weight:400}.sm-author__location svg:hover{stroke:currentColor}.sm-author__meta{display:flex;align-items:center}.sm-author__meta a{margin-right:.5rem;line-height:1}.sm-author__meta a:last-child{margin-right:0}.sm-author__meta svg{width:1rem;height:1rem;transition:all .2s}.sm-author__location{display:flex;align-items:center}.sm-author__location p{margin-left:.25rem}.sm-author__location svg{width:1rem;height:1rem}.sm-main--error__heading{position:relative;margin-bottom:0;font-family:"DM Serif Text",georgia,serif;font-size:4rem;font-weight:400;text-align:center}.sm-main--error__text{font-size:1.5rem;text-align:center;color:#e8e9e9;color:var(--text1,#e8e9e9)}.sm-main,.sm-main--index{width:100%;overflow-x:hidden}.sm-main--index{margin-top:3.25rem}@media(min-width:1024px){.sm-main--index{margin-top:5.5rem}}.sm-main__outer-container{position:relative;width:100%;padding:1rem}@media(min-width:640px)and (max-width:1023px){.sm-main__outer-container{padding:1rem 3rem 2rem}}@media(min-width:1024px){.sm-main__outer-container{padding:1rem 4rem 2rem}}.sm-main__inner-container{max-width:1024px;margin:0 auto 1rem}.sm-main__header{display:inline;margin:0}.sm-main__read-more{display:inline-block;color:#f5f5f5;color:var(--text,#f5f5f5);transition:color .2s}.sm-main__read-more h2{margin:0}.sm-main__read-more:hover{color:#ffab91;color:var(--secondary,#ffab91)} /*# sourceMappingURL=app.css.map*/ \ No newline at end of file diff --git a/assets/built/app.css.map b/assets/built/app.css.map index 31169fbd..20e539fc 100644 --- a/assets/built/app.css.map +++ b/assets/built/app.css.map @@ -1 +1 @@ -{"version":3,"sources":["webpack://smart/./src/scss/components/_buttons.scss","webpack://smart/./src/scss/abstracts/_variables.scss","webpack://smart/./src/scss/abstracts/_mixins.scss","webpack://smart/./src/scss/components/_card.scss","webpack://smart/./src/scss/components/_divider.scss","webpack://smart/./src/scss/components/_form.scss","webpack://smart/./src/scss/components/_grid.scss","webpack://smart/./src/scss/components/_link.scss","webpack://smart/./src/scss/components/_modal.scss","webpack://smart/./src/scss/components/_search.scss","webpack://smart/./src/scss/components/_share.scss","webpack://smart/./src/scss/components/_skip.scss","webpack://smart/./src/scss/components/_small-header.scss","webpack://smart/./src/scss/components/_svg.scss","webpack://smart/./src/scss/components/_tag.scss","webpack://smart/./src/scss/pages/_author.scss","webpack://smart/./src/scss/pages/_error.scss","webpack://smart/./src/scss/pages/_main.scss"],"names":[],"mappings":"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A,6BLaO,CK+MD,sCACE,yBACA,YAKN,0BACE,cAGF,0BACE,gBAGF,0BACE,eAGF,0BACE,gBJ5OJ,yBImPA,kBACE,wCAII,sCACE,mBAEF,+CACE,UACA,WACA,sBACA,UAEF,6EAxQN,0BLgBO,CKfP,0BACA,6BACA,6BLaO,CK4PD,sCACE,yBACA,YAMR,kBACE,oCAGF,kBACE,oCAGF,kBACE,0CACE,CAEF,8BAEA,0BACE,cAGF,0BACE,cAGF,0BACE,gBAGF,0BACE,eAIJ,kBACE,+EACE,CAEF,8CAEA,0BACE,cAEA,iEA5TJ,0BLgBO,CKfP,0BACA,6BACA,6BLaO,CKkTL,0BACE,cAGF,0BACE,gBAGF,0BACE,eAGF,0BACE,gBC/VN,MAxBE,kBACA,eACA,qBAEA,aACE,kBACA,YACA,OACA,WACA,WACA,WACA,gEACA,WLNA,iEKQA,iBL0BF,CKtBA,gCLsBA,yJKtBA,mBACE,yDLqBF,CKbA,yBACE,sCCzBF,qBACE,MACA,OACA,UACA,WACA,YACA,WACA,iEAKA,UACA,uBACA,4DAKA,yEACE,eACA,UAUN,OACE,eACA,MACA,OACA,WACA,WACA,YAEA,gBACA,kBACA,oBACA,UACA,+BNxCE,0GM4CF,yBAhBF,OAiBI,SACA,YACA,gBACA,eACA,kBACA,kBACA,uCACA,2BAGF,kBACE,aACA,sBACA,mBACA,8BACA,YACA,oBAGF,2BACE,gBACA,mBACA,UACA,yBAJF,2BAKI,qEAIJ,eACE,aACA,sBACA,WAEE,+BACE,YAKN,kBACE,oBACA,aACA,cACA,qBACA,cAEA,4BN3FA,+CM+FA,sBACE,aACA,cACA,eNlGF,2CAkCF,mBMsEA,cACE,SAGF,eACE,aACA,eACA,uBACA,WACA,iBACE,cACA,eACA,aACA,4BACE,eAEF,qBACE,WACA,YN1HJ,4EOCI,2BAGJ,6BACE,gBAIF,yBACE,aACA,gFACA,kCACE,qBAIF,kCACE,aAKN,yBACE,aACA,+DAEE,SAEA,cAGF,+BACE,OACA,oBAGF,gCACE,OAKN,0BACE,GACE,yBAFJ,kBACE,GACE,yBAIJ,gBACE,WACA,YACA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","file":"app.css","sourcesContent":["@use '../abstracts/variables';\n@use '../abstracts/mixins';\n.sm-button {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 10rem;\n padding: 0.25rem 0.5rem;\n margin-right: auto;\n margin-left: auto;\n font-family: inherit;\n font-size: 1rem;\n line-height: inherit;\n color: currentColor;\n cursor: pointer;\n background-color: none;\n border: none;\n border-radius: variables.$radius;\n box-shadow: variables.$box-shadow;\n @include mixins.color-map(background-color, surface3);\n @include mixins.transition(background-color);\n\n & + .sm-button {\n margin-top: 1rem;\n }\n\n &:hover {\n outline: none;\n @include mixins.color-map(background-color, surface4);\n }\n &.color-mode-btn:hover svg {\n fill: #eee8aa;\n }\n &:active {\n box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.35);\n }\n\n svg {\n width: 1rem;\n height: 1rem;\n margin-right: 0.15rem;\n transform: translateY(-1px);\n fill: transparent;\n stroke: currentColor;\n @include mixins.transition(fill);\n }\n\n &--color {\n @extend .sm-button;\n @include mixins.color-map(color, textInverse);\n @include mixins.color-map(background-color, primary);\n @include mixins.transition(background-color);\n\n &:hover {\n @include mixins.color-map(color, textInverse);\n @include mixins.color-map(background-color, secondary);\n }\n\n &:active {\n box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.35);\n }\n }\n\n // Hide search button unless enabled in dashboard\n &--search {\n @extend .sm-button;\n display: none;\n }\n}\n","//-------------------------------------------\n// Colors\n//-------------------------------------------\n// Social Media\n$ch: #6441a5; //Twitch\n$fb: #1877f2;\n$gh: #4078c0;\n$gl: #fca326;\n$ig: #c13584;\n$li: #0077b5;\n$rs: #f26522; //RSS\n$tw: #1da1f2;\n$yt: #ff0000;\n\n// Fallbacks (defaults to Dark Mode)\n$colors: (\n 'text': #f5f5f5,\n 'textInverse': #0a0a0a,\n 'text1': #e8e9e9,\n 'text2': #c7c7c8,\n 'text3': #a5a5a7,\n 'text4': #616264,\n 'surface': #181818,\n 'surface1': #202020,\n 'surface1-75': rgba(33, 33, 33, 0.75),\n 'surface2': #282828,\n 'surface3': #303030,\n 'surface4': #383838,\n 'primary': #80deea,\n 'secondary': #ffab91,\n 'three': #8cdbbf,\n 'four': #b4d195,\n 'five': #e0c081,\n 'success': #b4d195,\n 'error': hsl(0, 100%, 78%),\n 'error-hover': hsl(0, 100%, 68%),\n 'gradient':\n linear-gradient(to right top, #80deea, #8cdbbf, #b4d195, #e0c081, #ffab91),\n);\n\n//-------------------------------------------\n// Fonts\n//-------------------------------------------\n$sans: 'Lato', -apple-system, blinkmacsystemfont, 'Segoe UI', roboto, oxygen,\n ubuntu, cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;\n\n$serif: 'DM Serif Text', georgia, serif;\n$mono: 'JetBrains Mono', 'Roboto Mono', 'IBM Plex Mono', 'Cascadia Code',\n 'Droid Sans Mono', 'Fira Mono', 'Fira Code', consolas, monospace;\n//-------------------------------------------\n// Sizes, Breakpoints, Variables\n//-------------------------------------------\n\n// Breakpoints\n$tablet: 640px;\n$laptop: 1024px;\n$desktop: 1280px;\n\n// Sizes\n$base: 9rem;\n$radius: 4px;\n\n// Box Shadow\n$box-shadow-large: 3px 3px 4px rgba(0, 0, 0, 0.12),\n -3px 2px 4px rgba(0, 0, 0, 0.12), 5px 10px 15px rgba(0, 0, 0, 0.14),\n -5px 5px 15px rgba(0, 0, 0, 0.14);\n\n$box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);\n\n$transition: 0.2s;\n","@use 'variables';\n@use 'functions';\n//-------------------------------------------\n// Color\n//-------------------------------------------\n@mixin color-map($property, $color) {\n @if $color == transparent {\n #{$property}: $color;\n } @else {\n #{$property}: functions.color($color);\n #{$property}: var(--#{$color}, functions.color($color));\n }\n}\n\n@mixin outline {\n outline-width: 2px;\n outline-style: solid;\n @include color-map(outline-color, primary);\n outline-offset: 1px;\n}\n\n@mixin mesh {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n overflow: hidden;\n content: '';\n background: radial-gradient(var(--primary) 25%, transparent 50%),\n radial-gradient(var(--secondary) 25%, transparent 50%),\n radial-gradient(var(--three) 25%, transparent 50%),\n radial-gradient(var(--four) 25%, transparent 50%),\n radial-gradient(var(--five) 25%, transparent 50%);\n background-repeat: no-repeat;\n background-position: 0 0, 0 100%, 50% 0, 50% 25%, 50% 100%;\n background-size: 60% 80%, 70% 80%, 80% 80%, 60% 60%, 80% 80%;\n transition: background-position 2s;\n transform: scale(4);\n}\n//-------------------------------------------\n// Transition\n//-------------------------------------------\n@mixin transition($property) {\n transition: $property 0.2s;\n}\n\n//-------------------------------------------\n// Breakpoints\n//-------------------------------------------\n@mixin respond-above($breakpoint) {\n @media (min-width: $breakpoint) {\n @content;\n }\n}\n\n@mixin respond-below($breakpoint) {\n @media (max-width: $breakpoint) {\n @content;\n }\n}\n\n@mixin respond-between($min, $max) {\n @media (min-width: $min) and (max-width: $max - 1) {\n @content;\n }\n}\n\n//-------------------------------------------\n// Layout\n//-------------------------------------------\n@mixin navbar($property, $negative: false, $increase: 0) {\n #{$property}: 3.25rem + $increase;\n\n @media (min-width: variables.$laptop) {\n #{$property}: 5.5rem + $increase;\n }\n\n @if $negative {\n #{$property}: -3.25rem + -$increase;\n\n @media (min-width: variables.$laptop) {\n #{$property}: -5.5rem + -$increase;\n }\n }\n}\n\n@mixin inner-container {\n max-width: variables.$laptop;\n margin: 0 auto 1rem;\n}\n\n@mixin outer-container {\n position: relative;\n width: 100%;\n padding: 1rem;\n\n @include respond-between(variables.$tablet, variables.$laptop) {\n padding: 1rem 3rem 2rem;\n }\n\n @include respond-above(variables.$laptop) {\n padding: 1rem 4rem 2rem;\n }\n}\n\n@mixin grid {\n display: grid;\n gap: 1.5rem;\n}\n","//-------------------------------------------\n// Card Styles\n//-------------------------------------------\n@use '../abstracts/_variables';\n@use '../abstracts/_mixins';\n@use '../abstracts/functions';\n\n.card {\n position: relative;\n display: flex;\n flex-direction: column;\n max-width: 100%;\n @include mixins.color-map(background-color, surface2);\n border-radius: variables.$radius;\n box-shadow: variables.$box-shadow;\n\n &__link {\n display: flex;\n flex-direction: column;\n height: 100%;\n border-radius: variables.$radius;\n transition: box-shadow 0.2s cubic-bezier(0.41, 0.56, 0.05, 0.95),\n color 0.2s cubic-bezier(0.41, 0.56, 0.05, 0.95);\n\n &:hover,\n &:focus {\n box-shadow: 0 0 0 4px functions.color(primary);\n box-shadow: 0 0 0 4px var(--primary, color(primary));\n\n .card {\n &__title {\n @include mixins.color-map(color, primary);\n }\n }\n }\n }\n\n &__img-container {\n position: relative;\n width: 100%;\n height: 0;\n padding-top: 50%;\n &.paid,\n &.members {\n &::after {\n position: absolute;\n bottom: 0;\n left: 1.25rem;\n padding: 0.25em 0.5em;\n font-size: 14px;\n text-transform: uppercase;\n letter-spacing: -0.2px;\n content: 'Members';\n @include mixins.color-map(background-color, text1);\n @include mixins.color-map(color, surface1);\n }\n }\n }\n\n &__img,\n &__no-img {\n position: absolute;\n top: 0;\n left: 0;\n display: block;\n width: 100%;\n height: 100%;\n object-fit: cover;\n border-top-left-radius: variables.$radius;\n border-top-right-radius: variables.$radius;\n }\n\n &__no-img {\n background: linear-gradient(\n to right top,\n functions.color(primary),\n functions.color(secondary)\n );\n background: var(--gradient);\n\n &:after {\n position: absolute;\n top: 0;\n left: 0;\n width: calc(100% - 2rem);\n height: calc(100% - 2rem);\n margin: 1rem;\n content: '';\n border-radius: variables.$radius;\n @include mixins.color-map(background, surface1);\n }\n }\n\n &__body {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n height: 100%;\n padding: 0 1.25rem;\n margin: 1.25rem 0;\n }\n\n &__date {\n display: flex;\n padding: 1px;\n font-size: 0.75rem;\n font-weight: 400;\n @include mixins.color-map(color, text1);\n text-transform: uppercase;\n }\n\n &__title {\n position: relative;\n margin: 0.25rem 0 1.5rem;\n font-size: 1.5rem;\n line-height: 1.1;\n @include mixins.color-map(color, text);\n @include mixins.transition(color);\n }\n\n &--tags {\n @extend .card;\n overflow: hidden;\n\n &__link {\n &:hover,\n &:focus {\n .card--tags {\n &__title {\n @include mixins.color-map(color, text);\n @include mixins.color-map(background, surface1-75);\n transition: none;\n }\n\n &__date {\n @include mixins.color-map(background, surface1-75);\n }\n\n &__img-container:after {\n background: transparent;\n }\n }\n }\n }\n\n &__img-container {\n @extend .card__img-container;\n &:after {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n content: '';\n background: rgba(0, 0, 0, 0.5);\n border-radius: variables.$radius;\n @include mixins.transition(all);\n }\n }\n\n &__img {\n @extend .card__img;\n }\n\n &__no-img {\n @extend .card__no-img;\n @include mixins.color-map(background, primary);\n\n &:after {\n background: none;\n }\n }\n\n &__img,\n &__no-img {\n border-radius: variables.$radius;\n }\n\n &__body {\n @extend .card__body;\n position: absolute;\n top: 0;\n left: 0;\n z-index: 2;\n flex-direction: row;\n align-items: stretch;\n height: auto;\n }\n &__title {\n @extend .card__title;\n padding: 0.25rem 0 0.25rem 0.5rem;\n margin: 0;\n font-size: 2rem;\n @include mixins.color-map(color, text);\n @include mixins.color-map(background, surface1);\n border-top-left-radius: variables.$radius;\n border-bottom-left-radius: variables.$radius;\n\n @media (min-width: variables.$tablet) {\n font-size: 1.5rem;\n }\n }\n &__date {\n @extend .card__date;\n padding: 0.375rem 0.5rem;\n @include mixins.color-map(color, secondary);\n @include mixins.color-map(background, surface1);\n font-family: variables.$sans;\n font-size: 2rem;\n line-height: 1;\n border-top-right-radius: variables.$radius;\n border-bottom-right-radius: variables.$radius;\n font-variant-numeric: tabular-nums;\n\n @media (min-width: variables.$tablet) {\n font-size: 1.5rem;\n }\n }\n\n &:nth-child(2n) {\n .card {\n &__no-img {\n @include mixins.color-map(background, three);\n }\n }\n }\n &:nth-child(3n) {\n .card {\n &__no-img {\n @include mixins.color-map(background, four);\n }\n }\n }\n &:nth-child(4n) {\n .card {\n &__no-img {\n @include mixins.color-map(background, five);\n }\n }\n }\n &:nth-child(5n) {\n .card {\n &__no-img {\n @include mixins.color-map(background, secondary);\n }\n }\n }\n }\n}\n","@use '../abstracts/variables';\n\nhr {\n height: 0.15rem;\n margin: 2rem 0;\n background: linear-gradient(\n to right,\n var(--surface2),\n var(--surface3),\n var(--surface4),\n var(--surface3),\n var(--surface2)\n );\n border: none;\n border-radius: variables.$radius;\n}\n","@use '../abstracts/variables';\n@use '../abstracts/functions';\n@use '../abstracts/mixins';\n\n.form {\n display: flex;\n flex-direction: column;\n font-size: 1rem;\n\n &__input,\n textarea {\n width: 100%;\n padding: 0.25rem;\n margin: 0.25rem 0;\n font-family: variables.$sans;\n font-size: 1rem;\n border: 1px solid currentColor;\n border-radius: variables.$radius;\n @include mixins.color-map(color, text1);\n @include mixins.color-map(background-color, surface2);\n @include mixins.transition(all);\n\n &:focus {\n @include mixins.color-map(color, text);\n @include mixins.color-map(background-color, surface3);\n border: 1px solid functions.color(primary);\n border: 1px solid var(--primary);\n outline: none;\n @include mixins.transition(all);\n }\n }\n\n textarea {\n flex-basis: auto;\n height: 8rem;\n }\n\n .sm-button--color {\n margin: 1rem 0 0;\n }\n}\n","//-------------------------------------------\n// Grid Styles\n//-------------------------------------------\n@use '../abstracts/variables';\n@use '../abstracts/mixins';\n\n.grid {\n display: grid;\n gap: 1.5rem;\n // IE Support\n @supports not (gap: 1.5rem) {\n display: flex;\n flex-wrap: wrap;\n .card {\n width: 50%;\n min-width: 14.375rem;\n margin-bottom: 1rem;\n &:first-child {\n width: 100%;\n }\n }\n }\n}\n\n// Mobile phones\n.grid-container {\n @extend .grid;\n align-content: stretch;\n grid-template-columns: repeat(auto-fit, minmax(292px, 1fr));\n max-width: 100%;\n margin: 1rem 0;\n &--footer {\n @extend .grid-container;\n grid-gap: 2rem;\n grid-template-columns: repeat(2, 1fr);\n\n @include mixins.respond-above(variables.$laptop) {\n grid-gap: 2rem;\n grid-template-columns: repeat(4, 1fr);\n }\n }\n}\n\n@mixin horizontal-card {\n border-top-left-radius: variables.$radius;\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n border-bottom-left-radius: variables.$radius;\n}\n\n// Tablets\n@include mixins.respond-between(variables.$tablet, variables.$laptop) {\n .grid-container-1 {\n grid-template-columns: minmax(292px, 1fr);\n\n .card-1 {\n .card {\n &__link {\n flex-direction: row;\n }\n &__img-container {\n width: 50%;\n height: 100%;\n min-height: 12rem;\n padding: 0;\n }\n &__img,\n &__no-img {\n @include horizontal-card;\n }\n &__body {\n width: calc(50% - 2.5rem);\n height: auto;\n }\n }\n }\n }\n\n .grid-container-2,\n .grid-container-4 {\n grid-template-columns: repeat(2, 1fr);\n }\n\n .grid-container-3 {\n grid-template-areas:\n 'one one'\n 'two three';\n grid-template-columns: 1fr 1fr;\n\n .card-1 {\n grid-area: one;\n\n .card {\n &__link {\n flex-direction: row;\n }\n &__img-container {\n width: 50%;\n height: 100%;\n min-height: 12rem;\n padding: 0;\n }\n &__img,\n &__no-img {\n @include horizontal-card;\n }\n &__body {\n width: calc(50% - 2.5rem);\n height: auto;\n }\n }\n }\n\n .card-2 {\n grid-area: two;\n }\n\n .card-3 {\n grid-area: three;\n }\n }\n\n .grid-container-5 {\n grid-template-areas:\n 'one one'\n 'two three'\n 'four five';\n grid-template-columns: 1fr 1fr;\n\n .card-1 {\n grid-area: one;\n\n .card {\n &__link {\n flex-direction: row;\n }\n &__img-container {\n width: 50%;\n height: 100%;\n min-height: 12rem;\n padding: 0;\n }\n &__img,\n &__no-img {\n @include horizontal-card;\n }\n &__body {\n width: calc(50% - 2.5rem);\n height: auto;\n }\n }\n }\n\n .card-2 {\n grid-area: two;\n }\n\n .card-3 {\n grid-area: three;\n }\n\n .card-4 {\n grid-area: four;\n }\n\n .card-5 {\n grid-area: five;\n }\n }\n}\n\n// Laptops\n@include mixins.respond-between(variables.$laptop, variables.$desktop) {\n .grid-container-1 {\n grid-template-columns: minmax(292px, 1fr);\n\n .card-1 {\n .card {\n &__link {\n flex-direction: row;\n }\n &__img-container {\n width: 50%;\n height: 100%;\n min-height: 17.1875rem;\n padding: 0;\n }\n &__img,\n &__no-img {\n @include horizontal-card;\n }\n &__body {\n width: calc(50% - 2.5rem);\n height: auto;\n }\n }\n }\n }\n\n .grid-container-2,\n .grid-container-4 {\n grid-template-columns: repeat(2, 1fr);\n }\n\n .grid-container-3 {\n grid-template-areas:\n 'one one'\n 'two three';\n grid-template-columns: 1fr 1fr;\n\n .card-1 {\n grid-area: one;\n\n .card {\n &__link {\n flex-direction: row;\n }\n &__img-container {\n width: 50%;\n height: 100%;\n min-height: 17.1875rem;\n padding: 0;\n }\n &__img,\n &__no-img {\n @include horizontal-card;\n }\n &__body {\n width: calc(50% - 2.5rem);\n height: auto;\n }\n }\n }\n\n .card-2 {\n grid-area: two;\n }\n\n .card-3 {\n grid-area: three;\n }\n }\n\n .grid-container-5 {\n grid-template-areas:\n 'one one'\n 'two three'\n 'four five';\n grid-template-columns: 1fr 1fr;\n\n .card-1 {\n grid-area: one;\n\n .card {\n &__link {\n flex-direction: row;\n }\n &__img-container {\n width: 50%;\n height: 100%;\n min-height: 17.1875rem;\n padding: 0;\n }\n &__img,\n &__no-img {\n @include horizontal-card;\n }\n &__body {\n width: calc(50% - 2.5rem);\n height: auto;\n }\n }\n }\n\n .card-2 {\n grid-area: two;\n }\n\n .card-3 {\n grid-area: three;\n }\n\n .card-4 {\n grid-area: four;\n }\n\n .card-5 {\n grid-area: five;\n }\n }\n}\n\n// Desktops\n@include mixins.respond-above(variables.$desktop) {\n .grid-container-1 {\n grid-template-columns: minmax(292px, 1fr);\n\n .card-1 {\n .card {\n &__link {\n flex-direction: row;\n }\n &__img-container {\n width: 50%;\n height: 50%;\n min-height: 17.1875rem;\n padding: 0;\n }\n &__img,\n &__no-img {\n @include horizontal-card;\n }\n &__body {\n width: calc(50% - 2.5rem);\n height: auto;\n }\n }\n }\n }\n\n .grid-container-2 {\n grid-template-columns: repeat(2, 1fr);\n }\n\n .grid-container-3 {\n grid-template-columns: repeat(3, 1fr);\n }\n\n .grid-container-4 {\n grid-template-areas:\n 'one two'\n 'three four';\n grid-template-columns: 1fr 1fr;\n\n .card-1 {\n grid-area: one;\n }\n\n .card-2 {\n grid-area: two;\n }\n\n .card-3 {\n grid-area: three;\n }\n\n .card-4 {\n grid-area: four;\n }\n }\n\n .grid-container-5 {\n grid-template-areas:\n 'one one one two two two'\n 'three three four four five five';\n grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;\n\n .card-1 {\n grid-area: one;\n\n &__img,\n &__no-img {\n @include horizontal-card;\n }\n }\n\n .card-2 {\n grid-area: two;\n }\n\n .card-3 {\n grid-area: three;\n }\n\n .card-4 {\n grid-area: four;\n }\n\n .card-5 {\n grid-area: five;\n }\n }\n}\n","@use '../abstracts/variables';\n@use '../abstracts/mixins';\n\n@mixin link {\n position: relative;\n display: inline;\n text-decoration: none;\n\n &:before {\n position: absolute;\n bottom: -1px;\n left: 0;\n z-index: -1;\n width: 100%;\n height: 2px;\n clip-path: inset(0 100% 0 0);\n content: '';\n @include mixins.color-map(background-color, primary);\n border-radius: variables.$radius;\n @include mixins.transition(clip-path);\n }\n\n &:hover:before {\n clip-path: inset(0 0 0 0);\n @include mixins.transition(clip-path);\n }\n}\n\n.link {\n @include link;\n\n &.nav-current:before {\n clip-path: none;\n }\n}\n","//-------------------------------------------\n// General Modal Styles\n//-------------------------------------------\n@use '../abstracts/variables';\n@use '../abstracts/mixins';\n\n.content-wrap {\n &:before {\n top: 0;\n left: 0;\n z-index: 7;\n width: 100%;\n height: 100%;\n content: '';\n background: linear-gradient(\n 315deg,\n rgba(0, 0, 0, 0.5) 0%,\n rgba(0, 0, 0, 0.3) 100%\n );\n opacity: 0;\n transition: opacity 0.2s;\n backdrop-filter: blur(2px);\n }\n\n .expanded-modal &,\n .expanded-menu & {\n &:before {\n position: fixed;\n opacity: 1;\n }\n }\n}\n\n.expanded-modal {\n // prevent double scroll bars when modal opens\n // overflow: hidden;\n}\n\n.modal {\n position: fixed;\n top: 0;\n left: 0;\n z-index: 10;\n width: 100%;\n height: 100%;\n // overflow-y: auto;\n overflow: hidden;\n text-align: center;\n pointer-events: none;\n opacity: 0;\n transition: opacity 0.2s ease-in;\n @include mixins.color-map(color, text);\n @include mixins.color-map(background-color, surface2);\n\n @media (min-width: variables.$laptop) {\n left: 50%;\n width: 380px;\n max-width: 100vw;\n max-height: 75%;\n margin-top: 15vmin;\n border-radius: variables.$radius;\n box-shadow: -3px 0 10px rgba(0, 0, 0, 0.25);\n transform: translate(-50%, 0);\n }\n\n &__container {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: space-between;\n height: 100%;\n padding: 1rem 1.5rem;\n }\n\n &[aria-expanded='true'] {\n overflow-y: auto;\n pointer-events: all;\n opacity: 1;\n @media (min-width: variables.$laptop) {\n animation: popup 0.25s ease-out;\n }\n }\n\n &__header {\n display: flex;\n flex-direction: column;\n width: 100%;\n .navigation {\n &__ul {\n margin: 2rem;\n }\n }\n }\n\n &__close-btn {\n align-self: flex-end;\n width: 1.5rem;\n height: 1.5rem;\n margin: 0 0 1rem 1rem;\n line-height: 0;\n\n &:hover svg {\n @include mixins.color-map(stroke, secondary);\n }\n\n svg {\n width: 1.5rem;\n height: 1.5rem;\n stroke-width: 3;\n @include mixins.color-map(stroke, text1);\n @include mixins.transition(all);\n }\n }\n\n &__title {\n margin: 0;\n }\n\n &__footer {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n width: 100%;\n a {\n width: 1.25rem;\n height: 1.25rem;\n margin: 0.5rem;\n &:last-child {\n margin-right: 0;\n }\n svg {\n width: 100%;\n height: 100%;\n @include mixins.color-map(stroke, text2);\n }\n }\n }\n}\n","//-------------------------------------------\n// Search Styles\n//-------------------------------------------\n@use '../abstracts/variables';\n@use '../abstracts/functions';\n@use '../abstracts/mixins';\n\n.search {\n &__modal {\n .modal {\n &__container {\n justify-content: flex-start;\n }\n }\n .small-header {\n text-align: left;\n }\n }\n &__button {\n &--loading {\n display: none;\n animation: rotate 1s linear infinite;\n .loading & {\n display: inline-block;\n }\n }\n &--content {\n .loading & {\n display: none;\n }\n }\n }\n\n &__input-container {\n display: flex;\n input,\n button {\n margin: 0;\n // font-size: 0.9rem;\n line-height: 1;\n }\n\n input {\n flex: 2;\n margin-right: 0.25rem;\n }\n\n button {\n flex: 1;\n }\n }\n}\n\n@keyframes rotate {\n 100% {\n transform: rotate(1turn);\n }\n}\n\n.search-results {\n width: 100%;\n height: 100%;\n margin-top: 1rem;\n\n .small-header {\n text-align: left;\n }\n\n &__item {\n margin-top: 1rem;\n text-align: left;\n border-radius: variables.$radius;\n box-shadow: variables.$box-shadow;\n @include mixins.color-map(background-color, surface3);\n &:first-child {\n margin-top: 0.25rem;\n }\n }\n\n &__link {\n display: block;\n width: 100%;\n height: 100%;\n padding: 1rem;\n border: 3px solid transparent;\n border-radius: variables.$radius;\n @include mixins.transition(box-shadow);\n\n &:hover {\n box-shadow: 0 0 0 4px functions.color(primary);\n box-shadow: 0 0 0 4px var(--primary);\n\n .search-results {\n &__link {\n @include mixins.color-map(color, primary);\n }\n }\n }\n }\n\n &__date {\n font-size: 0.8rem;\n @include mixins.color-map(color, text1);\n background: none;\n }\n\n &__title {\n margin: 0.25rem 0;\n font-family: variables.$serif;\n font-size: 1.1rem;\n font-weight: 400;\n line-height: 1.2;\n @include mixins.transition(color);\n }\n\n &__excerpt {\n display: -webkit-box;\n -webkit-box-orient: vertical;\n overflow: hidden;\n font-size: 0.9rem;\n -webkit-line-clamp: 3;\n text-overflow: ellipsis;\n @include mixins.color-map(color, text2);\n }\n}\n","//-------------------------------------------\n// Share Bar\n//-------------------------------------------\n@use '../abstracts/variables';\n@use '../abstracts/mixins';\n\n.post-share-bar {\n position: fixed;\n bottom: 0;\n z-index: 5;\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n align-items: center;\n justify-content: center;\n width: 100%;\n font-weight: 700;\n @include mixins.color-map(color, text2);\n text-align: center;\n @include mixins.color-map(background-color, surface3);\n border-bottom: 3px solid var(--text4);\n\n opacity: 0;\n\n transition: transform 0.2s ease-in, opacity 0.2s;\n transform: translate3d(0, 100%, 0);\n &__link {\n width: 2.5rem;\n height: 2.5rem;\n padding: 0.5rem;\n @include mixins.transition(background-color);\n\n svg {\n width: 100%;\n height: 100%;\n fill: transparent;\n @include mixins.color-map(stroke, text2);\n @include mixins.transition(stroke);\n }\n\n @include mixins.respond-above(variables.$laptop) {\n &:first-child {\n border-top-right-radius: variables.$radius;\n }\n &:last-child {\n border-bottom-right-radius: variables.$radius;\n }\n }\n }\n\n &__link--twitter {\n @extend .post-share-bar__link;\n\n &:hover,\n &:active {\n background-color: variables.$tw;\n svg {\n stroke: #fff;\n }\n }\n }\n\n &__link--facebook {\n @extend .post-share-bar__link;\n\n &:hover,\n &:active {\n background-color: variables.$fb;\n svg {\n stroke: #fff;\n }\n }\n }\n\n &__link--linkedin {\n @extend .post-share-bar__link;\n\n &:hover,\n &:active {\n background-color: variables.$li;\n svg {\n stroke: #fff;\n }\n }\n }\n\n &__link--copy {\n @extend .post-share-bar__link;\n &:hover,\n &:active {\n @include mixins.color-map(background-color, primary);\n svg {\n stroke: #fff;\n :root[color-mode='dark'] & {\n stroke: #000;\n }\n }\n }\n }\n\n @include mixins.respond-above(variables.$laptop) {\n top: 50%;\n bottom: initial;\n flex-direction: column;\n width: initial;\n border-bottom: none;\n border-top-right-radius: variables.$radius;\n border-bottom-right-radius: variables.$radius;\n transform: translate3d(-100%, -50%, 0);\n }\n}\n",".skip-to-content {\n position: fixed;\n top: 0;\n left: 50%;\n z-index: 15;\n opacity: 0;\n transition: background-color 0.2s, transform 0.25s ease-out, opacity 0.25s;\n transform: translate3d(-50%, -125%, 0);\n\n &:focus {\n opacity: 1;\n transition: transform 0.25s ease-in, opacity 0.25s;\n transform: translate3d(-50%, 0.5rem, 0);\n }\n}\n","@use '../abstracts/mixins' as *;\n\n.small-header,\nlabel {\n margin-top: 1rem;\n font-size: 0.8rem;\n font-weight: 700;\n text-transform: uppercase;\n @include color-map(color, text3);\n}\n","//-------------------------------------------\n// SVG Icon Colors\n//-------------------------------------------\n@use '../abstracts/variables';\n@use '../abstracts/mixins';\n\n@mixin svg($sm) {\n svg {\n fill: none;\n stroke: currentColor;\n @include mixins.transition(stroke);\n &:hover {\n stroke: $sm;\n }\n }\n}\n\n.academia svg {\n fill: currentColor;\n @include mixins.transition(all);\n &:hover,\n &:focus {\n @include mixins.color-map(fill, primary);\n }\n}\n\n.facebook {\n @include svg(variables.$fb);\n}\n\n.github {\n @include svg(variables.$gh);\n}\n\n.gitlab {\n @include svg(variables.$gl);\n}\n\n.instagram {\n @include svg(variables.$ig);\n}\n\n.linkedin {\n @include svg(variables.$li);\n}\n\n.rss {\n @include svg(variables.$rs);\n}\n\n.twitch {\n @include svg(variables.$ch);\n}\n\n.twitter {\n @include svg(variables.$tw);\n}\n\n.map svg,\n.website svg {\n fill: transparent;\n stroke: currentColor;\n @include mixins.transition(all);\n &:hover,\n &:focus {\n @include mixins.color-map(stroke, primary);\n }\n}\n\n.youtube {\n @include svg(variables.$yt);\n}\n","@use '../abstracts/variables';\n@use '../abstracts/mixins';\n\n.sm-tag {\n display: inline-block;\n @include mixins.color-map(color, text2);\n font-size: 0.8rem;\n text-transform: uppercase;\n letter-spacing: 0.2px;\n @include mixins.transition(color);\n\n &::before {\n content: '#';\n }\n\n &:not(.card &):hover {\n @include mixins.color-map(color, text);\n }\n\n .card & {\n margin-top: auto;\n }\n\n &:not(:last-child) {\n .post__tag-bar & {\n margin-right: 0.5rem;\n }\n }\n}\n","@use '../abstracts/variables';\n@use '../abstracts/mixins';\n@use '../abstracts/functions';\n\n.author {\n &__img-container {\n position: relative;\n display: flex;\n flex-shrink: 0;\n align-items: center;\n justify-content: center;\n margin-bottom: 2rem;\n border-radius: 50%;\n\n @include mixins.respond-above(variables.$tablet) {\n margin-bottom: 0;\n }\n\n &:before {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n content: '';\n background: linear-gradient(\n 45deg,\n functions.color(primary),\n functions.color(secondary)\n );\n background: var(--gradient);\n border-radius: 50%;\n }\n }\n\n &__img {\n position: relative;\n z-index: 1;\n width: variables.$base;\n height: variables.$base;\n margin: 0.25rem;\n border-radius: 50%;\n box-shadow: variables.$box-shadow;\n }\n\n &__no-img {\n @extend .author__img;\n overflow: hidden;\n background: linear-gradient(\n 45deg,\n functions.color(primary),\n functions.color(secondary)\n );\n background: var(--gradient);\n\n svg {\n display: block;\n width: 90%;\n height: 90%;\n margin: 0 auto;\n fill: transparent;\n @include mixins.color-map(color, textInverse);\n }\n }\n\n &__text {\n @include mixins.respond-above(variables.$tablet) {\n margin-left: 4rem;\n }\n }\n\n &__name {\n margin: 0;\n font-family: variables.$serif;\n font-weight: 400;\n }\n\n &__location svg:hover {\n stroke: currentColor;\n }\n\n &__meta {\n display: flex;\n align-items: center;\n\n a {\n margin-right: 0.5rem;\n line-height: 1;\n\n &:last-child {\n margin-right: 0;\n }\n }\n\n svg {\n width: 1rem;\n height: 1rem;\n\n @include mixins.transition(all);\n }\n }\n\n &__location {\n display: flex;\n align-items: center;\n\n p {\n margin-left: 0.25rem;\n }\n\n svg {\n width: 1rem;\n height: 1rem;\n }\n }\n}\n","@use '../abstracts/variables';\n@use '../abstracts/mixins';\n\n.main--error {\n &__heading {\n position: relative;\n margin-bottom: 0;\n font-family: variables.$serif;\n font-size: 4rem;\n font-weight: 400;\n text-align: center;\n }\n\n &__text {\n font-size: 1.5rem;\n text-align: center;\n @include mixins.color-map(color, text1);\n }\n}\n","//-------------------------------------------\n// For Home, Index, and Tag pages\n//-------------------------------------------\n@use '../abstracts/mixins';\n.main {\n width: 100%;\n overflow-x: hidden;\n\n &--index {\n @extend .main;\n @include mixins.navbar(margin-top);\n }\n\n &__outer-container {\n @include mixins.outer-container;\n }\n\n &__inner-container {\n @include mixins.inner-container;\n }\n\n &__header {\n display: inline;\n margin: 0;\n }\n\n &__read-more {\n display: inline-block;\n @include mixins.color-map(color, text);\n @include mixins.transition(color);\n\n h2 {\n margin: 0;\n }\n\n &:hover {\n @include mixins.color-map(color, secondary);\n }\n }\n}\n"],"sourceRoot":""} \ No newline at end of file +{"version":3,"sources":["webpack://smart/./src/scss/components/_buttons.scss","webpack://smart/./src/scss/abstracts/_variables.scss","webpack://smart/./src/scss/abstracts/_mixins.scss","webpack://smart/./src/scss/components/_card.scss","webpack://smart/./src/scss/components/_divider.scss","webpack://smart/./src/scss/components/_form.scss","webpack://smart/./src/scss/components/_grid.scss","webpack://smart/./src/scss/components/_link.scss","webpack://smart/./src/scss/components/_modal.scss","webpack://smart/./src/scss/components/_search.scss","webpack://smart/./src/scss/components/_share.scss","webpack://smart/./src/scss/components/_skip.scss","webpack://smart/./src/scss/components/_small-header.scss","webpack://smart/./src/scss/components/_svg.scss","webpack://smart/./src/scss/components/_tag.scss","webpack://smart/./src/scss/pages/_author.scss","webpack://smart/./src/scss/pages/_error.scss","webpack://smart/./src/scss/pages/_main.scss"],"names":[],"mappings":"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F,gCACE,gBAGF,gCACE,eAGF,gCACE,gBJ5OJ,yBImPA,qBACE,wCAII,+CACE,mBAEF,wDACE,UACA,WACA,sBACA,UAEF,+FAxQN,0BLeO,CKdP,0BACA,6BACA,6BLYO,CK6PD,+CACE,yBACA,YAMR,qBACE,oCAGF,qBACE,oCAGF,qBACE,0CACE,CAEF,8BAEA,gCACE,cAGF,gCACE,cAGF,gCACE,gBAGF,gCACE,eAIJ,qBACE,+EACE,CAEF,8CAEA,gCACE,cAEA,6EA5TJ,0BLeO,CKdP,0BACA,6BACA,6BLYO,CKmTL,gCACE,cAGF,gCACE,gBAGF,gCACE,eAGF,gCACE,gBC/VN,SAxBE,kBACA,eACA,qBAEA,gBACE,kBACA,YACA,OACA,WACA,WACA,WACA,gEACA,WLNA,iEKQA,iBL0BF,CKtBA,sCLsBA,yJKtBA,sBACE,yDLqBF,CKbA,+BACE,sCCzBF,wBACE,MACA,OACA,UACA,WACA,YACA,WACA,iEAKA,UACA,uBACA,4DAKA,qFACE,eACA,UAUN,UACE,eACA,MACA,OACA,WACA,WACA,YAEA,gBACA,kBACA,oBACA,UACA,+BNxCE,0GM4CF,yBAhBF,UAiBI,SACA,YACA,gBACA,eACA,kBACA,iBPDK,COEL,uCACA,2BAGF,qBACE,aACA,sBACA,mBACA,8BACA,YACA,aAGF,8BACE,gBACA,mBACA,UACA,yBAJF,8BAKI,qEAIJ,kBACE,aACA,sBACA,WAEE,qCACE,YAKN,qBACE,oBACA,aACA,cACA,qBACA,cAEA,+BN3FA,+CM+FA,yBACE,aACA,cACA,eNlGF,2CAkCF,mBMsEA,iBACE,SAGF,kBACE,aACA,eACA,uBACA,WACA,oBACE,WACA,YACA,aACA,+BACE,eAEF,wBACE,WACA,YN1HJ,kFOCI,2BAGJ,mCACE,gBAIF,4BACE,aACA,gFACA,wCACE,qBAIF,wCACE,aAKN,4BACE,aACA,qEAEE,SAEA,cAGF,kCACE,OACA,oBAGF,mCACE,OAKN,0BACE,GACE,yBAFJ,kBACE,GACE,yBAIJ,mBACE,WACA,YACA,gBAEA,oCACE,gBAGF,yBACE,gBACA,gBA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","file":"app.css","sourcesContent":["@use '../abstracts/variables';\n@use '../abstracts/mixins';\n.sm-button {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 10rem;\n padding: 0.25rem 0.5rem;\n margin-right: auto;\n margin-left: auto;\n font-family: inherit;\n font-size: 1rem;\n line-height: inherit;\n color: currentColor;\n cursor: pointer;\n background-color: none;\n border: none;\n border-radius: variables.$radius;\n box-shadow: variables.$box-shadow;\n @include mixins.color-map(background-color, surface3);\n @include mixins.transition(background-color);\n\n & + .sm-button {\n margin-top: 1rem;\n }\n\n &:hover {\n outline: none;\n @include mixins.color-map(background-color, surface4);\n }\n &.color-mode-btn:hover svg {\n fill: #eee8aa;\n }\n &:active {\n box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.35);\n }\n\n svg {\n width: 1rem;\n height: 1rem;\n margin-right: 0.15rem;\n transform: translateY(-1px);\n fill: transparent;\n stroke: currentColor;\n @include mixins.transition(fill);\n }\n\n &--color {\n @extend .sm-button;\n @include mixins.color-map(color, textInverse);\n @include mixins.color-map(background-color, primary);\n @include mixins.transition(background-color);\n\n &:hover {\n @include mixins.color-map(color, textInverse);\n @include mixins.color-map(background-color, secondary);\n }\n\n &:active {\n box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.35);\n }\n }\n\n // Hide search button unless enabled in dashboard\n &--search {\n @extend .sm-button;\n display: none;\n }\n}\n","//-------------------------------------------\n// Colors\n//-------------------------------------------\n// Social Media\n$ch: #6441a5; //Twitch\n$fb: #1877f2;\n$gh: #4078c0;\n$gl: #fca326;\n$ig: #c13584;\n$li: #0077b5;\n$rs: #f26522; //RSS\n$tw: #1da1f2;\n$yt: #ff0000;\n\n// Fallbacks (defaults to Dark Mode)\n$colors: (\n 'text': #f5f5f5,\n 'text1': #e8e9e9,\n 'text2': #c7c7c8,\n 'text3': #a5a5a7,\n 'text4': #616264,\n 'surface': #181818,\n 'surface1': #202020,\n 'surface1-75': rgba(33, 33, 33, 0.75),\n 'surface2': #282828,\n 'surface3': #303030,\n 'surface4': #383838,\n 'primary': #80deea,\n 'secondary': #ffab91,\n 'three': #8cdbbf,\n 'four': #b4d195,\n 'five': #e0c081,\n 'success': #b4d195,\n 'error': hsl(0, 100%, 78%),\n 'textInverse': #0a0a0a,\n 'gradient':\n linear-gradient(to right top, #80deea, #8cdbbf, #b4d195, #e0c081, #ffab91),\n);\n\n//-------------------------------------------\n// Fonts\n//-------------------------------------------\n$sans: 'Lato', -apple-system, blinkmacsystemfont, 'Segoe UI', roboto, oxygen,\n ubuntu, cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;\n\n$serif: 'DM Serif Text', georgia, serif;\n$mono: 'JetBrains Mono', 'Roboto Mono', 'IBM Plex Mono', 'Cascadia Code',\n 'Droid Sans Mono', 'Fira Mono', 'Fira Code', consolas, monospace;\n//-------------------------------------------\n// Sizes, Breakpoints, Variables\n//-------------------------------------------\n\n// Breakpoints\n$tablet: 640px;\n$laptop: 1024px;\n$desktop: 1280px;\n\n// Sizes\n$base: 9rem;\n$radius: 4px;\n\n// Box Shadow\n$box-shadow-large: 3px 3px 4px rgba(0, 0, 0, 0.12),\n -3px 2px 4px rgba(0, 0, 0, 0.12), 5px 10px 15px rgba(0, 0, 0, 0.14),\n -5px 5px 15px rgba(0, 0, 0, 0.14);\n\n$box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);\n\n$transition: 0.2s;\n","@use 'variables';\n@use 'functions';\n//-------------------------------------------\n// Color\n//-------------------------------------------\n@mixin color-map($property, $color) {\n @if $color == transparent {\n #{$property}: $color;\n } @else {\n #{$property}: functions.color($color);\n #{$property}: var(--#{$color}, functions.color($color));\n }\n}\n\n@mixin outline {\n outline-width: 2px;\n outline-style: solid;\n @include color-map(outline-color, primary);\n outline-offset: 1px;\n}\n\n@mixin mesh {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n overflow: hidden;\n content: '';\n background: radial-gradient(var(--primary) 25%, transparent 50%),\n radial-gradient(var(--secondary) 25%, transparent 50%),\n radial-gradient(var(--three) 25%, transparent 50%),\n radial-gradient(var(--four) 25%, transparent 50%),\n radial-gradient(var(--five) 25%, transparent 50%);\n background-repeat: no-repeat;\n background-position: 0 0, 0 100%, 50% 0, 50% 25%, 50% 100%;\n background-size: 60% 80%, 70% 80%, 80% 80%, 60% 60%, 80% 80%;\n transition: background-position 2s;\n transform: scale(4);\n}\n//-------------------------------------------\n// Transition\n//-------------------------------------------\n@mixin transition($property) {\n transition: $property 0.2s;\n}\n\n//-------------------------------------------\n// Breakpoints\n//-------------------------------------------\n@mixin respond-above($breakpoint) {\n @media (min-width: $breakpoint) {\n @content;\n }\n}\n\n@mixin respond-below($breakpoint) {\n @media (max-width: $breakpoint) {\n @content;\n }\n}\n\n@mixin respond-between($min, $max) {\n @media (min-width: $min) and (max-width: $max - 1) {\n @content;\n }\n}\n\n//-------------------------------------------\n// Layout\n//-------------------------------------------\n@mixin navbar($property, $negative: false, $increase: 0) {\n #{$property}: 3.25rem + $increase;\n\n @media (min-width: variables.$laptop) {\n #{$property}: 5.5rem + $increase;\n }\n\n @if $negative {\n #{$property}: -3.25rem + -$increase;\n\n @media (min-width: variables.$laptop) {\n #{$property}: -5.5rem + -$increase;\n }\n }\n}\n\n@mixin inner-container {\n max-width: variables.$laptop;\n margin: 0 auto 1rem;\n}\n\n@mixin outer-container {\n position: relative;\n width: 100%;\n padding: 1rem;\n\n @include respond-between(variables.$tablet, variables.$laptop) {\n padding: 1rem 3rem 2rem;\n }\n\n @include respond-above(variables.$laptop) {\n padding: 1rem 4rem 2rem;\n }\n}\n\n@mixin grid {\n display: grid;\n gap: 1.5rem;\n}\n","//-------------------------------------------\n// Card Styles\n//-------------------------------------------\n@use '../abstracts/_variables';\n@use '../abstracts/_mixins';\n@use '../abstracts/functions';\n\n.sm-card {\n position: relative;\n display: flex;\n flex-direction: column;\n max-width: 100%;\n @include mixins.color-map(background-color, surface2);\n border-radius: variables.$radius;\n box-shadow: variables.$box-shadow;\n\n &__link {\n display: flex;\n flex-direction: column;\n height: 100%;\n border-radius: variables.$radius;\n transition: box-shadow 0.2s cubic-bezier(0.41, 0.56, 0.05, 0.95),\n color 0.2s cubic-bezier(0.41, 0.56, 0.05, 0.95);\n\n &:hover,\n &:focus {\n box-shadow: 0 0 0 4px functions.color(primary);\n box-shadow: 0 0 0 4px var(--primary, color(primary));\n\n .sm-card {\n &__title {\n @include mixins.color-map(color, primary);\n }\n }\n }\n }\n\n &__img-container {\n position: relative;\n width: 100%;\n height: 0;\n padding-top: 50%;\n &.paid,\n &.members {\n &::after {\n position: absolute;\n bottom: 0;\n left: 1.25rem;\n padding: 0.25em 0.5em;\n font-size: 14px;\n text-transform: uppercase;\n letter-spacing: -0.2px;\n content: 'Members';\n @include mixins.color-map(background-color, text1);\n @include mixins.color-map(color, surface1);\n }\n }\n }\n\n &__img,\n &__no-img {\n position: absolute;\n top: 0;\n left: 0;\n display: block;\n width: 100%;\n height: 100%;\n object-fit: cover;\n border-top-left-radius: variables.$radius;\n border-top-right-radius: variables.$radius;\n }\n\n &__no-img {\n background: linear-gradient(\n to right top,\n functions.color(primary),\n functions.color(secondary)\n );\n background: var(--gradient);\n\n &:after {\n position: absolute;\n top: 0;\n left: 0;\n width: calc(100% - 2rem);\n height: calc(100% - 2rem);\n margin: 1rem;\n content: '';\n border-radius: variables.$radius;\n @include mixins.color-map(background, surface1);\n }\n }\n\n &__body {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n height: 100%;\n padding: 0 1.25rem;\n margin: 1.25rem 0;\n }\n\n &__date {\n display: flex;\n padding: 1px;\n font-size: 0.75rem;\n font-weight: 400;\n @include mixins.color-map(color, text1);\n text-transform: uppercase;\n }\n\n &__title {\n position: relative;\n margin: 0.25rem 0 1.5rem;\n font-size: 1.5rem;\n line-height: 1.1;\n @include mixins.color-map(color, text);\n @include mixins.transition(color);\n }\n\n &--tags {\n @extend .sm-card;\n overflow: hidden;\n\n &__link {\n &:hover,\n &:focus {\n .sm-card--tags {\n &__img-container:after {\n background: transparent;\n }\n }\n }\n }\n\n &__img-container {\n @extend .sm-card__img-container;\n &:after {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n content: '';\n background: rgba(0, 0, 0, 0.5);\n border-radius: variables.$radius;\n @include mixins.transition(all);\n }\n }\n\n &__img {\n @extend .sm-card__img;\n }\n\n &__no-img {\n @extend .sm-card__no-img;\n @include mixins.color-map(background, primary);\n\n &:after {\n background: none;\n }\n }\n\n &__img,\n &__no-img {\n border-radius: variables.$radius;\n }\n\n &__body {\n @extend .sm-card__body;\n position: absolute;\n top: 0;\n left: 0;\n z-index: 2;\n flex-direction: row;\n align-items: stretch;\n height: auto;\n }\n &__title {\n @extend .sm-card__title;\n padding: 0.25rem 0 0.25rem 0.5rem;\n margin: 0;\n font-size: 2rem;\n @include mixins.color-map(color, text);\n @include mixins.color-map(background, surface1);\n border-top-left-radius: variables.$radius;\n border-bottom-left-radius: variables.$radius;\n\n @media (min-width: variables.$tablet) {\n font-size: 1.5rem;\n }\n }\n &__date {\n @extend .sm-card__date;\n padding: 0.375rem 0.5rem;\n @include mixins.color-map(color, secondary);\n @include mixins.color-map(background, surface1);\n font-family: variables.$sans;\n font-size: 2rem;\n line-height: 1;\n border-top-right-radius: variables.$radius;\n border-bottom-right-radius: variables.$radius;\n font-variant-numeric: tabular-nums;\n\n @media (min-width: variables.$tablet) {\n font-size: 1.5rem;\n }\n }\n\n &:nth-child(2n) {\n .sm-card {\n &__no-img {\n @include mixins.color-map(background, three);\n }\n }\n }\n &:nth-child(3n) {\n .sm-card {\n &__no-img {\n @include mixins.color-map(background, four);\n }\n }\n }\n &:nth-child(4n) {\n .sm-card {\n &__no-img {\n @include mixins.color-map(background, five);\n }\n }\n }\n &:nth-child(5n) {\n .sm-card {\n &__no-img {\n @include mixins.color-map(background, secondary);\n }\n }\n }\n }\n}\n","@use '../abstracts/variables';\n\nhr {\n height: 0.15rem;\n margin: 2rem 0;\n background: linear-gradient(\n to right,\n var(--surface2),\n var(--surface3),\n var(--surface4),\n var(--surface3),\n var(--surface2)\n );\n border: none;\n border-radius: variables.$radius;\n}\n","@use '../abstracts/variables';\n@use '../abstracts/functions';\n@use '../abstracts/mixins';\n\n.sm-form {\n display: flex;\n flex-direction: column;\n font-size: 1rem;\n\n &__input,\n textarea {\n width: 100%;\n padding: 0.25rem;\n margin: 0.25rem 0;\n font-family: variables.$sans;\n font-size: 1rem;\n border: 1px solid currentColor;\n border-radius: variables.$radius;\n @include mixins.color-map(color, text1);\n @include mixins.color-map(background-color, surface2);\n @include mixins.transition(all);\n\n &:focus {\n @include mixins.color-map(color, text);\n @include mixins.color-map(background-color, surface3);\n border: 1px solid functions.color(primary);\n border: 1px solid var(--primary);\n outline: none;\n @include mixins.transition(all);\n }\n }\n\n textarea {\n flex-basis: auto;\n height: 8rem;\n }\n\n .sm-button--color {\n margin: 1rem 0 0;\n }\n}\n","//-------------------------------------------\n// Grid Styles\n//-------------------------------------------\n@use '../abstracts/variables';\n@use '../abstracts/mixins';\n\n.sm-grid {\n display: grid;\n gap: 1.5rem;\n // IE Support\n @supports not (gap: 1.5rem) {\n display: flex;\n flex-wrap: wrap;\n .sm-card {\n width: 50%;\n min-width: 14.375rem;\n margin-bottom: 1rem;\n &:first-child {\n width: 100%;\n }\n }\n }\n}\n\n// Mobile phones\n.sm-grid-container {\n @extend .sm-grid;\n align-content: stretch;\n grid-template-columns: repeat(auto-fit, minmax(292px, 1fr));\n max-width: 100%;\n margin: 1rem 0;\n &--footer {\n @extend .sm-grid-container;\n grid-gap: 2rem;\n grid-template-columns: repeat(2, 1fr);\n\n @include mixins.respond-above(variables.$laptop) {\n grid-gap: 2rem;\n grid-template-columns: repeat(4, 1fr);\n }\n }\n}\n\n@mixin horizontal-card {\n border-top-left-radius: variables.$radius;\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n border-bottom-left-radius: variables.$radius;\n}\n\n// Tablets\n@include mixins.respond-between(variables.$tablet, variables.$laptop) {\n .sm-grid-container-1 {\n grid-template-columns: minmax(292px, 1fr);\n\n .sm-card-1 {\n .sm-card {\n &__link {\n flex-direction: row;\n }\n &__img-container {\n width: 50%;\n height: 100%;\n min-height: 12rem;\n padding: 0;\n }\n &__img,\n &__no-img {\n @include horizontal-card;\n }\n &__body {\n width: calc(50% - 2.5rem);\n height: auto;\n }\n }\n }\n }\n\n .sm-grid-container-2,\n .sm-grid-container-4 {\n grid-template-columns: repeat(2, 1fr);\n }\n\n .sm-grid-container-3 {\n grid-template-areas:\n 'one one'\n 'two three';\n grid-template-columns: 1fr 1fr;\n\n .sm-card-1 {\n grid-area: one;\n\n .sm-card {\n &__link {\n flex-direction: row;\n }\n &__img-container {\n width: 50%;\n height: 100%;\n min-height: 12rem;\n padding: 0;\n }\n &__img,\n &__no-img {\n @include horizontal-card;\n }\n &__body {\n width: calc(50% - 2.5rem);\n height: auto;\n }\n }\n }\n\n .sm-card-2 {\n grid-area: two;\n }\n\n .sm-card-3 {\n grid-area: three;\n }\n }\n\n .sm-grid-container-5 {\n grid-template-areas:\n 'one one'\n 'two three'\n 'four five';\n grid-template-columns: 1fr 1fr;\n\n .sm-card-1 {\n grid-area: one;\n\n .sm-card {\n &__link {\n flex-direction: row;\n }\n &__img-container {\n width: 50%;\n height: 100%;\n min-height: 12rem;\n padding: 0;\n }\n &__img,\n &__no-img {\n @include horizontal-card;\n }\n &__body {\n width: calc(50% - 2.5rem);\n height: auto;\n }\n }\n }\n\n .sm-card-2 {\n grid-area: two;\n }\n\n .sm-card-3 {\n grid-area: three;\n }\n\n .sm-card-4 {\n grid-area: four;\n }\n\n .sm-card-5 {\n grid-area: five;\n }\n }\n}\n\n// Laptops\n@include mixins.respond-between(variables.$laptop, variables.$desktop) {\n .sm-grid-container-1 {\n grid-template-columns: minmax(292px, 1fr);\n\n .sm-card-1 {\n .sm-card {\n &__link {\n flex-direction: row;\n }\n &__img-container {\n width: 50%;\n height: 100%;\n min-height: 17.1875rem;\n padding: 0;\n }\n &__img,\n &__no-img {\n @include horizontal-card;\n }\n &__body {\n width: calc(50% - 2.5rem);\n height: auto;\n }\n }\n }\n }\n\n .sm-grid-container-2,\n .sm-grid-container-4 {\n grid-template-columns: repeat(2, 1fr);\n }\n\n .sm-grid-container-3 {\n grid-template-areas:\n 'one one'\n 'two three';\n grid-template-columns: 1fr 1fr;\n\n .sm-card-1 {\n grid-area: one;\n\n .sm-card {\n &__link {\n flex-direction: row;\n }\n &__img-container {\n width: 50%;\n height: 100%;\n min-height: 17.1875rem;\n padding: 0;\n }\n &__img,\n &__no-img {\n @include horizontal-card;\n }\n &__body {\n width: calc(50% - 2.5rem);\n height: auto;\n }\n }\n }\n\n .sm-card-2 {\n grid-area: two;\n }\n\n .sm-card-3 {\n grid-area: three;\n }\n }\n\n .sm-grid-container-5 {\n grid-template-areas:\n 'one one'\n 'two three'\n 'four five';\n grid-template-columns: 1fr 1fr;\n\n .sm-card-1 {\n grid-area: one;\n\n .sm-card {\n &__link {\n flex-direction: row;\n }\n &__img-container {\n width: 50%;\n height: 100%;\n min-height: 17.1875rem;\n padding: 0;\n }\n &__img,\n &__no-img {\n @include horizontal-card;\n }\n &__body {\n width: calc(50% - 2.5rem);\n height: auto;\n }\n }\n }\n\n .sm-card-2 {\n grid-area: two;\n }\n\n .sm-card-3 {\n grid-area: three;\n }\n\n .sm-card-4 {\n grid-area: four;\n }\n\n .sm-card-5 {\n grid-area: five;\n }\n }\n}\n\n// Desktops\n@include mixins.respond-above(variables.$desktop) {\n .sm-grid-container-1 {\n grid-template-columns: minmax(292px, 1fr);\n\n .sm-card-1 {\n .sm-card {\n &__link {\n flex-direction: row;\n }\n &__img-container {\n width: 50%;\n height: 50%;\n min-height: 17.1875rem;\n padding: 0;\n }\n &__img,\n &__no-img {\n @include horizontal-card;\n }\n &__body {\n width: calc(50% - 2.5rem);\n height: auto;\n }\n }\n }\n }\n\n .sm-grid-container-2 {\n grid-template-columns: repeat(2, 1fr);\n }\n\n .sm-grid-container-3 {\n grid-template-columns: repeat(3, 1fr);\n }\n\n .sm-grid-container-4 {\n grid-template-areas:\n 'one two'\n 'three four';\n grid-template-columns: 1fr 1fr;\n\n .sm-card-1 {\n grid-area: one;\n }\n\n .sm-card-2 {\n grid-area: two;\n }\n\n .sm-card-3 {\n grid-area: three;\n }\n\n .sm-card-4 {\n grid-area: four;\n }\n }\n\n .sm-grid-container-5 {\n grid-template-areas:\n 'one one one two two two'\n 'three three four four five five';\n grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;\n\n .sm-card-1 {\n grid-area: one;\n\n &__img,\n &__no-img {\n @include horizontal-card;\n }\n }\n\n .sm-card-2 {\n grid-area: two;\n }\n\n .sm-card-3 {\n grid-area: three;\n }\n\n .sm-card-4 {\n grid-area: four;\n }\n\n .sm-card-5 {\n grid-area: five;\n }\n }\n}\n","@use '../abstracts/variables';\n@use '../abstracts/mixins';\n\n@mixin link {\n position: relative;\n display: inline;\n text-decoration: none;\n\n &:before {\n position: absolute;\n bottom: -1px;\n left: 0;\n z-index: -1;\n width: 100%;\n height: 2px;\n clip-path: inset(0 100% 0 0);\n content: '';\n @include mixins.color-map(background-color, primary);\n border-radius: variables.$radius;\n @include mixins.transition(clip-path);\n }\n\n &:hover:before {\n clip-path: inset(0 0 0 0);\n @include mixins.transition(clip-path);\n }\n}\n\n.sm-link {\n @include link;\n\n &.sm-nav-current:before {\n clip-path: none;\n }\n}\n","//-------------------------------------------\n// General Modal Styles\n//-------------------------------------------\n@use '../abstracts/variables';\n@use '../abstracts/mixins';\n\n.sm-content-wrap {\n &:before {\n top: 0;\n left: 0;\n z-index: 7;\n width: 100%;\n height: 100%;\n content: '';\n background: linear-gradient(\n 315deg,\n rgba(0, 0, 0, 0.5) 0%,\n rgba(0, 0, 0, 0.3) 100%\n );\n opacity: 0;\n transition: opacity 0.2s;\n backdrop-filter: blur(2px);\n }\n\n .sm-expanded-modal &,\n .sm-expanded-menu & {\n &:before {\n position: fixed;\n opacity: 1;\n }\n }\n}\n\n.expanded-modal {\n // prevent double scroll bars when modal opens\n // overflow: hidden;\n}\n\n.sm-modal {\n position: fixed;\n top: 0;\n left: 0;\n z-index: 10;\n width: 100%;\n height: 100%;\n // overflow-y: auto;\n overflow: hidden;\n text-align: center;\n pointer-events: none;\n opacity: 0;\n transition: opacity 0.2s ease-in;\n @include mixins.color-map(color, text);\n @include mixins.color-map(background-color, surface2);\n\n @media (min-width: variables.$laptop) {\n left: 50%;\n width: 380px;\n max-width: 100vw;\n max-height: 75%;\n margin-top: 15vmin;\n border-radius: variables.$radius;\n box-shadow: -3px 0 10px rgba(0, 0, 0, 0.25);\n transform: translate(-50%, 0);\n }\n\n &__container {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: space-between;\n height: 100%;\n padding: 1rem;\n }\n\n &[aria-expanded='true'] {\n overflow-y: auto;\n pointer-events: all;\n opacity: 1;\n @media (min-width: variables.$laptop) {\n animation: popup 0.25s ease-out;\n }\n }\n\n &__header {\n display: flex;\n flex-direction: column;\n width: 100%;\n .sm-navigation {\n &__ul {\n margin: 2rem;\n }\n }\n }\n\n &__close-btn {\n align-self: flex-end;\n width: 1.5rem;\n height: 1.5rem;\n margin: 0 0 1rem 1rem;\n line-height: 0;\n\n &:hover svg {\n @include mixins.color-map(stroke, secondary);\n }\n\n svg {\n width: 1.5rem;\n height: 1.5rem;\n stroke-width: 3;\n @include mixins.color-map(stroke, text1);\n @include mixins.transition(all);\n }\n }\n\n &__title {\n margin: 0;\n }\n\n &__footer {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n width: 100%;\n a {\n width: 2rem;\n height: 2rem;\n margin: 0.5rem;\n &:last-child {\n margin-right: 0;\n }\n svg {\n width: 100%;\n height: 100%;\n @include mixins.color-map(stroke, text2);\n }\n }\n }\n}\n","//-------------------------------------------\n// Search Styles\n//-------------------------------------------\n@use '../abstracts/variables';\n@use '../abstracts/functions';\n@use '../abstracts/mixins';\n\n.sm-search {\n &__modal {\n .sm-modal {\n &__container {\n justify-content: flex-start;\n }\n }\n .sm-small-header {\n text-align: left;\n }\n }\n &__button {\n &--loading {\n display: none;\n animation: rotate 1s linear infinite;\n .sm-loading & {\n display: inline-block;\n }\n }\n &--content {\n .sm-loading & {\n display: none;\n }\n }\n }\n\n &__input-container {\n display: flex;\n input,\n button {\n margin: 0;\n // font-size: 0.9rem;\n line-height: 1;\n }\n\n input {\n flex: 2;\n margin-right: 0.25rem;\n }\n\n button {\n flex: 1;\n }\n }\n}\n\n@keyframes rotate {\n 100% {\n transform: rotate(1turn);\n }\n}\n\n.sm-search-results {\n width: 100%;\n height: 100%;\n margin-top: 1rem;\n\n .sm-small-header {\n text-align: left;\n }\n\n &__item {\n margin-top: 1rem;\n text-align: left;\n border-radius: variables.$radius;\n box-shadow: variables.$box-shadow;\n @include mixins.color-map(background-color, surface3);\n &:first-child {\n margin-top: 0.25rem;\n }\n }\n\n &__link {\n display: block;\n width: 100%;\n height: 100%;\n padding: 1rem;\n border: 3px solid transparent;\n border-radius: variables.$radius;\n transition: box-shadow 0.2s, color 0.2s;\n\n &:hover {\n box-shadow: 0 0 0 4px functions.color(primary);\n box-shadow: 0 0 0 4px var(--primary);\n\n .sm-search-results {\n &__title {\n @include mixins.color-map(color, primary);\n }\n }\n }\n }\n\n &__date {\n font-size: 0.8rem;\n @include mixins.color-map(color, text1);\n background: none;\n }\n\n &__title {\n margin: 0.25rem 0;\n font-family: variables.$serif;\n font-size: 1.1rem;\n font-weight: 400;\n line-height: 1.2;\n @include mixins.transition(color);\n }\n\n &__excerpt {\n display: -webkit-box;\n -webkit-box-orient: vertical;\n overflow: hidden;\n font-size: 0.9rem;\n -webkit-line-clamp: 3;\n text-overflow: ellipsis;\n @include mixins.color-map(color, text2);\n }\n}\n","//-------------------------------------------\n// Share Bar\n//-------------------------------------------\n@use '../abstracts/variables';\n@use '../abstracts/mixins';\n\n.sm-post-share-bar {\n position: fixed;\n bottom: 0;\n z-index: 5;\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n align-items: center;\n justify-content: center;\n width: 100%;\n font-weight: 700;\n @include mixins.color-map(color, text2);\n text-align: center;\n @include mixins.color-map(background-color, surface3);\n border-bottom: 3px solid var(--text4);\n\n opacity: 0;\n\n transition: transform 0.2s ease-in, opacity 0.2s;\n transform: translate3d(0, 100%, 0);\n &__link {\n width: 2.5rem;\n height: 2.5rem;\n padding: 0.5rem;\n @include mixins.transition(background-color);\n\n svg {\n width: 100%;\n height: 100%;\n fill: transparent;\n @include mixins.color-map(stroke, text2);\n @include mixins.transition(stroke);\n }\n\n @include mixins.respond-above(variables.$laptop) {\n &:first-child {\n border-top-right-radius: variables.$radius;\n }\n &:last-child {\n border-bottom-right-radius: variables.$radius;\n }\n }\n }\n\n &__link--twitter {\n @extend .sm-post-share-bar__link;\n\n &:hover,\n &:active {\n background-color: variables.$tw;\n svg {\n stroke: #fff;\n }\n }\n }\n\n &__link--facebook {\n @extend .sm-post-share-bar__link;\n\n &:hover,\n &:active {\n background-color: variables.$fb;\n svg {\n stroke: #fff;\n }\n }\n }\n\n &__link--linkedin {\n @extend .sm-post-share-bar__link;\n\n &:hover,\n &:active {\n background-color: variables.$li;\n svg {\n stroke: #fff;\n }\n }\n }\n\n &__link--copy {\n @extend .sm-post-share-bar__link;\n &:hover,\n &:active {\n @include mixins.color-map(background-color, primary);\n svg {\n stroke: #fff;\n :root[color-mode='dark'] & {\n stroke: #000;\n }\n }\n }\n }\n\n @include mixins.respond-above(variables.$laptop) {\n top: 50%;\n bottom: initial;\n flex-direction: column;\n width: initial;\n border-bottom: none;\n border-top-right-radius: variables.$radius;\n border-bottom-right-radius: variables.$radius;\n transform: translate3d(-100%, -50%, 0);\n }\n}\n",".sm-skip-to-content {\n position: fixed;\n top: 0;\n left: 50%;\n z-index: 15;\n opacity: 0;\n transition: background-color 0.2s, transform 0.25s ease-out, opacity 0.25s;\n transform: translate3d(-50%, -125%, 0);\n\n &:focus {\n opacity: 1;\n transition: transform 0.25s ease-in, opacity 0.25s;\n transform: translate3d(-50%, 0.5rem, 0);\n }\n}\n","@use '../abstracts/mixins' as *;\n\n.sm-small-header,\nlabel {\n margin-top: 1rem;\n font-size: 0.8rem;\n font-weight: 700;\n text-transform: uppercase;\n @include color-map(color, text3);\n}\n","//-------------------------------------------\n// SVG Icon Colors\n//-------------------------------------------\n@use '../abstracts/variables';\n@use '../abstracts/mixins';\n\n@mixin svg($sm) {\n width: 1.5rem;\n height: 1.5rem;\n padding: 0.25rem;\n border-radius: variables.$radius;\n @include mixins.transition(background-color);\n &:hover {\n background-color: $sm;\n svg {\n stroke: #fff;\n }\n }\n svg {\n fill: none;\n stroke: currentColor;\n @include mixins.transition(stroke);\n }\n}\n\n.academia svg {\n fill: currentColor;\n @include mixins.transition(all);\n &:hover,\n &:focus {\n @include mixins.color-map(fill, primary);\n }\n}\n\n.facebook {\n @include svg(variables.$fb);\n}\n\n.github {\n @include svg(variables.$gh);\n}\n\n.gitlab {\n @include svg(variables.$gl);\n}\n\n.instagram {\n @include svg(variables.$ig);\n}\n\n.linkedin {\n @include svg(variables.$li);\n}\n\n.rss {\n @include svg(variables.$rs);\n}\n\n.twitch {\n @include svg(variables.$ch);\n}\n\n.twitter {\n @include svg(variables.$tw);\n}\n\n.map svg,\n.website svg {\n fill: transparent;\n stroke: currentColor;\n @include mixins.transition(all);\n &:hover,\n &:focus {\n @include mixins.color-map(stroke, primary);\n }\n}\n\n.website {\n width: 1.5rem;\n height: 1.5rem;\n padding: 0.25rem;\n border-radius: variables.$radius;\n @include mixins.transition(background-color);\n &:hover {\n @include mixins.color-map(background-color, primary);\n svg {\n @include mixins.color-map(stroke, textInverse);\n }\n }\n svg {\n fill: none;\n stroke: currentColor;\n @include mixins.transition(stroke);\n }\n}\n\n.youtube {\n @include svg(variables.$yt);\n}\n","@use '../abstracts/variables';\n@use '../abstracts/mixins';\n\n.sm-tag {\n display: inline-block;\n @include mixins.color-map(color, text2);\n font-size: 0.8rem;\n text-transform: uppercase;\n letter-spacing: 0.2px;\n @include mixins.transition(color);\n\n &::before {\n content: '#';\n }\n\n &:not(.sm-card &):hover {\n @include mixins.color-map(color, text);\n }\n\n .sm-card & {\n margin-top: auto;\n }\n\n &:not(:last-child) {\n .sm-post__tag-bar & {\n margin-right: 0.5rem;\n }\n }\n}\n","@use '../abstracts/variables';\n@use '../abstracts/mixins';\n@use '../abstracts/functions';\n\n.sm-author {\n &__img-container {\n position: relative;\n display: flex;\n flex-shrink: 0;\n align-items: center;\n justify-content: center;\n margin-bottom: 2rem;\n border-radius: 50%;\n\n @include mixins.respond-above(variables.$tablet) {\n margin-bottom: 0;\n }\n\n &:before {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n content: '';\n background: linear-gradient(\n 45deg,\n functions.color(primary),\n functions.color(secondary)\n );\n background: var(--gradient);\n border-radius: 50%;\n }\n }\n\n &__img {\n position: relative;\n z-index: 1;\n width: variables.$base;\n height: variables.$base;\n margin: 0.25rem;\n border-radius: 50%;\n box-shadow: variables.$box-shadow;\n }\n\n &__no-img {\n @extend .sm-author__img;\n overflow: hidden;\n background: linear-gradient(\n 45deg,\n functions.color(primary),\n functions.color(secondary)\n );\n background: var(--gradient);\n\n svg {\n display: block;\n width: 90%;\n height: 90%;\n margin: 0 auto;\n fill: transparent;\n @include mixins.color-map(color, textInverse);\n }\n }\n\n &__text {\n @include mixins.respond-above(variables.$tablet) {\n margin-left: 4rem;\n }\n }\n\n &__name {\n margin: 0;\n font-family: variables.$serif;\n font-weight: 400;\n }\n\n &__location svg:hover {\n stroke: currentColor;\n }\n\n &__meta {\n display: flex;\n align-items: center;\n\n a {\n margin-right: 0.5rem;\n line-height: 1;\n\n &:last-child {\n margin-right: 0;\n }\n }\n\n svg {\n width: 1rem;\n height: 1rem;\n\n @include mixins.transition(all);\n }\n }\n\n &__location {\n display: flex;\n align-items: center;\n\n p {\n margin-left: 0.25rem;\n }\n\n svg {\n width: 1rem;\n height: 1rem;\n }\n }\n}\n","@use '../abstracts/variables';\n@use '../abstracts/mixins';\n\n.sm-main--error {\n &__heading {\n position: relative;\n margin-bottom: 0;\n font-family: variables.$serif;\n font-size: 4rem;\n font-weight: 400;\n text-align: center;\n }\n\n &__text {\n font-size: 1.5rem;\n text-align: center;\n @include mixins.color-map(color, text1);\n }\n}\n","//-------------------------------------------\n// For Home, Index, and Tag pages\n//-------------------------------------------\n@use '../abstracts/mixins';\n.sm-main {\n width: 100%;\n overflow-x: hidden;\n\n &--index {\n @extend .sm-main;\n @include mixins.navbar(margin-top);\n }\n\n &__outer-container {\n @include mixins.outer-container;\n }\n\n &__inner-container {\n @include mixins.inner-container;\n }\n\n &__header {\n display: inline;\n margin: 0;\n }\n\n &__read-more {\n display: inline-block;\n @include mixins.color-map(color, text);\n @include mixins.transition(color);\n\n h2 {\n margin: 0;\n }\n\n &:hover {\n @include mixins.color-map(color, secondary);\n }\n }\n}\n"],"sourceRoot":""} \ No newline at end of file diff --git a/assets/built/app.js b/assets/built/app.js index ed7fe038..44e3e048 100644 --- a/assets/built/app.js +++ b/assets/built/app.js @@ -1,2 +1,2 @@ -!function(){var t={545:function(t,e,n){"use strict";n.r(e),n.d(e,{trapFocus:function(){return a},tabKeyHandler:function(){return c},releaseFocus:function(){return s}});var r,o='a[href], area[href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), button:not([disabled]), iframe, object, embed, [tabindex="0"], [contenteditable]',i=function(t){var e=t.querySelectorAll(o);e.forEach((function(t){return t.setAttribute("tabindex","0")}));var n,r,i,a=e[1];return[e[0],(n=e,r=n[n.length-1],i=n[n.length-2],function(t){return"none"!==window.getComputedStyle(t).display}(r)?r:i),a]},a=function(t){r=document.activeElement,i(t)[2].focus()};function c(t){var e=i(this),n=e[0],r=e[1];9===t.keyCode&&(t.shiftKey?document.activeElement===n&&(t.preventDefault(),r.focus()):document.activeElement===r&&(t.preventDefault(),n.focus()))}var s=function(t){t.querySelectorAll(o).forEach((function(t){return t.setAttribute("tabindex","-1")})),t.removeEventListener("keydown",c),r.focus()}},90:function(t){!function(e,n){var r=function(t,e,n){"use strict";var r,o;if(function(){var e,n={lazyClass:"lazyload",loadedClass:"lazyloaded",loadingClass:"lazyloading",preloadClass:"lazypreload",errorClass:"lazyerror",autosizesClass:"lazyautosizes",fastLoadedClass:"ls-is-cached",iframeLoadMode:0,srcAttr:"data-src",srcsetAttr:"data-srcset",sizesAttr:"data-sizes",minSize:40,customMedia:{},init:!0,expFactor:1.5,hFac:.8,loadMode:2,loadHidden:!0,ricTimeout:0,throttleDelay:125};for(e in o=t.lazySizesConfig||t.lazysizesConfig||{},n)e in o||(o[e]=n[e])}(),!e||!e.getElementsByClassName)return{init:function(){},cfg:o,noSupport:!0};var i,a,c,s,u,f,l,d,h,p,v,m,g,y,b,w,E,S,C,A,j,x,O,_,T,L,k,z,P,M,I,N,R,D,B,q,F,U,H,W,$,V,G,K,J=e.documentElement,X=t.HTMLPictureElement,Y="addEventListener",Q=t.addEventListener.bind(t),Z=t.setTimeout,tt=t.requestAnimationFrame||Z,et=t.requestIdleCallback,nt=/^picture$/i,rt=["load","error","lazyincluded","_lazyloaded"],ot={},it=Array.prototype.forEach,at=function(t,e){return ot[e]||(ot[e]=new RegExp("(\\s|^)"+e+"(\\s|$)")),ot[e].test(t.getAttribute("class")||"")&&ot[e]},ct=function(t,e){at(t,e)||t.setAttribute("class",(t.getAttribute("class")||"").trim()+" "+e)},st=function(t,e){var n;(n=at(t,e))&&t.setAttribute("class",(t.getAttribute("class")||"").replace(n," "))},ut=function(t,e,n){var r=n?Y:"removeEventListener";n&&ut(t,e),rt.forEach((function(n){t[r](n,e)}))},ft=function(t,n,o,i,a){var c=e.createEvent("Event");return o||(o={}),o.instance=r,c.initEvent(n,!i,!a),c.detail=o,t.dispatchEvent(c),c},lt=function(e,n){var r;!X&&(r=t.picturefill||o.pf)?(n&&n.src&&!e.getAttribute("srcset")&&e.setAttribute("srcset",n.src),r({reevaluate:!0,elements:[e]})):n&&n.src&&(e.src=n.src)},dt=function(t,e){return(getComputedStyle(t,null)||{})[e]},ht=function(t,e,n){for(n=n||t.offsetWidth;n0)&&"visible"!=dt(o,"overflow")&&(r=o.getBoundingClientRect(),i=y>r.left&&gr.top-1&&m49?function(){et(c,{timeout:a}),a!==o.ricTimeout&&(a=o.ricTimeout)}:vt((function(){Z(c)}),!0);return function(t){var o;(t=!0===t)&&(a=33),e||(e=!0,(o=i-(n.now()-r))<0&&(o=0),t||o<9?s():Z(s,o))}}(L=function(){var t,n,i,a,c,s,l,h,E,S,O,L,k=r.elements;if((d=o.loadMode)&&j<8&&(t=k.length)){for(n=0,x++;n500&&J.clientWidth>500?500:370:o.expand,r._defEx=S,O=S*o.expFactor,L=o.hFac,w=null,A2&&d>2&&!e.hidden?(A=O,x=0):A=d>1&&x>1&&j<6?S:0),E!==s&&(p=innerWidth+s*L,v=innerHeight+s,l=-1*s,E=s),i=k[n].getBoundingClientRect(),(b=i.bottom)>=l&&(m=i.top)<=v&&(y=i.right)>=l*L&&(g=i.left)<=p&&(b||y||g||m)&&(o.loadHidden||_(k[n]))&&(f&&j<3&&!h&&(d<3||x<4)||T(k[n],s))){if(D(k[n]),c=!0,j>9)break}else!c&&f&&!a&&j<4&&x<4&&d>2&&(u[0]||o.preloadAfterLoad)&&(u[0]||!h&&(b||y||g||m||"auto"!=k[n].getAttribute(o.sizesAttr)))&&(a=u[0]||k[n]);a&&!c&&D(a)}}),P=vt(z=function(t){var e=t.target;e._lazyCache?delete e._lazyCache:(O(t),ct(e,o.loadedClass),st(e,o.loadingClass),ut(e,M),ft(e,"lazyloaded"))}),M=function(t){P({target:t.target})},I=function(t,e){var n=t.getAttribute("data-load-mode")||o.iframeLoadMode;0==n?t.contentWindow.location.replace(e):1==n&&(t.src=e)},N=function(t){var e,n=t.getAttribute(o.srcsetAttr);(e=o.customMedia[t.getAttribute("data-media")||t.getAttribute("media")])&&t.setAttribute("media",e),n&&t.setAttribute("srcset",n)},R=vt((function(t,e,n,r,i){var a,c,s,u,f,d;(f=ft(t,"lazybeforeunveil",e)).defaultPrevented||(r&&(n?ct(t,o.autosizesClass):t.setAttribute("sizes",r)),c=t.getAttribute(o.srcsetAttr),a=t.getAttribute(o.srcAttr),i&&(u=(s=t.parentNode)&&nt.test(s.nodeName||"")),d=e.firesLoad||"src"in t&&(c||a||u),f={target:t},ct(t,o.loadingClass),d&&(clearTimeout(l),l=Z(O,2500),ut(t,M,!0)),u&&it.call(s.getElementsByTagName("source"),N),c?t.setAttribute("srcset",c):a&&!u&&(S.test(t.nodeName)?I(t,a):t.src=a),i&&(c||u)&<(t,{src:a})),t._lazyRace&&delete t._lazyRace,st(t,o.lazyClass),pt((function(){var e=t.complete&&t.naturalWidth>1;d&&!e||(e&&ct(t,o.fastLoadedClass),z(f),t._lazyCache=!0,Z((function(){"_lazyCache"in t&&delete t._lazyCache}),9)),"lazy"==t.loading&&j--}),!0)})),D=function(t){if(!t._lazyRace){var e,n=E.test(t.nodeName),r=n&&(t.getAttribute(o.sizesAttr)||t.getAttribute("sizes")),i="auto"==r;(!i&&f||!n||!t.getAttribute("src")&&!t.srcset||t.complete||at(t,o.errorClass)||!at(t,o.lazyClass))&&(e=ft(t,"lazyunveilread").detail,i&&yt.updateElem(t,!0,t.offsetWidth),t._lazyRace=!0,j++,R(t,e,i,r,n))}},B=mt((function(){o.loadMode=3,k()})),F=function(){f||(n.now()-h<999?Z(F,999):(f=!0,o.loadMode=3,k(),Q("scroll",q,!0)))},{_:function(){h=n.now(),r.elements=e.getElementsByClassName(o.lazyClass),u=e.getElementsByClassName(o.lazyClass+" "+o.preloadClass),Q("scroll",k,!0),Q("resize",k,!0),Q("pageshow",(function(t){if(t.persisted){var n=e.querySelectorAll("."+o.loadingClass);n.length&&n.forEach&&tt((function(){n.forEach((function(t){t.complete&&D(t)}))}))}})),t.MutationObserver?new MutationObserver(k).observe(J,{childList:!0,subtree:!0,attributes:!0}):(J.addEventListener("DOMNodeInserted",k,!0),J.addEventListener("DOMAttrModified",k,!0),setInterval(k,999)),Q("hashchange",k,!0),["focus","mouseover","click","load","transitionend","animationend"].forEach((function(t){e.addEventListener(t,k,!0)})),/d$|^c/.test(e.readyState)?F():(Q("load",F),e.addEventListener("DOMContentLoaded",k),Z(F,2e4)),r.elements.length?(L(),pt._lsFlush()):k()},checkElems:k,unveil:D,_aLSL:q=function(){3==o.loadMode&&(o.loadMode=2),B()}}),yt=(a=vt((function(t,e,n,r){var o,i,a;if(t._lazysizesWidth=r,r+="px",t.setAttribute("sizes",r),nt.test(e.nodeName||""))for(i=0,a=(o=e.getElementsByTagName("source")).length;i0?xt:jt)(t)},_t=Math.min,Tt=function(t){return t>0?_t(Ot(t),9007199254740991):0},Lt=Math.max,kt=Math.min,zt=function(t){return function(e,n,r){var o,i=M(e),a=Tt(i.length),c=function(t,e){var n=Ot(t);return n<0?Lt(n+e,0):kt(n,e)}(r,a);if(t&&n!=n){for(;a>c;)if((o=i[c++])!=o)return!0}else for(;a>c;c++)if((t||c in i)&&i[c]===n)return t||c||0;return!t&&-1}},Pt={includes:zt(!0),indexOf:zt(!1)},Mt=Pt.indexOf,It=function(t,e){var n,r=M(t),o=0,i=[];for(n in r)!D(lt,n)&&D(r,n)&&i.push(n);for(;e.length>o;)D(r,n=e[o++])&&(~Mt(i,n)||i.push(n));return i},Nt=["constructor","hasOwnProperty","isPrototypeOf","propertyIsEnumerable","toLocaleString","toString","valueOf"],Rt=Nt.concat("length","prototype"),Dt={f:Object.getOwnPropertyNames||function(t){return It(t,Rt)}},Bt={f:Object.getOwnPropertySymbols},qt=At("Reflect","ownKeys")||function(t){var e=Dt.f($(t)),n=Bt.f;return n?e.concat(n(t)):e},Ft=function(t,e){for(var n=qt(e),r=G.f,o=W.f,i=0;i=74)&&(yt=se.match(/Chrome\/(\d+)/))&&(bt=yt[1]);var de=bt&&+bt,he=ie("species"),pe=ie("isConcatSpreadable"),ve=9007199254740991,me="Maximum allowed index exceeded",ge=de>=51||!C((function(){var t=[];return t[pe]=!1,t.concat()[0]!==t})),ye=("concat",de>=51||!C((function(){var t=[];return(t.constructor={})[he]=function(){return{foo:1}},1!==t.concat(Boolean).foo}))),be=function(t){if(!I(t))return!1;var e=t[pe];return void 0!==e?!!e:Yt(t)};Xt({target:"Array",proto:!0,forced:!ge||!ye},{concat:function(t){var e,n,r,o,i,a=Qt(this),c=ce(a,0),s=0;for(e=-1,r=arguments.length;eve)throw TypeError(me);for(n=0;n=ve)throw TypeError(me);Zt(c,s++,i)}return c.length=s,c}});var we=function(t){if("function"!=typeof t)throw TypeError(String(t)+" is not a function");return t},Ee=function(t,e,n){if(we(t),void 0===e)return t;switch(n){case 0:return function(){return t.call(e)};case 1:return function(n){return t.call(e,n)};case 2:return function(n,r){return t.call(e,n,r)};case 3:return function(n,r,o){return t.call(e,n,r,o)}}return function(){return t.apply(e,arguments)}},Se=[].push,Ce=function(t){var e=1==t,n=2==t,r=3==t,o=4==t,i=6==t,a=5==t||i;return function(c,s,u,f){for(var l,d,h=Qt(c),p=z(h),v=Ee(s,u,3),m=Tt(p.length),g=0,y=f||ce,b=e?y(c,m):n?y(c,0):void 0;m>g;g++)if((a||g in p)&&(d=v(l=p[g],g,h),t))if(e)b[g]=d;else if(d)switch(t){case 3:return!0;case 5:return l;case 6:return g;case 2:Se.call(b,l)}else if(o)return!1;return i?-1:r||o?o:b}},Ae={forEach:Ce(0),map:Ce(1),filter:Ce(2),some:Ce(3),every:Ce(4),find:Ce(5),findIndex:Ce(6)},je=function(t,e){var n=[][t];return!!n&&C((function(){n.call(null,e||function(){throw 1},1)}))},xe=Object.defineProperty,Oe={},_e=function(t){throw t},Te=function(t,e){if(D(Oe,t))return Oe[t];e||(e={});var n=[][t],r=!!D(e,"ACCESSORS")&&e.ACCESSORS,o=D(e,0)?e[0]:_e,i=D(e,1)?e[1]:void 0;return Oe[t]=!!n&&!C((function(){if(r&&!A)return!0;var t={length:-1};r?xe(t,1,{enumerable:!0,get:_e}):t[1]=1,n.call(t,o,i)}))},Le=Ae.forEach,ke=je("forEach"),ze=Te("forEach"),Pe=ke&&ze?[].forEach:function(t){return Le(this,t,arguments.length>1?arguments[1]:void 0)};Xt({target:"Array",proto:!0,forced:[].forEach!=Pe},{forEach:Pe});var Me,Ie=Object.keys||function(t){return It(t,Nt)},Ne=A?Object.defineProperties:function(t,e){$(t);for(var n,r=Ie(e),o=r.length,i=0;o>i;)G.f(t,n=r[i++],e[n]);return t},Re=At("document","documentElement"),De=ft("IE_PROTO"),Be=function(){},qe=function(t){return" + {{!-- Scripts to be parsed after load --}} {{^is "home"}} @@ -92,9 +109,9 @@ - + Skip to content {{> "svg"}} -
+
{{> "navbar"}} {{> "menu"}} {{> "search"}} diff --git a/error-404.hbs b/error-404.hbs index af19a956..81a41196 100644 --- a/error-404.hbs +++ b/error-404.hbs @@ -8,7 +8,7 @@ It's a good idea to keep this template as minimal as possible in terms of both f into the {body} of the default.hbs template --}} {{!-- Post Header --}} -
{{else}}post__img"> +
{{else}}post__img"> {{title}} {{/if}} {{^if @site.cover_image}} -
+
{{/if}}
{{!-- Post Header --}} -
-
-
-
-

{{statusCode}}

-

{{message}}

+
+
+
+
+

{{statusCode}}

+

{{message}}

-
-
-
-
-
-
-
+
{{#get "posts" limit="3" include="authors,tags"}}

Recent Posts

-
+
{{#foreach posts}} {{> "card"}} {{/foreach}} diff --git a/home.hbs b/home.hbs index a679b0d5..7f97ea1c 100644 --- a/home.hbs +++ b/home.hbs @@ -5,44 +5,44 @@ into the {body} of the default.hbs template --}} {{! Hero }} {{#if @site.cover_image}} {{/if}} -
-
-
-

{{@site.title}}

-

{{@site.description}} +

+
+
+

{{@site.title}}

+

{{@site.description}}

-
+
{{!-- Featured --}} {{#get "posts" include="tags" limit="3" filter="featured:true" as |featured|}} {{#if featured}} -
-
-

Featured

-
+
+
+

Featured

+
{{#foreach featured}} {{> "card"}} {{/foreach}} @@ -55,12 +55,12 @@ into the {body} of the default.hbs template --}} {{!-- Latest --}} {{#get "posts" limit="5" include="tags" filter="featured:false+tag:-publications+tag:-presentations+tag:-outreach+tag:-teaching+tag:-dissertation" as |latest|}} {{#if latest}} -
-
- -

Latest

+
+
+ +

Latest

 -
+
{{#foreach latest}} {{> "card"}} {{/foreach}} @@ -73,12 +73,12 @@ into the {body} of the default.hbs template --}} {{!-- Publications --}} {{#get "posts" limit="5" include="tags" filter="featured:false+tag:publications" as |publications|}} {{#if publications}} -
-
- -

Publications

+
+
+ +

Publications

 -
+
{{#foreach publications}} {{> "card"}} {{/foreach}} @@ -91,12 +91,12 @@ into the {body} of the default.hbs template --}} {{!-- Presentations --}} {{#get "posts" limit="5" include="tags" filter="featured:false+tag:presentations+tag:-publications" as |presentations|}} {{#if presentations}} -
-
- -

Presentations

+
+
+ +

Presentations

 -
+
{{#foreach presentations}} {{> "card"}} {{/foreach}} @@ -109,12 +109,12 @@ into the {body} of the default.hbs template --}} {{!-- Teaching --}} {{#get "posts" limit="5" include="tags" filter="featured:false+tag:teaching+tag:-publications+tag:-presentations" as |teaching|}} {{#if teaching}} -
-
- -

Teaching

+
+
+ +

Teaching

 -
+
{{#foreach teaching}} {{> "card"}} {{/foreach}} @@ -127,12 +127,12 @@ into the {body} of the default.hbs template --}} {{!-- Outreach --}} {{#get "posts" limit="5" include="tags" filter="featured:false+tag:outreach+tag:-publications+tag:-presentations+tag:-teaching" as |outreach|}} {{#if outreach}} -
-
- +
+
+

Outreach

 -
+
{{#foreach outreach}} {{> "card"}} {{/foreach}} diff --git a/index.hbs b/index.hbs index 43114c14..d728e5bd 100644 --- a/index.hbs +++ b/index.hbs @@ -3,7 +3,7 @@ into the {body} of the default.hbs template --}} {{!-- Post Header --}} -
{{else}}post__img"> +
{{else}}post__img"> {{meta_title}} {{/if}} {{^if @site.cover_image}} -
+
{{/if}}
{{!-- Post Header --}} -
-
-
-
-

Latest +
+
+
+
+

Latest {{plural pagination.page empty='' singular='' plural='%'}}

-
+
{{#foreach posts}} {{> "card"}} {{/foreach}} diff --git a/package.json b/package.json index 69275f24..d49abf4c 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "smart", - "version": "1.0.1", + "version": "1.0.2", "description": "A customizable Ghost theme", "main": "index.js", "engines": { diff --git a/page-tags.hbs b/page-tags.hbs index fa827d15..33a496ba 100644 --- a/page-tags.hbs +++ b/page-tags.hbs @@ -4,7 +4,7 @@ into the {body} of the default.hbs template --}} {{#post}} {{!-- Post Header --}} -
{{else}}post__img"> +
{{else}}sm-post__img"> {{title}} {{/if}} {{^if feature_image}} -
+
{{/if}}
{{!-- Main --}} -
-
-
-
-

{{title}}

+
+
+
+
+

{{title}}

{{/post}} {{#get "tags" include="count.posts" limit="all"}} -
+
{{#foreach tags}} {{!-- Card --}} -
{{/get}} -
diff --git a/page.hbs b/page.hbs index 58ae9aed..02ce5a31 100644 --- a/page.hbs +++ b/page.hbs @@ -5,25 +5,25 @@ into the {body} of the default.hbs template --}} {{#post}} {{!-- Post Header --}} -
{{else}}post__img"> +
{{else}}sm-post__img"> {{title}} {{/if}} {{^if feature_image}} -
+
{{/if}}
{{!-- Main --}} -
-
-
+
+
+
-
-

{{title}}

+
+

{{title}}

-
+
{{#if access}} {{content}} {{else}} diff --git a/partials/card.hbs b/partials/card.hbs index f9ef52f6..e0102c5a 100644 --- a/partials/card.hbs +++ b/partials/card.hbs @@ -1,18 +1,18 @@ {{!-- Card --}} -
- -
+
+ +
{{#if feature_image}} - {{else}} -
+
{{/if}}
-
-

{{date format='MMMM DD, YYYY'}}

-

{{title}}

+
+

{{date format='MMMM DD, YYYY'}}

+

{{title}}

{{#primary_tag}}

{{name}}

{{/primary_tag}} diff --git a/partials/footer.hbs b/partials/footer.hbs index 00e1fc1c..cb6212ad 100644 --- a/partials/footer.hbs +++ b/partials/footer.hbs @@ -1,16 +1,16 @@ {{!-- Footer Module --}} -