diff --git a/Gemfile.lock b/Gemfile.lock index 2385501c1df..efc6befdfaa 100644 --- a/Gemfile.lock +++ b/Gemfile.lock @@ -206,11 +206,15 @@ GEM rb-fsevent (~> 0.10, >= 0.10.3) rb-inotify (~> 0.9, >= 0.9.10) mercenary (0.3.6) + mini_portile2 (2.8.0) minima (2.5.1) jekyll (>= 3.5, < 5.0) jekyll-feed (~> 0.9) jekyll-seo-tag (~> 2.1) minitest (5.16.2) + nokogiri (1.13.8) + mini_portile2 (~> 2.8.0) + racc (~> 1.4) nokogiri (1.13.8-x86_64-linux) racc (~> 1.4) octokit (4.25.1) @@ -252,6 +256,7 @@ GEM zeitwerk (2.6.0) PLATFORMS + ruby x86_64-linux DEPENDENCIES diff --git a/_layouts/default.html b/_layouts/default.html index a4fecefc7d6..3ca373e6919 100644 --- a/_layouts/default.html +++ b/_layouts/default.html @@ -4,22 +4,24 @@ - -{% include head.html %} + + + + {% include head.html %} - -
- {% include sidebar.html %} + +
+ {% include sidebar.html %} -
+
{{ content }} +
+
-
- {% include footer.html %} + {% include footer.html %} -{% include scripts.html %} - + {% include scripts.html %} + - diff --git a/_sass/_base.scss b/_sass/_base.scss index 870b3a47461..8bf86fbb6b6 100644 --- a/_sass/_base.scss +++ b/_sass/_base.scss @@ -20,10 +20,12 @@ h6 { a { color: darken($theme-color, 15%); + &:hover { text-decoration: underline; color: darken($theme-color, 30%); } + &:focus { text-decoration: none; } @@ -45,12 +47,14 @@ p { .sidebar-wrapper { grid-column: span 3; - order: 2; + order: 0; background: $theme-color; color: #fff; + a { color: #fff; } + .profile-container { padding: 30px; //background: darken($theme-color, 10%); @@ -58,12 +62,14 @@ p { text-align: center; color: #fff; } + .name { font-size: 32px; font-weight: 900; margin-top: 0; margin-bottom: 10px; } + .tagline { color: rgba(256, 256, 256, 0.6); font-size: 16px; @@ -71,6 +77,7 @@ p { margin-top: 0; margin-bottom: 0; } + .profile { margin-bottom: 15px; } @@ -83,7 +90,9 @@ p { border-radius: 100%; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); } + .contact-list { + .fas, .fab, .far { @@ -91,16 +100,20 @@ p { font-size: 18px; vertical-align: middle; } + li { margin-bottom: 15px; + &:last-child { margin-bottom: 0; } } } + .container-block { padding: 30px; } + .container-block-title { text-transform: uppercase; font-size: 16px; @@ -108,30 +121,36 @@ p { margin-top: 0; margin-bottom: 15px; } + .degree { font-size: 14px; margin-top: 0; margin-bottom: 5px; } + .education-container { .item { margin-bottom: 15px; + &:last-child { margin-bottom: 0; } } + .meta { color: rgba(256, 256, 256, 0.6); font-weight: 500; margin-bottom: 0px; margin-top: 0; } + .time { color: rgba(256, 256, 256, 0.6); font-weight: 500; margin-bottom: 0px; } } + .languages-container { .lang-desc { color: rgba(256, 256, 256, 0.6); @@ -140,8 +159,10 @@ p { .languages-list { margin-bottom: 0; + li { margin-bottom: 10px; + &:last-child { margin-bottom: 0; } @@ -150,8 +171,10 @@ p { .interests-list { margin-bottom: 0; + li { margin-bottom: 10px; + &:last-child { margin-bottom: 0; } @@ -163,6 +186,7 @@ p { grid-column: span 7; background: #fff; padding: 60px; + .section-title { text-transform: uppercase; font-size: 20px; @@ -172,6 +196,7 @@ p { margin-top: 0; margin-bottom: 20px; } + .section { margin-bottom: 60px; } @@ -182,11 +207,13 @@ p { margin-bottom: 30px; } } + .upper-row { position: relative; overflow: hidden; margin-bottom: 2px; } + .job-title, .degree { color: $text-color; @@ -195,12 +222,14 @@ p { margin-bottom: 0; font-weight: 500; } + .time { position: absolute; right: 0; top: 0; color: $text-grey; } + .company, .university { margin-bottom: 10px; @@ -214,10 +243,12 @@ p { margin-bottom: 5px; color: darken($theme-color, 15%); } + .projects-section { .intro { margin-bottom: 30px; } + .item { margin-bottom: 15px; } @@ -229,15 +260,18 @@ p { color: $text-color; margin-bottom: 1px; } + .publication-authors { font-style: italic; color: $text-grey; margin-bottom: 1px; } + .publications-section { .intro { margin-bottom: 30px; } + .item { margin-bottom: 15px; } @@ -249,15 +283,18 @@ p { margin-bottom: 15px; overflow: hidden; } + .level-title { font-size: 14px; margin-top: 0; margin-bottom: 12px; } + .level-bar { height: 12px; background: $smoky-white; } + .level-bar-inner { height: 12px; background: lighten($theme-color, 15%); @@ -266,6 +303,7 @@ p { .footer { padding-top: 30px; + .copyright { line-height: 1.6; color: $text-color-secondary; @@ -275,4 +313,4 @@ p { .fa-heart { color: $heart; } -} +} \ No newline at end of file