diff options
| author | Camil Staps | 2023-12-07 11:29:26 +0100 |
|---|---|---|
| committer | Camil Staps | 2023-12-07 11:29:26 +0100 |
| commit | e335e4d2f1e11ab9c6009d68c00b1a3a8538c7f2 (patch) | |
| tree | a36346da054d6967bff9bb90c045b05ffc6da491 | |
| parent | Add currently reading text to reading group page (diff) | |
Improve navigation placement on wide screens
| -rw-r--r-- | resources/pug/finals/index.pug | 2 | ||||
| -rw-r--r-- | resources/sass/style.scss | 12 |
2 files changed, 5 insertions, 9 deletions
diff --git a/resources/pug/finals/index.pug b/resources/pug/finals/index.pug index 3103735..caab671 100644 --- a/resources/pug/finals/index.pug +++ b/resources/pug/finals/index.pug @@ -60,8 +60,6 @@ block content a(href="https://nl.linkedin.com/in/camilstaps") i.fab.fa-lg.fa-linkedin(title="LinkedIn") - hr - section p.larger#lead | I am a PhD candidate in linguistics. diff --git a/resources/sass/style.scss b/resources/sass/style.scss index e313315..723f68c 100644 --- a/resources/sass/style.scss +++ b/resources/sass/style.scss @@ -58,16 +58,18 @@ body { * scrolling down. */ #sticky-nav { display: table-cell; - /* 970px is width of .container; 200px is width of #sticky-nav. This + /* 970px is width of .container; 180px is width of #sticky-nav. This * places the nav buttons to the left of the content. */ - left: calc(50% - 970px/2 - 160px); + left: calc(50% - 970px/2 - 180px); /* 216px is the height of the profile image. */ padding-top: calc(216px + 2em); text-align: right; - width: 160px; + width: 180px; } #sticky-nav ul { + border-right: 1px solid #eee; + padding: 1em 1em 1em 0; position: sticky; top: 1em; } @@ -106,10 +108,6 @@ div#basicinfo { margin-top: 1em; } -p#lead { - margin-top: 1em; -} - hr { clear: both; margin: 0; |