diff --git a/Gemfile b/Gemfile index 651fb1d..6b48a20 100644 --- a/Gemfile +++ b/Gemfile @@ -12,3 +12,4 @@ end # Performance-booster for watching directories on Windows gem "wdm", "~> 0.1.1", :install_if => Gem.win_platform? +gem "webrick", "~> 1.7" diff --git a/Gemfile.lock b/Gemfile.lock index 0217e0d..d80c96b 100644 --- a/Gemfile.lock +++ b/Gemfile.lock @@ -4,17 +4,17 @@ GEM addressable (2.8.0) public_suffix (>= 2.0.2, < 5.0) colorator (1.1.0) - concurrent-ruby (1.1.9) + concurrent-ruby (1.1.10) em-websocket (0.5.3) eventmachine (>= 0.12.9) http_parser.rb (~> 0) eventmachine (1.2.7) eventmachine (1.2.7-x64-mingw32) - ffi (1.15.4) - ffi (1.15.4-x64-mingw32) + ffi (1.15.5) + ffi (1.15.5-x64-mingw32) forwardable-extended (2.6.0) http_parser.rb (0.8.0) - i18n (1.8.11) + i18n (1.10.0) concurrent-ruby (~> 1.0) jekyll (4.0.1) addressable (~> 2.4) @@ -31,27 +31,27 @@ GEM rouge (~> 3.0) safe_yaml (~> 1.0) terminal-table (~> 1.8) - jekyll-sass-converter (2.1.0) + jekyll-sass-converter (2.2.0) sassc (> 2.0.1, < 3.0) jekyll-watch (2.2.1) listen (~> 3.0) - kramdown (2.3.1) + kramdown (2.3.2) rexml kramdown-parser-gfm (1.1.0) kramdown (~> 2.0) liquid (4.0.3) - listen (3.7.0) + listen (3.7.1) rb-fsevent (~> 0.10, >= 0.10.3) rb-inotify (~> 0.9, >= 0.9.10) mercenary (0.3.6) pathutil (0.16.2) forwardable-extended (~> 2.6) public_suffix (4.0.6) - rb-fsevent (0.11.0) + rb-fsevent (0.11.1) rb-inotify (0.10.1) ffi (~> 1.0) rexml (3.2.5) - rouge (3.26.1) + rouge (3.28.0) safe_yaml (1.0.5) sassc (2.4.0) ffi (~> 1.9) @@ -62,10 +62,11 @@ GEM thread_safe (0.3.6) tzinfo (1.2.9) thread_safe (~> 0.1) - tzinfo-data (1.2021.5) + tzinfo-data (1.2022.1) tzinfo (>= 1.0.0) unicode-display_width (1.8.0) wdm (0.1.1) + webrick (1.7.0) PLATFORMS ruby @@ -76,6 +77,7 @@ DEPENDENCIES tzinfo (~> 1.2) tzinfo-data wdm (~> 0.1.1) + webrick (~> 1.7) BUNDLED WITH 2.1.4 diff --git a/_pages/index.html b/_pages/index.html index f4938e0..a8373ea 100644 --- a/_pages/index.html +++ b/_pages/index.html @@ -8,6 +8,6 @@

{{ site.description }}

{{ page.description }}

