diff --git a/assets/style.scss b/assets/style.scss index 9e6c2fd3..f9fa06fc 100644 --- a/assets/style.scss +++ b/assets/style.scss @@ -48,11 +48,25 @@ html { } body { - margin: 2rem auto; - max-width: min(90vw, 920px); + margin: 2rem; background-image: linear-gradient(74deg, rgba(236, 236, 236,0.02) 0%, rgba(236, 236, 236,0.02) 13%,transparent 13%, transparent 64%,rgba(55, 55, 55,0.02) 64%, rgba(55, 55, 55,0.02) 71%,rgba(239, 239, 239,0.02) 71%, rgba(239, 239, 239,0.02) 100%),linear-gradient(170deg, rgba(8, 8, 8,0.02) 0%, rgba(8, 8, 8,0.02) 1%,transparent 1%, transparent 60%,rgba(9, 9, 9,0.02) 60%, rgba(9, 9, 9,0.02) 80%,rgba(198, 198, 198,0.02) 80%, rgba(198, 198, 198,0.02) 100%),linear-gradient(118deg, rgba(134, 134, 134,0.02) 0%, rgba(134, 134, 134,0.02) 30%,transparent 30%, transparent 43%,rgba(85, 85, 85,0.02) 43%, rgba(85, 85, 85,0.02) 47%,rgba(103, 103, 103,0.02) 47%, rgba(103, 103, 103,0.02) 100%),linear-gradient(249deg, rgba(178, 178, 178,0.02) 0%, rgba(178, 178, 178,0.02) 8%,transparent 8%, transparent 47%,rgba(161, 161, 161,0.02) 47%, rgba(161, 161, 161,0.02) 61%,rgba(19, 19, 19,0.02) 61%, rgba(19, 19, 19,0.02) 100%),linear-gradient(90deg, rgb(255,255,255),rgb(255,255,255)); } +.container { + margin: 0 auto; + width: 100%; + max-width: min(90vw, 920px); +} + +@include media-breakpoint-up('lg', $grid-breakpoints) { + body { + margin-top: $header-margin; + } + .sticky-top { + top: $header-height - 1px; + } +} + section { margin: 2*$spacer 0; } diff --git a/assets/variables.scss b/assets/variables.scss index 3dc64215..c24cf93c 100644 --- a/assets/variables.scss +++ b/assets/variables.scss @@ -7,6 +7,9 @@ $alert-border-level: -3; $link-decoration: none; $link-hover-decoration: underline; +$header-height: 80px; +$header-margin: $header-height + 36px; + @import "~bootstrap/scss/functions"; @import "~bootstrap/scss/variables"; @import "~bootstrap/scss/mixins"; diff --git a/components/AcademicLinks.vue b/components/AcademicLinks.vue new file mode 100644 index 00000000..4f84329d --- /dev/null +++ b/components/AcademicLinks.vue @@ -0,0 +1,11 @@ + diff --git a/components/Blog.vue b/components/Blog.vue index 7d9f707c..ad2fece3 100644 --- a/components/Blog.vue +++ b/components/Blog.vue @@ -1,11 +1,11 @@