diff --git a/_site/css/article-list.css b/_site/css/article-list.css index 6ec5328..e63e14e 100644 --- a/_site/css/article-list.css +++ b/_site/css/article-list.css @@ -5,13 +5,17 @@ margin: 6px; display: inline; } - .article-section-header, .year-header { - background-color: rgba(50,50,50,0.9); + background-color: rgba(0,0,0,0.6); padding-top: 12px; padding-bottom: 12px; } +/* main list of articles */ +.articles { + padding-top: 12px; + padding-bottom: 12px; +} /* make cards display next to each other with correct dimensions and adjust styling */ .main-content .mdc-card { @@ -23,16 +27,13 @@ cursor: pointer; } - /* style cards */ .mdc-card-content { margin: 5px 15px 5px 15px; } - .mdc-card .mdc-typography--headline6, .mdc-card .mdc-typography--subtitle2 { margin: 0; } - .mdc-card .mdc-typography--headline6 { text-transform: capitalize; } diff --git a/_site/css/global.css b/_site/css/global.css index 1a739aa..4446167 100644 --- a/_site/css/global.css +++ b/_site/css/global.css @@ -84,12 +84,11 @@ footer { z-index: 0; display: flow-root; } -.parallax-section #jarallax-container-0 div, .parallax-section #jarallax-container-1 div { - background-color: rgba(0,0,0,0.45); +.parallax-section > div:last-child > div { + background-color: rgba(50,50,50,0.9); background-blend-mode: multiply; } - /* splitter for between sections */ .splitter { height: 15px; @@ -97,7 +96,6 @@ footer { background-color: var(--mdc-theme-primary); } - /* responsive side margins */ .article-section .articles, .article-section-header, .footer-container, .article-content, .footer-container, .article-title-section ~ .mdc-typography--caption-text, .article-title-section, .mdc-typography--subtitle1, .mdc-typography--headline3 { padding-left: 15%; diff --git a/_site/css/home.css b/_site/css/home.css index ad98161..3e13f12 100644 --- a/_site/css/home.css +++ b/_site/css/home.css @@ -1,9 +1,16 @@ +/* centre contents vertically */ +.article-section-header { + min-height: 100px; + display: flex; + align-items: center; +} + /* place button on right */ .article-section-header button { display: inline; padding: 5px 14px; position: relative; - float: right; + margin-left: auto; top: 3.5px; } diff --git a/_site/css/year.css b/_site/css/year.css index 2356220..ada2609 100644 --- a/_site/css/year.css +++ b/_site/css/year.css @@ -7,6 +7,4 @@ /* list of articles */ .articles { background-color: var(--mdc-theme-background); - padding-top: 12px; - padding-bottom: 12px; } \ No newline at end of file diff --git a/css/article-list.css b/css/article-list.css index 6ec5328..e63e14e 100644 --- a/css/article-list.css +++ b/css/article-list.css @@ -5,13 +5,17 @@ margin: 6px; display: inline; } - .article-section-header, .year-header { - background-color: rgba(50,50,50,0.9); + background-color: rgba(0,0,0,0.6); padding-top: 12px; padding-bottom: 12px; } +/* main list of articles */ +.articles { + padding-top: 12px; + padding-bottom: 12px; +} /* make cards display next to each other with correct dimensions and adjust styling */ .main-content .mdc-card { @@ -23,16 +27,13 @@ cursor: pointer; } - /* style cards */ .mdc-card-content { margin: 5px 15px 5px 15px; } - .mdc-card .mdc-typography--headline6, .mdc-card .mdc-typography--subtitle2 { margin: 0; } - .mdc-card .mdc-typography--headline6 { text-transform: capitalize; } diff --git a/css/global.css b/css/global.css index 1a739aa..4446167 100644 --- a/css/global.css +++ b/css/global.css @@ -84,12 +84,11 @@ footer { z-index: 0; display: flow-root; } -.parallax-section #jarallax-container-0 div, .parallax-section #jarallax-container-1 div { - background-color: rgba(0,0,0,0.45); +.parallax-section > div:last-child > div { + background-color: rgba(50,50,50,0.9); background-blend-mode: multiply; } - /* splitter for between sections */ .splitter { height: 15px; @@ -97,7 +96,6 @@ footer { background-color: var(--mdc-theme-primary); } - /* responsive side margins */ .article-section .articles, .article-section-header, .footer-container, .article-content, .footer-container, .article-title-section ~ .mdc-typography--caption-text, .article-title-section, .mdc-typography--subtitle1, .mdc-typography--headline3 { padding-left: 15%; diff --git a/css/home.css b/css/home.css index ad98161..3e13f12 100644 --- a/css/home.css +++ b/css/home.css @@ -1,9 +1,16 @@ +/* centre contents vertically */ +.article-section-header { + min-height: 100px; + display: flex; + align-items: center; +} + /* place button on right */ .article-section-header button { display: inline; padding: 5px 14px; position: relative; - float: right; + margin-left: auto; top: 3.5px; } diff --git a/css/year.css b/css/year.css index 2356220..ada2609 100644 --- a/css/year.css +++ b/css/year.css @@ -7,6 +7,4 @@ /* list of articles */ .articles { background-color: var(--mdc-theme-background); - padding-top: 12px; - padding-bottom: 12px; } \ No newline at end of file