- start exploring + start exploring
diff --git a/assets/css/components/_button.scss b/assets/css/components/_button.scss index 594327c..faeb90c 100644 --- a/assets/css/components/_button.scss +++ b/assets/css/components/_button.scss @@ -25,7 +25,17 @@ } } -.hyde.btn-default { +.hyde.btn-secondary { + color: $secondary; + border: 2px solid $secondary; + + &:hover { + color: white; + background-color: $secondary; + } +} + +.hyde.btn-light { color: white; border: 2px solid white; @@ -35,6 +45,16 @@ } } +.hyde.btn-default { + color: $dark; + border: 2px solid $dark; + + &:hover { + color: white; + background-color: $dark; + } +} + .hyde.btn-group { text-align: center; } diff --git a/assets/css/components/_dark.scss b/assets/css/components/_dark.scss index 7516345..06bf068 100644 --- a/assets/css/components/_dark.scss +++ b/assets/css/components/_dark.scss @@ -112,4 +112,14 @@ .hyde.divider { border-bottom: 1px solid $dark200 !important; } + + .hyde.btn-default { + color: white; + border: 2px solid white; + + &:hover { + color: $dark; + background-color: white; + } + } } diff --git a/assets/css/hyde.css b/assets/css/hyde.css index f4862c1..f0bb2de 100644 --- a/assets/css/hyde.css +++ b/assets/css/hyde.css @@ -1,5 +1,5 @@ /*! - * Hyde v1.1.1 (https://chemistryx.me) + * Hyde v1.1.2 (https://chemistryx.me) * Copyright 2022 ChemistryX. All rights reserved. * Licensed under MIT (https://github.com/ChemistryX/hyde/blob/master/LICENSE) - */@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css");@font-face{font-family:"Mont";font-style:normal;font-weight:200;src:local("Mont ExtraLight"),local("Mont-ExtraLight"),url(../fonts/mont/eot/Mont-ExtraLight.eot),url(../fonts/mont/eot/Mont-ExtraLight.eot?#iefix) format("embedded-opentype"),url(../fonts/mont/woff/Mont-ExtraLight.woff) format("woff"),url(../fonts/mont/woff/Mont-ExtraLight.woff2) format("woff2")}@font-face{font-family:"Mont";font-style:normal;font-weight:700;src:local("Mont Heavy"),local("Mont-Heavy"),url(../fonts/mont/eot/Mont-Heavy.eot),url(../fonts/mont/eot/Mont-Heavy.eot?#iefix) format("embedded-opentype"),url(../fonts/mont/woff/Mont-Heavy.woff) format("woff"),url(../fonts/mont/woff/Mont-Heavy.woff2) format("woff2")}html{height:100%;scroll-behavior:smooth}body{font-family:Mont,Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,"Helvetica Neue","Segoe UI","Apple SD Gothic Neo","Noto Sans KR","Malgun Gothic",sans-serif;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:#724CF9}img{display:block;max-width:100%;height:auto}.hyde.header{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.hyde.main{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.hyde.footer{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.hyde.content{margin:4rem auto;font-family:Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif;font-size:1.15rem;line-height:1.75;letter-spacing:-0.02rem;color:#222;word-break:keep-all}.hyde.content a{word-break:break-all}.hyde.content blockquote{border-radius:10px;border-left:7px solid #724CF9;padding-left:1rem}.hyde.content blockquote p{color:#363636}.hyde.content pre.highlight{padding:1rem;border-radius:10px}.hyde.content code.highlighter-rouge{background-color:#eaeaec;padding:0.15rem 0.2rem;border-radius:5px;word-break:break-word}.hyde.content.about h2{margin-top:3rem}@media (max-width: 768px){.hyde.content{font-size:1.05rem}}.hyde.content img{margin:1rem auto}@media (max-width: 576px){.hyde.content img.fix-scale{height:100%;width:100%}}.hyde.content img+em{display:block;text-align:center;font-size:0.8rem;color:#aaaab3}.hyde.content .hyde.comment h2{margin-bottom:0}::-moz-selection{background:#724CF9;color:white}::selection{background:#724CF9;color:white}@media (prefers-color-scheme: dark){body{background:#222}.hyde.navbar-parent.hyde.navbar-bg{background-color:rgba(43,43,43,0.9) !important}.hyde.navbar-parent.hyde.navbar-bg .hyde.nav-toggler a{color:white !important}.hyde.navbar-parent.hyde.navbar-bg .hyde.nav-item a{color:white !important}.hyde.jumbotron{color:#f4f4f5 !important;background:linear-gradient(45deg, rgba(114,76,249,0.2) 35%, rgba(202,125,249,0.2) 100%) !important}.hyde.content{color:#eaeaec}.hyde.content .hyde.share .hyde.share-item{color:#363636}.hyde.content .hyde.share .hyde.share-item:hover{color:#444}.hyde.content .hyde.signature{background-color:#2b2b2b}.hyde.content blockquote p{color:#d4d4d9 !important}.hyde.content code.highlighter-rouge{background-color:#2b2b2b !important;font-family:Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif !important}.hyde.post .hyde.post-thumbnail-wrapper{background-color:#2b2b2b !important}.hyde.post .hyde.post-thumbnail-wrapper .hyde.post-thumbnail{opacity:0.4 !important}.hyde.post .hyde.post-thumbnail-wrapper .hyde.post-thumbnail:hover{opacity:0.6 !important}.hyde.post .hyde.post-author{color:#f4f4f5 !important}.hyde.post .hyde.post-title{color:#f4f4f5 !important}.hyde.post .hyde.post-preview{color:#d4d4d9 !important}.hyde.portfolio .hyde.portfolio-item-wrapper .hyde.portfolio-item:hover .hyde.thumbnail{opacity:0.6 !important}.hyde.portfolio .hyde.portfolio-item-wrapper .hyde.portfolio-item .hyde.thumbnail{opacity:0.4 !important}.hyde.tags .hyde.tag{background-color:#2b2b2b !important}hr{background-color:#2b2b2b !important}.hyde.divider{border-bottom:1px solid #2b2b2b !important}}.hyde.container{margin:0 auto;width:60%}@media (max-width: 1024px){.hyde.container{width:75%}}@media (max-width: 896px){.hyde.container{width:82.5%}}@media (max-width: 768px){.hyde.container{width:90%}}.hyde.navbar-parent{-webkit-transition:background-color 0.2s ease, color 0.2s ease;transition:background-color 0.2s ease, color 0.2s ease}.hyde.navbar-parent.hyde.navbar-bg{background-color:rgba(255,255,255,0.9);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);-webkit-box-shadow:0px 0px 10px -7.5px rgba(0,0,0,0.7);box-shadow:0px 0px 10px -7.5px rgba(0,0,0,0.7)}.hyde.navbar-parent.hyde.navbar-bg a{color:#222 !important}.hyde.navbar-parent.hyde.navbar-bg .hyde.nav-item:before,.hyde.navbar-parent.hyde.navbar-bg .hyde.nav-item:after{background-color:#222 !important}.hyde.navbar-parent.hyde.navbar-bg .hyde.nav-item:not(:first-child):hover a,.hyde.navbar-parent.hyde.navbar-bg .hyde.nav-item.active a{color:white !important}.hyde.navbar-parent .hyde.navbar{list-style:none;display:-webkit-box;display:-ms-flexbox;display:flex;padding:2.25rem 0;margin:0}.hyde.navbar-parent .hyde.navbar .hyde.nav-toggler{font-size:1.75rem;display:none}.hyde.navbar-parent .hyde.navbar .hyde.nav-toggler a{color:white;cursor:pointer;-webkit-transition:color 0.5s ease;transition:color 0.5s ease}.hyde.navbar-parent .hyde.navbar .hyde.nav-toggler a:hover{color:#d4d4d9}@media (max-width: 896px){.hyde.navbar-parent .hyde.navbar .hyde.nav-toggler{display:block}}.hyde.navbar-parent .hyde.navbar .hyde.nav-item{font-weight:900;text-transform:uppercase;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;z-index:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 10px;margin:0 10px}.hyde.navbar-parent .hyde.navbar .hyde.nav-item:first-child{margin:0 auto 0 0;padding:0}@media (max-width: 896px){.hyde.navbar-parent .hyde.navbar .hyde.nav-item:first-child{padding:0;font-size:1.25rem}}.hyde.navbar-parent .hyde.navbar .hyde.nav-item:first-child a{padding:0}@media (max-width: 896px){.hyde.navbar-parent .hyde.navbar .hyde.nav-item:not(:first-child){display:none}}.hyde.navbar-parent .hyde.navbar .hyde.nav-item:before{content:" ";position:absolute;height:60%;width:0;background-color:white;left:0;z-index:-1;top:-3px;-webkit-transition:width 0.4s ease;transition:width 0.4s ease;border-radius:7px 7px 0 0}.hyde.navbar-parent .hyde.navbar .hyde.nav-item:after{content:" ";position:absolute;height:60%;width:0;background-color:white;left:0;z-index:-1;bottom:0;-webkit-transition:width 0.4s ease;transition:width 0.4s ease;border-radius:0 0 7px 7px}.hyde.navbar-parent .hyde.navbar .hyde.nav-item:not(:first-child):hover::before,.hyde.navbar-parent .hyde.navbar .hyde.nav-item:not(:first-child):hover::after,.hyde.navbar-parent .hyde.navbar .hyde.nav-item:not(:first-child).active::before,.hyde.navbar-parent .hyde.navbar .hyde.nav-item:not(:first-child).active::after{width:100%}.hyde.navbar-parent .hyde.navbar .hyde.nav-item:not(:first-child):hover a,.hyde.navbar-parent .hyde.navbar .hyde.nav-item:not(:first-child).active a{color:#222}.hyde.navbar-parent .hyde.navbar .hyde.nav-item a{color:white;padding:1px 5px;-webkit-transition:color 0.5s ease;transition:color 0.5s ease}.hyde.navbar-parent .hyde.mobile-nav-wrapper{background:linear-gradient(45deg, #2b2b2b 45%, #363636 100%);position:absolute;width:100%;height:100vh;font-weight:900;text-transform:uppercase;display:none;z-index:999}.hyde.navbar-parent .hyde.mobile-nav-wrapper .hyde.mobile-nav{margin:0;padding:2.25rem 0;list-style:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.hyde.navbar-parent .hyde.mobile-nav-wrapper .hyde.mobile-nav .hyde.mobile-nav-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding-bottom:2rem}.hyde.navbar-parent .hyde.mobile-nav-wrapper .hyde.mobile-nav .hyde.mobile-nav-row .logo{padding:0;margin-top:5px}.hyde.navbar-parent .hyde.mobile-nav-wrapper .hyde.mobile-nav .hyde.mobile-nav-row .close-btn{padding:0;font-size:2rem;cursor:pointer}.hyde.navbar-parent .hyde.mobile-nav-wrapper .hyde.mobile-nav .hyde.mobile-nav-row .close-btn:hover{color:#d4d4d9}.hyde.navbar-parent .hyde.mobile-nav-wrapper .hyde.mobile-nav .hyde.mobile-nav-item{font-size:1.25rem;padding:2rem 1rem;color:white !important;border-radius:9px;-webkit-transition:color 0.5s ease, background-color 0.5s ease;transition:color 0.5s ease, background-color 0.5s ease}.hyde.navbar-parent .hyde.mobile-nav-wrapper .hyde.mobile-nav .hyde.mobile-nav-item:not(.close-btn):hover,.hyde.navbar-parent .hyde.mobile-nav-wrapper .hyde.mobile-nav .hyde.mobile-nav-item:not(.close-btn).active{background-color:white;color:#222 !important}.hyde.jumbotron{color:white;background:linear-gradient(45deg, #724CF9 35%, #CA7DF9 100%);padding:2rem 0 1.875rem 0}.hyde.jumbotron.main{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto}.hyde.jumbotron.main h1{font-size:3.5rem;margin:8rem 0 0 0}@media (max-width: 768px){.hyde.jumbotron.main h1{margin:6rem 0 0 0;font-size:3rem}}.hyde.jumbotron.main h2{margin:1rem 0 1.75rem 0;word-break:keep-all}.hyde.jumbotron h1{font-size:3rem;margin:6rem 0 0 0;word-break:keep-all;-webkit-animation:fade-slide-up 0.5s both;animation:fade-slide-up 0.5s both}@media (max-width: 768px){.hyde.jumbotron h1{font-size:2.5rem}}.hyde.jumbotron h2{font-family:Pretendard, sans-serif;font-weight:500;font-size:1rem;letter-spacing:-0.5px;-webkit-animation:fade-slide-up 0.5s 0.1s both;animation:fade-slide-up 0.5s 0.1s both;word-break:keep-all}.hyde.jumbotron .hyde.main-desc{font-size:1.25rem}.hyde.jumbotron .hyde.post-desc{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:0.5rem;font-family:Pretendard, sans-serif;font-size:0.875rem}.hyde.jumbotron .hyde.post-desc.reverse{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}@media (max-width: 768px){.hyde.jumbotron .hyde.post-desc{font-size:0.75rem}}.hyde.jumbotron .hyde.post-desc .hyde.post-info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.hyde.jumbotron .hyde.post-desc .hyde.post-info img{width:2rem;height:2rem;display:block;border-radius:2rem;margin-right:0.75rem;background:#d4d4d9}.hyde.jumbotron .hyde.post-desc .hyde.post-info .hyde.post-author{font-weight:500}.hyde.jumbotron .hyde.post-desc .hyde.post-info .hyde.post-date{font-weight:350}.hyde.jumbotron .hyde.post-desc .hyde.post-back{color:white;font-weight:600;-webkit-transition:color 0.5s ease;transition:color 0.5s ease}.hyde.jumbotron .hyde.post-desc .hyde.post-back:hover{color:#d4d4d9}.hyde.btn{border-radius:9px;padding:1rem 1.25rem;display:inline-block;text-align:center;font-size:0.9rem;font-weight:900;text-transform:uppercase;letter-spacing:-0.1px;-webkit-transition:background-color 0.5s ease;transition:background-color 0.5s ease;background-color:transparent;margin-bottom:1rem;cursor:pointer}.hyde.btn-primary{color:#724CF9;border:2px solid #724CF9}.hyde.btn-primary:hover{color:white;background-color:#724CF9}.hyde.btn-default{color:white;border:2px solid white}.hyde.btn-default:hover{color:#222;background-color:white}.hyde.btn-group{text-align:center}.hyde.posts{font-family:Pretendard, sans-serif}.hyde.posts .hyde.post{padding:4rem 0;line-height:1.4}@media (max-width: 768px){.hyde.posts .hyde.post{padding:2rem 0}}.hyde.posts .hyde.post .hyde.hyde.post-thumbnail-wrapper{overflow:hidden;border-radius:5px;background-color:#222}.hyde.posts .hyde.post .hyde.hyde.post-thumbnail-wrapper .hyde.post-thumbnail{height:14rem;background-size:cover;background-position:50% 50%;opacity:0.8;-webkit-transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:transform 0.3s ease, opacity 0.3s ease;transition:transform 0.3s ease, opacity 0.3s ease, -webkit-transform 0.3s ease}.hyde.posts .hyde.post .hyde.hyde.post-thumbnail-wrapper .hyde.post-thumbnail:hover{-webkit-transform:scale(1.05) translateZ(0);transform:scale(1.05) translateZ(0);opacity:1}.hyde.posts .hyde.post .hyde.post-author-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:0.75rem}.hyde.posts .hyde.post .hyde.post-author-wrapper img{width:2.5rem;height:2.5rem;display:block;border-radius:2rem;margin-right:0.75rem}@media (max-width: 768px){.hyde.posts .hyde.post .hyde.post-author-wrapper img{width:2.25rem;height:2.25rem}}.hyde.posts .hyde.post .hyde.post-author-wrapper .hyde.post-author{font-size:0.875rem;font-weight:500;color:#222}@media (max-width: 768px){.hyde.posts .hyde.post .hyde.post-author-wrapper .hyde.post-author{font-size:0.75rem}}.hyde.posts .hyde.post .hyde.post-title{font-size:1.5rem;color:#222;margin:0.75rem 0 0 0}.hyde.posts .hyde.post .hyde.post-preview{color:#222;margin:0.75rem 0;word-break:break-all}@media (max-width: 768px){.hyde.posts .hyde.post .hyde.post-preview{margin:0.5rem 0;font-size:0.9rem}}.hyde.posts .hyde.post .hyde.post-trail{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:0.5rem;font-size:0.875em;color:#aaaab3}.hyde.posts .hyde.post .hyde.post-trail .hyde.post-date{font-weight:450}.hyde.signature{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:1.5rem 0 4rem 0;background-color:#fafafa;border-radius:3.5rem}.hyde.signature img{width:6.5rem;height:6.5rem;display:block;border-radius:3.5rem;margin:0 1rem 0 0;background:#aaaab3}.hyde.signature .hyde.signature-text{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.hyde.signature .hyde.signature-text .hyde.signature-author{font-weight:300}@media (max-width: 768px){.hyde.signature .hyde.signature-text .hyde.signature-author{font-size:1rem}}.hyde.signature .hyde.signature-text .hyde.signature-author span{font-weight:700;color:#724CF9}.hyde.signature .hyde.signature-text .hyde.signature-contact{font-size:1rem}@media (max-width: 768px){.hyde.signature .hyde.signature-text .hyde.signature-contact{font-size:0.75rem}}.hyde.signature .hyde.signature-text .hyde.signature-contact a{color:#aaaab3}.hyde.header{position:fixed;top:0;right:0;left:0;z-index:999}.hyde.header.main{position:absolute !important}.hyde.footer-wrapper{color:white;background:linear-gradient(45deg, #2b2b2b 45%, #363636 100%);padding:4rem 0}.hyde.footer-wrapper .hyde.footer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.hyde.footer-wrapper .hyde.footer .hyde.footer-left{-webkit-box-flex:1;-ms-flex:1 0;flex:1 0;text-align:left}.hyde.footer-wrapper .hyde.footer .hyde.footer-right{-webkit-box-flex:1;-ms-flex:1 0;flex:1 0;text-align:right;place-self:flex-end}.hyde.footer-wrapper .hyde.footer .hyde.footer-menu{padding:0}.hyde.footer-wrapper .hyde.footer .hyde.footer-menu li{display:inline-block;list-style:none}.hyde.footer-wrapper .hyde.footer .hyde.footer-menu li a{color:white;text-transform:uppercase;font-weight:900}.hyde.footer-wrapper .hyde.footer .hyde.footer-menu.links li{margin:0 1rem 0.5rem 0}.hyde.footer-wrapper .hyde.footer .hyde.footer-menu.links li a{font-size:0.8rem;-webkit-transition:color 0.5s ease;transition:color 0.5s ease}.hyde.footer-wrapper .hyde.footer .hyde.footer-menu.links li a:hover{color:#aaaab3}.hyde.footer-wrapper .hyde.footer .hyde.footer-menu.social a{display:inline-block;width:35px;height:35px;background-color:#444;border-radius:9px;line-height:38px;margin-left:14px;text-align:center;font-size:18px;-webkit-transition:color 0.5s ease, background-color 0.5s ease;transition:color 0.5s ease, background-color 0.5s ease}.hyde.footer-wrapper .hyde.footer .hyde.footer-menu.social a:hover{color:#222;background-color:white}.hyde.footer-wrapper .hyde.footer .text{font-size:0.75rem;font-weight:900;text-transform:uppercase;letter-spacing:0.3px;color:#aaaab3}@media (max-width: 768px){.hyde.footer-wrapper .hyde.footer .text{font-size:0.7rem}}.hyde.footer-wrapper .hyde.footer .text a{color:#d4d4d9;line-height:initial}.hyde.footer-wrapper .hyde.footer .text a .fa-meteor{-webkit-transition:color 0.5s ease;transition:color 0.5s ease}.hyde.footer-wrapper .hyde.footer .text a .fa-meteor:hover{color:#f04568}.hyde.tags{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.hyde.tags .hyde.tag-wrapper{margin-bottom:1rem;overflow-wrap:break-word}.hyde.tags .hyde.tag-wrapper .hyde.tag{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-size:1rem}.hyde.tags .hyde.tag-wrapper .hyde.tag-desc{font-size:1rem}.hyde.tags .hyde.tag-wrapper .hyde.tag-count{font-size:0.875rem;font-weight:450;color:#aaaab3}.hyde.tags.skills a{font-size:1rem !important}.hyde.tags .hyde.tag{background-color:#f4f4f5;border-radius:1.5rem;padding:0.25rem 1rem;margin:0 0.5rem 0.5rem 0;font-size:0.85rem;font-weight:500;-webkit-transition:background-color 0.5s ease;transition:background-color 0.5s ease}@media (max-width: 768px){.hyde.tags .hyde.tag{font-size:0.75rem}}.hyde.tags .hyde.tag:hover{background-color:#eaeaec}.hyde.header-tags{margin-top:0.5rem;font-family:Pretendard, sans-serif}.hyde.portfolio{margin:4rem 0}.hyde.portfolio .hyde.portfolio-item-wrapper{padding:0 1rem 1rem 0}.hyde.portfolio .hyde.portfolio-item-wrapper .hyde.portfolio-item{position:relative;overflow:hidden;color:white;border-radius:5px;-webkit-box-shadow:0px 0px 5px 0px rgba(0,0,0,0.2);box-shadow:0px 0px 5px 0px rgba(0,0,0,0.2);background-color:#222;cursor:pointer}.hyde.portfolio .hyde.portfolio-item-wrapper .hyde.portfolio-item:hover .hyde.thumbnail{-webkit-transform:scale(1.05) translateZ(0);transform:scale(1.05) translateZ(0);opacity:1}.hyde.portfolio .hyde.portfolio-item-wrapper .hyde.portfolio-item .hyde.thumbnail{height:16rem;opacity:0.8;background-size:cover;background-position:50% 50%;-webkit-transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:transform 0.3s ease, opacity 0.3s ease;transition:transform 0.3s ease, opacity 0.3s ease, -webkit-transform 0.3s ease}.hyde.portfolio .hyde.portfolio-item-wrapper .hyde.portfolio-item .hyde.portfolio-overlay{position:absolute;width:100%;bottom:0;padding:1.5rem;background:-webkit-gradient(linear, left bottom, left top, color-stop(20%, #222), to(transparent));background:linear-gradient(to top, #222 20%, transparent);font-family:Pretendard, sans-serif}.hyde.portfolio .hyde.portfolio-item-wrapper .hyde.portfolio-item .hyde.portfolio-overlay h3{color:white;margin:0.75rem 0;font-weight:700}.hyde.portfolio .hyde.portfolio-item-wrapper .hyde.portfolio-item .hyde.portfolio-overlay span{font-size:0.875rem;color:#bfbfc6;font-weight:500;letter-spacing:-0.25px}.hyde.lightbox{opacity:0;background:rgba(0,0,0,0.5);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:fixed;z-index:-1;width:100%;height:100%;top:0;left:0;-webkit-transition:opacity 0.3s ease, z-index 0.3s step-end;transition:opacity 0.3s ease, z-index 0.3s step-end}.hyde.lightbox:target{opacity:1;z-index:999;-webkit-transition:opacity 0.3s ease, z-index 0.3s step-start;transition:opacity 0.3s ease, z-index 0.3s step-start}.hyde.lightbox img{max-width:90%;max-height:90%;border-radius:5px}@-webkit-keyframes fade-slide-up{0%{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}100%{opacity:100%;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fade-slide-up{0%{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}100%{opacity:100%;-webkit-transform:translateY(0);transform:translateY(0)}}.hyde.empty{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:2rem 0}.hyde.empty img{max-width:10rem;margin:2rem auto}.hyde.empty p{color:#aaaab3;font-size:1.25rem;font-weight:500;margin:0}.hyde.separator{margin:0 0.5rem}@media (max-width: 768px){.hyde.separator{margin:0 0.25rem}}.utterances{max-width:none}hr{height:1px;background-color:#eaeaec;border:none}.hyde.share{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.hyde.share .hyde.share-item{margin:0 0.25rem;color:#bfbfc6;cursor:pointer}.hyde.share .hyde.share-item:hover{color:#d4d4d9}.hyde.name{color:#aaaab3;font-weight:500;font-size:1.25rem}.hyde.youtube{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;margin-bottom:2em}.hyde.youtube iframe{position:absolute;top:0;left:0;height:100%;width:100%;margin-bottom:2em}.hyde.symbol{font-family:Pretendard, sans-serif}.hyde.divider{border-bottom:1px solid #eaeaec}.hyde.career-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.hyde.career-wrapper .hyde.career{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-bottom:0.75rem;margin-bottom:1rem}.hyde.career-wrapper .hyde.career .hyde.career-place{font-weight:700;max-width:50%}.hyde.career-wrapper .hyde.career .hyde.career-desc{font-size:1rem;text-align:right}.hyde.career-wrapper .hyde.career .hyde.career-desc p{margin:0}.hyde.career-wrapper .hyde.career .hyde.career-desc .hyde.career-role{font-weight:500}.hyde.career-wrapper .hyde.career .hyde.career-desc .hyde.career-duration{font-weight:500;font-size:0.875rem;color:#aaaab3} + */@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css");@font-face{font-family:"Mont";font-style:normal;font-weight:200;src:local("Mont ExtraLight"),local("Mont-ExtraLight"),url(../fonts/mont/eot/Mont-ExtraLight.eot),url(../fonts/mont/eot/Mont-ExtraLight.eot?#iefix) format("embedded-opentype"),url(../fonts/mont/woff/Mont-ExtraLight.woff) format("woff"),url(../fonts/mont/woff/Mont-ExtraLight.woff2) format("woff2")}@font-face{font-family:"Mont";font-style:normal;font-weight:700;src:local("Mont Heavy"),local("Mont-Heavy"),url(../fonts/mont/eot/Mont-Heavy.eot),url(../fonts/mont/eot/Mont-Heavy.eot?#iefix) format("embedded-opentype"),url(../fonts/mont/woff/Mont-Heavy.woff) format("woff"),url(../fonts/mont/woff/Mont-Heavy.woff2) format("woff2")}html{height:100%;scroll-behavior:smooth}body{font-family:Mont,Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,"Helvetica Neue","Segoe UI","Apple SD Gothic Neo","Noto Sans KR","Malgun Gothic",sans-serif;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:#724CF9}img{display:block;max-width:100%;height:auto}.hyde.header{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.hyde.main{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.hyde.footer{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.hyde.content{margin:4rem auto;font-family:Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif;font-size:1.15rem;line-height:1.75;letter-spacing:-0.02rem;color:#222;word-break:keep-all}.hyde.content a{word-break:break-all}.hyde.content blockquote{border-radius:10px;border-left:7px solid #724CF9;padding-left:1rem}.hyde.content blockquote p{color:#363636}.hyde.content pre.highlight{padding:1rem;border-radius:10px}.hyde.content code.highlighter-rouge{background-color:#eaeaec;padding:0.15rem 0.2rem;border-radius:5px;word-break:break-word}.hyde.content.about h2{margin-top:3rem}@media (max-width: 768px){.hyde.content{font-size:1.05rem}}.hyde.content img{margin:1rem auto}@media (max-width: 576px){.hyde.content img.fix-scale{height:100%;width:100%}}.hyde.content img+em{display:block;text-align:center;font-size:0.8rem;color:#aaaab3}.hyde.content .hyde.comment h2{margin-bottom:0}::-moz-selection{background:#724CF9;color:white}::selection{background:#724CF9;color:white}@media (prefers-color-scheme: dark){body{background:#222}.hyde.navbar-parent.hyde.navbar-bg{background-color:rgba(43,43,43,0.9) !important}.hyde.navbar-parent.hyde.navbar-bg .hyde.nav-toggler a{color:white !important}.hyde.navbar-parent.hyde.navbar-bg .hyde.nav-item a{color:white !important}.hyde.jumbotron{color:#f4f4f5 !important;background:linear-gradient(45deg, rgba(114,76,249,0.2) 35%, rgba(202,125,249,0.2) 100%) !important}.hyde.content{color:#eaeaec}.hyde.content .hyde.share .hyde.share-item{color:#363636}.hyde.content .hyde.share .hyde.share-item:hover{color:#444}.hyde.content .hyde.signature{background-color:#2b2b2b}.hyde.content blockquote p{color:#d4d4d9 !important}.hyde.content code.highlighter-rouge{background-color:#2b2b2b !important;font-family:Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif !important}.hyde.post .hyde.post-thumbnail-wrapper{background-color:#2b2b2b !important}.hyde.post .hyde.post-thumbnail-wrapper .hyde.post-thumbnail{opacity:0.4 !important}.hyde.post .hyde.post-thumbnail-wrapper .hyde.post-thumbnail:hover{opacity:0.6 !important}.hyde.post .hyde.post-author{color:#f4f4f5 !important}.hyde.post .hyde.post-title{color:#f4f4f5 !important}.hyde.post .hyde.post-preview{color:#d4d4d9 !important}.hyde.portfolio .hyde.portfolio-item-wrapper .hyde.portfolio-item:hover .hyde.thumbnail{opacity:0.6 !important}.hyde.portfolio .hyde.portfolio-item-wrapper .hyde.portfolio-item .hyde.thumbnail{opacity:0.4 !important}.hyde.tags .hyde.tag{background-color:#2b2b2b !important}hr{background-color:#2b2b2b !important}.hyde.divider{border-bottom:1px solid #2b2b2b !important}.hyde.btn-default{color:white;border:2px solid white}.hyde.btn-default:hover{color:#222;background-color:white}}.hyde.container{margin:0 auto;width:60%}@media (max-width: 1024px){.hyde.container{width:75%}}@media (max-width: 896px){.hyde.container{width:82.5%}}@media (max-width: 768px){.hyde.container{width:90%}}.hyde.navbar-parent{-webkit-transition:background-color 0.2s ease, color 0.2s ease;transition:background-color 0.2s ease, color 0.2s ease}.hyde.navbar-parent.hyde.navbar-bg{background-color:rgba(255,255,255,0.9);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);-webkit-box-shadow:0px 0px 10px -7.5px rgba(0,0,0,0.7);box-shadow:0px 0px 10px -7.5px rgba(0,0,0,0.7)}.hyde.navbar-parent.hyde.navbar-bg a{color:#222 !important}.hyde.navbar-parent.hyde.navbar-bg .hyde.nav-item:before,.hyde.navbar-parent.hyde.navbar-bg .hyde.nav-item:after{background-color:#222 !important}.hyde.navbar-parent.hyde.navbar-bg .hyde.nav-item:not(:first-child):hover a,.hyde.navbar-parent.hyde.navbar-bg .hyde.nav-item.active a{color:white !important}.hyde.navbar-parent .hyde.navbar{list-style:none;display:-webkit-box;display:-ms-flexbox;display:flex;padding:2.25rem 0;margin:0}.hyde.navbar-parent .hyde.navbar .hyde.nav-toggler{font-size:1.75rem;display:none}.hyde.navbar-parent .hyde.navbar .hyde.nav-toggler a{color:white;cursor:pointer;-webkit-transition:color 0.5s ease;transition:color 0.5s ease}.hyde.navbar-parent .hyde.navbar .hyde.nav-toggler a:hover{color:#d4d4d9}@media (max-width: 896px){.hyde.navbar-parent .hyde.navbar .hyde.nav-toggler{display:block}}.hyde.navbar-parent .hyde.navbar .hyde.nav-item{font-weight:900;text-transform:uppercase;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;z-index:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 10px;margin:0 10px}.hyde.navbar-parent .hyde.navbar .hyde.nav-item:first-child{margin:0 auto 0 0;padding:0}@media (max-width: 896px){.hyde.navbar-parent .hyde.navbar .hyde.nav-item:first-child{padding:0;font-size:1.25rem}}.hyde.navbar-parent .hyde.navbar .hyde.nav-item:first-child a{padding:0}@media (max-width: 896px){.hyde.navbar-parent .hyde.navbar .hyde.nav-item:not(:first-child){display:none}}.hyde.navbar-parent .hyde.navbar .hyde.nav-item:before{content:" ";position:absolute;height:60%;width:0;background-color:white;left:0;z-index:-1;top:-3px;-webkit-transition:width 0.4s ease;transition:width 0.4s ease;border-radius:7px 7px 0 0}.hyde.navbar-parent .hyde.navbar .hyde.nav-item:after{content:" ";position:absolute;height:60%;width:0;background-color:white;left:0;z-index:-1;bottom:0;-webkit-transition:width 0.4s ease;transition:width 0.4s ease;border-radius:0 0 7px 7px}.hyde.navbar-parent .hyde.navbar .hyde.nav-item:not(:first-child):hover::before,.hyde.navbar-parent .hyde.navbar .hyde.nav-item:not(:first-child):hover::after,.hyde.navbar-parent .hyde.navbar .hyde.nav-item:not(:first-child).active::before,.hyde.navbar-parent .hyde.navbar .hyde.nav-item:not(:first-child).active::after{width:100%}.hyde.navbar-parent .hyde.navbar .hyde.nav-item:not(:first-child):hover a,.hyde.navbar-parent .hyde.navbar .hyde.nav-item:not(:first-child).active a{color:#222}.hyde.navbar-parent .hyde.navbar .hyde.nav-item a{color:white;padding:1px 5px;-webkit-transition:color 0.5s ease;transition:color 0.5s ease}.hyde.navbar-parent .hyde.mobile-nav-wrapper{background:linear-gradient(45deg, #2b2b2b 45%, #363636 100%);position:absolute;width:100%;height:100vh;font-weight:900;text-transform:uppercase;display:none;z-index:999}.hyde.navbar-parent .hyde.mobile-nav-wrapper .hyde.mobile-nav{margin:0;padding:2.25rem 0;list-style:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.hyde.navbar-parent .hyde.mobile-nav-wrapper .hyde.mobile-nav .hyde.mobile-nav-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding-bottom:2rem}.hyde.navbar-parent .hyde.mobile-nav-wrapper .hyde.mobile-nav .hyde.mobile-nav-row .logo{padding:0;margin-top:5px}.hyde.navbar-parent .hyde.mobile-nav-wrapper .hyde.mobile-nav .hyde.mobile-nav-row .close-btn{padding:0;font-size:2rem;cursor:pointer}.hyde.navbar-parent .hyde.mobile-nav-wrapper .hyde.mobile-nav .hyde.mobile-nav-row .close-btn:hover{color:#d4d4d9}.hyde.navbar-parent .hyde.mobile-nav-wrapper .hyde.mobile-nav .hyde.mobile-nav-item{font-size:1.25rem;padding:2rem 1rem;color:white !important;border-radius:9px;-webkit-transition:color 0.5s ease, background-color 0.5s ease;transition:color 0.5s ease, background-color 0.5s ease}.hyde.navbar-parent .hyde.mobile-nav-wrapper .hyde.mobile-nav .hyde.mobile-nav-item:not(.close-btn):hover,.hyde.navbar-parent .hyde.mobile-nav-wrapper .hyde.mobile-nav .hyde.mobile-nav-item:not(.close-btn).active{background-color:white;color:#222 !important}.hyde.jumbotron{color:white;background:linear-gradient(45deg, #724CF9 35%, #CA7DF9 100%);padding:2rem 0 1.875rem 0}.hyde.jumbotron.main{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto}.hyde.jumbotron.main h1{font-size:3.5rem;margin:8rem 0 0 0}@media (max-width: 768px){.hyde.jumbotron.main h1{margin:6rem 0 0 0;font-size:3rem}}.hyde.jumbotron.main h2{margin:1rem 0 1.75rem 0;word-break:keep-all}.hyde.jumbotron h1{font-size:3rem;margin:6rem 0 0 0;word-break:keep-all;-webkit-animation:fade-slide-up 0.5s both;animation:fade-slide-up 0.5s both}@media (max-width: 768px){.hyde.jumbotron h1{font-size:2.5rem}}.hyde.jumbotron h2{font-family:Pretendard, sans-serif;font-weight:500;font-size:1rem;letter-spacing:-0.5px;-webkit-animation:fade-slide-up 0.5s 0.1s both;animation:fade-slide-up 0.5s 0.1s both;word-break:keep-all}.hyde.jumbotron .hyde.main-desc{font-size:1.25rem}.hyde.jumbotron .hyde.post-desc{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:0.5rem;font-family:Pretendard, sans-serif;font-size:0.875rem}.hyde.jumbotron .hyde.post-desc.reverse{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}@media (max-width: 768px){.hyde.jumbotron .hyde.post-desc{font-size:0.75rem}}.hyde.jumbotron .hyde.post-desc .hyde.post-info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.hyde.jumbotron .hyde.post-desc .hyde.post-info img{width:2rem;height:2rem;display:block;border-radius:2rem;margin-right:0.75rem;background:#d4d4d9}.hyde.jumbotron .hyde.post-desc .hyde.post-info .hyde.post-author{font-weight:500}.hyde.jumbotron .hyde.post-desc .hyde.post-info .hyde.post-date{font-weight:350}.hyde.jumbotron .hyde.post-desc .hyde.post-back{color:white;font-weight:600;-webkit-transition:color 0.5s ease;transition:color 0.5s ease}.hyde.jumbotron .hyde.post-desc .hyde.post-back:hover{color:#d4d4d9}.hyde.btn{border-radius:9px;padding:1rem 1.25rem;display:inline-block;text-align:center;font-size:0.9rem;font-weight:900;text-transform:uppercase;letter-spacing:-0.1px;-webkit-transition:background-color 0.5s ease;transition:background-color 0.5s ease;background-color:transparent;margin-bottom:1rem;cursor:pointer}.hyde.btn-primary{color:#724CF9;border:2px solid #724CF9}.hyde.btn-primary:hover{color:white;background-color:#724CF9}.hyde.btn-secondary{color:#CA7DF9;border:2px solid #CA7DF9}.hyde.btn-secondary:hover{color:white;background-color:#CA7DF9}.hyde.btn-light{color:white;border:2px solid white}.hyde.btn-light:hover{color:#222;background-color:white}.hyde.btn-default{color:#222;border:2px solid #222}.hyde.btn-default:hover{color:white;background-color:#222}.hyde.btn-group{text-align:center}.hyde.posts{font-family:Pretendard, sans-serif}.hyde.posts .hyde.post{padding:4rem 0;line-height:1.4}@media (max-width: 768px){.hyde.posts .hyde.post{padding:2rem 0}}.hyde.posts .hyde.post .hyde.hyde.post-thumbnail-wrapper{overflow:hidden;border-radius:5px;background-color:#222}.hyde.posts .hyde.post .hyde.hyde.post-thumbnail-wrapper .hyde.post-thumbnail{height:14rem;background-size:cover;background-position:50% 50%;opacity:0.8;-webkit-transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:transform 0.3s ease, opacity 0.3s ease;transition:transform 0.3s ease, opacity 0.3s ease, -webkit-transform 0.3s ease}.hyde.posts .hyde.post .hyde.hyde.post-thumbnail-wrapper .hyde.post-thumbnail:hover{-webkit-transform:scale(1.05) translateZ(0);transform:scale(1.05) translateZ(0);opacity:1}.hyde.posts .hyde.post .hyde.post-author-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:0.75rem}.hyde.posts .hyde.post .hyde.post-author-wrapper img{width:2.5rem;height:2.5rem;display:block;border-radius:2rem;margin-right:0.75rem}@media (max-width: 768px){.hyde.posts .hyde.post .hyde.post-author-wrapper img{width:2.25rem;height:2.25rem}}.hyde.posts .hyde.post .hyde.post-author-wrapper .hyde.post-author{font-size:0.875rem;font-weight:500;color:#222}@media (max-width: 768px){.hyde.posts .hyde.post .hyde.post-author-wrapper .hyde.post-author{font-size:0.75rem}}.hyde.posts .hyde.post .hyde.post-title{font-size:1.5rem;color:#222;margin:0.75rem 0 0 0}.hyde.posts .hyde.post .hyde.post-preview{color:#222;margin:0.75rem 0;word-break:break-all}@media (max-width: 768px){.hyde.posts .hyde.post .hyde.post-preview{margin:0.5rem 0;font-size:0.9rem}}.hyde.posts .hyde.post .hyde.post-trail{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:0.5rem;font-size:0.875em;color:#aaaab3}.hyde.posts .hyde.post .hyde.post-trail .hyde.post-date{font-weight:450}.hyde.signature{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:1.5rem 0 4rem 0;background-color:#fafafa;border-radius:3.5rem}.hyde.signature img{width:6.5rem;height:6.5rem;display:block;border-radius:3.5rem;margin:0 1rem 0 0;background:#aaaab3}.hyde.signature .hyde.signature-text{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.hyde.signature .hyde.signature-text .hyde.signature-author{font-weight:300}@media (max-width: 768px){.hyde.signature .hyde.signature-text .hyde.signature-author{font-size:1rem}}.hyde.signature .hyde.signature-text .hyde.signature-author span{font-weight:700;color:#724CF9}.hyde.signature .hyde.signature-text .hyde.signature-contact{font-size:1rem}@media (max-width: 768px){.hyde.signature .hyde.signature-text .hyde.signature-contact{font-size:0.75rem}}.hyde.signature .hyde.signature-text .hyde.signature-contact a{color:#aaaab3}.hyde.header{position:fixed;top:0;right:0;left:0;z-index:999}.hyde.header.main{position:absolute !important}.hyde.footer-wrapper{color:white;background:linear-gradient(45deg, #2b2b2b 45%, #363636 100%);padding:4rem 0}.hyde.footer-wrapper .hyde.footer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.hyde.footer-wrapper .hyde.footer .hyde.footer-left{-webkit-box-flex:1;-ms-flex:1 0;flex:1 0;text-align:left}.hyde.footer-wrapper .hyde.footer .hyde.footer-right{-webkit-box-flex:1;-ms-flex:1 0;flex:1 0;text-align:right;place-self:flex-end}.hyde.footer-wrapper .hyde.footer .hyde.footer-menu{padding:0}.hyde.footer-wrapper .hyde.footer .hyde.footer-menu li{display:inline-block;list-style:none}.hyde.footer-wrapper .hyde.footer .hyde.footer-menu li a{color:white;text-transform:uppercase;font-weight:900}.hyde.footer-wrapper .hyde.footer .hyde.footer-menu.links li{margin:0 1rem 0.5rem 0}.hyde.footer-wrapper .hyde.footer .hyde.footer-menu.links li a{font-size:0.8rem;-webkit-transition:color 0.5s ease;transition:color 0.5s ease}.hyde.footer-wrapper .hyde.footer .hyde.footer-menu.links li a:hover{color:#aaaab3}.hyde.footer-wrapper .hyde.footer .hyde.footer-menu.social a{display:inline-block;width:35px;height:35px;background-color:#444;border-radius:9px;line-height:38px;margin-left:14px;text-align:center;font-size:18px;-webkit-transition:color 0.5s ease, background-color 0.5s ease;transition:color 0.5s ease, background-color 0.5s ease}.hyde.footer-wrapper .hyde.footer .hyde.footer-menu.social a:hover{color:#222;background-color:white}.hyde.footer-wrapper .hyde.footer .text{font-size:0.75rem;font-weight:900;text-transform:uppercase;letter-spacing:0.3px;color:#aaaab3}@media (max-width: 768px){.hyde.footer-wrapper .hyde.footer .text{font-size:0.7rem}}.hyde.footer-wrapper .hyde.footer .text a{color:#d4d4d9;line-height:initial}.hyde.footer-wrapper .hyde.footer .text a .fa-meteor{-webkit-transition:color 0.5s ease;transition:color 0.5s ease}.hyde.footer-wrapper .hyde.footer .text a .fa-meteor:hover{color:#f04568}.hyde.tags{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.hyde.tags .hyde.tag-wrapper{margin-bottom:1rem;overflow-wrap:break-word}.hyde.tags .hyde.tag-wrapper .hyde.tag{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-size:1rem}.hyde.tags .hyde.tag-wrapper .hyde.tag-desc{font-size:1rem}.hyde.tags .hyde.tag-wrapper .hyde.tag-count{font-size:0.875rem;font-weight:450;color:#aaaab3}.hyde.tags.skills a{font-size:1rem !important}.hyde.tags .hyde.tag{background-color:#f4f4f5;border-radius:1.5rem;padding:0.25rem 1rem;margin:0 0.5rem 0.5rem 0;font-size:0.85rem;font-weight:500;-webkit-transition:background-color 0.5s ease;transition:background-color 0.5s ease}@media (max-width: 768px){.hyde.tags .hyde.tag{font-size:0.75rem}}.hyde.tags .hyde.tag:hover{background-color:#eaeaec}.hyde.header-tags{margin-top:0.5rem;font-family:Pretendard, sans-serif}.hyde.portfolio{margin:4rem 0}.hyde.portfolio .hyde.portfolio-item-wrapper{padding:0 1rem 1rem 0}.hyde.portfolio .hyde.portfolio-item-wrapper .hyde.portfolio-item{position:relative;overflow:hidden;color:white;border-radius:5px;-webkit-box-shadow:0px 0px 5px 0px rgba(0,0,0,0.2);box-shadow:0px 0px 5px 0px rgba(0,0,0,0.2);background-color:#222;cursor:pointer}.hyde.portfolio .hyde.portfolio-item-wrapper .hyde.portfolio-item:hover .hyde.thumbnail{-webkit-transform:scale(1.05) translateZ(0);transform:scale(1.05) translateZ(0);opacity:1}.hyde.portfolio .hyde.portfolio-item-wrapper .hyde.portfolio-item .hyde.thumbnail{height:16rem;opacity:0.8;background-size:cover;background-position:50% 50%;-webkit-transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, -webkit-transform 0.3s ease;transition:transform 0.3s ease, opacity 0.3s ease;transition:transform 0.3s ease, opacity 0.3s ease, -webkit-transform 0.3s ease}.hyde.portfolio .hyde.portfolio-item-wrapper .hyde.portfolio-item .hyde.portfolio-overlay{position:absolute;width:100%;bottom:0;padding:1.5rem;background:-webkit-gradient(linear, left bottom, left top, color-stop(20%, #222), to(transparent));background:linear-gradient(to top, #222 20%, transparent);font-family:Pretendard, sans-serif}.hyde.portfolio .hyde.portfolio-item-wrapper .hyde.portfolio-item .hyde.portfolio-overlay h3{color:white;margin:0.75rem 0;font-weight:700}.hyde.portfolio .hyde.portfolio-item-wrapper .hyde.portfolio-item .hyde.portfolio-overlay span{font-size:0.875rem;color:#bfbfc6;font-weight:500;letter-spacing:-0.25px}.hyde.lightbox{opacity:0;background:rgba(0,0,0,0.5);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:fixed;z-index:-1;width:100%;height:100%;top:0;left:0;-webkit-transition:opacity 0.3s ease, z-index 0.3s step-end;transition:opacity 0.3s ease, z-index 0.3s step-end}.hyde.lightbox:target{opacity:1;z-index:999;-webkit-transition:opacity 0.3s ease, z-index 0.3s step-start;transition:opacity 0.3s ease, z-index 0.3s step-start}.hyde.lightbox img{max-width:90%;max-height:90%;border-radius:5px}@-webkit-keyframes fade-slide-up{0%{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}100%{opacity:100%;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fade-slide-up{0%{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}100%{opacity:100%;-webkit-transform:translateY(0);transform:translateY(0)}}.hyde.empty{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:2rem 0}.hyde.empty img{max-width:10rem;margin:2rem auto}.hyde.empty p{color:#aaaab3;font-size:1.25rem;font-weight:500;margin:0}.hyde.separator{margin:0 0.5rem}@media (max-width: 768px){.hyde.separator{margin:0 0.25rem}}.utterances{max-width:none}hr{height:1px;background-color:#eaeaec;border:none}.hyde.share{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.hyde.share .hyde.share-item{margin:0 0.25rem;color:#bfbfc6;cursor:pointer}.hyde.share .hyde.share-item:hover{color:#d4d4d9}.hyde.name{color:#aaaab3;font-weight:500;font-size:1.25rem}.hyde.youtube{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;margin-bottom:2em}.hyde.youtube iframe{position:absolute;top:0;left:0;height:100%;width:100%;margin-bottom:2em}.hyde.symbol{font-family:Pretendard, sans-serif}.hyde.divider{border-bottom:1px solid #eaeaec}.hyde.career-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.hyde.career-wrapper .hyde.career{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-bottom:0.75rem;margin-bottom:1rem}.hyde.career-wrapper .hyde.career .hyde.career-place{font-weight:700;max-width:50%}.hyde.career-wrapper .hyde.career .hyde.career-desc{font-size:1rem;text-align:right}.hyde.career-wrapper .hyde.career .hyde.career-desc p{margin:0}.hyde.career-wrapper .hyde.career .hyde.career-desc .hyde.career-role{font-weight:500}.hyde.career-wrapper .hyde.career .hyde.career-desc .hyde.career-duration{font-weight:500;font-size:0.875rem;color:#aaaab3} diff --git a/assets/css/hyde.scss b/assets/css/hyde.scss index 202ffce..6600193 100644 --- a/assets/css/hyde.scss +++ b/assets/css/hyde.scss @@ -1,5 +1,5 @@ /*! - * Hyde v1.1.1 (https://chemistryx.me) + * Hyde v1.1.2 (https://chemistryx.me) * Copyright 2022 ChemistryX. All rights reserved. * Licensed under MIT (https://github.com/ChemistryX/hyde/blob/master/LICENSE) */