diff --git a/src/partials/_a_chunk_list.scss b/src/partials/_a_chunk_list.scss index f3f65af..7ef7ad9 100644 --- a/src/partials/_a_chunk_list.scss +++ b/src/partials/_a_chunk_list.scss @@ -1,12 +1,12 @@ -.chunk_list { +.chunk_list, +.pane_main .main_body .chunk_list { display: flex; flex-direction: column; padding: 0; text-align: left; - .chunk, - hr { - margin: var(--spacing-horizontal); + .chunk + .chunk { + margin-top: var(--spacing-horizontal); } .chunk { @@ -20,10 +20,16 @@ padding: var(--spacing-horizontal); + text-align: start; + + width: calc(100% - calc(var(--spacing-horizontal) * 2)); + + margin: 0; + .name, .subtitle, .status { - margin: 0; + margin: inherit; } .name { diff --git a/src/partials/_a_common.scss b/src/partials/_a_common.scss index 49d70ba..9763cc4 100644 --- a/src/partials/_a_common.scss +++ b/src/partials/_a_common.scss @@ -112,3 +112,7 @@ ion-icon { flex-flow: row wrap; align-items: flex-start; } + +.italic { + font-style: italic; +} diff --git a/src/partials/_a_layouts.scss b/src/partials/_a_layouts.scss index 1d5e1fe..f11c4ff 100644 --- a/src/partials/_a_layouts.scss +++ b/src/partials/_a_layouts.scss @@ -5,9 +5,13 @@ .item { margin: var(--spacing-horizontal); - padding: var(--spacing-horizontal); + padding: calc(var(--spacing-horizontal) * 2); background-color: var(--background-1); border-radius: var(--border-radius-leaf); + + .title { + text-align: center; + } } } diff --git a/src/partials/_a_pages.scss b/src/partials/_a_pages.scss index 3b8d357..01c5f1e 100644 --- a/src/partials/_a_pages.scss +++ b/src/partials/_a_pages.scss @@ -1,3 +1,4 @@ @use "blog_recent_posts"; +@use "page_disclosure"; @use "page_resume"; diff --git a/src/partials/_page_disclosure.scss b/src/partials/_page_disclosure.scss new file mode 100644 index 0000000..b53415d --- /dev/null +++ b/src/partials/_page_disclosure.scss @@ -0,0 +1,4 @@ +.website_security, +.cookies { + max-width: 44%; +} diff --git a/src/partials/_page_resume.scss b/src/partials/_page_resume.scss index 6374e34..a352e3d 100644 --- a/src/partials/_page_resume.scss +++ b/src/partials/_page_resume.scss @@ -1,33 +1,23 @@ -.work_history { - max-width: 45%; - - .chunk_list { - flex-direction: column-reverse; - } -} - .early_history { align-self: center; } +.work_history, .education { - max-width: 45%; - .chunk_list { - flex-direction: column-reverse; + flex-direction: column-reverse !important; } } -.awards { - max-width: 45%; -} - -.certifications { - max-width: 45%; +.awards, +.certifications, +.education, +.work_history { + max-width: 44%; } .software { - max-width: 60%; + max-width: 55%; .premiere_pro { color: var(--accent-purple); diff --git a/src/partials/_pane_main.scss b/src/partials/_pane_main.scss index 261707e..5ab55e8 100644 --- a/src/partials/_pane_main.scss +++ b/src/partials/_pane_main.scss @@ -13,6 +13,37 @@ border-radius: var(--border-radius-leaf); padding: var(--spacing-horizontal); - text-align: center; + .header { + text-align: center; + padding: var(--spacing-horizontal); + width: min-content; + + white-space: nowrap; + + margin: 0 auto; + + .title { + background-color: var(--background-1); + border-radius: var(--border-radius-leaf); + padding: var(--spacing-horizontal); + } + + .date { + display: block; + + font-size: 0.85rem; + font-weight: normal; + font-style: italic; + font-family: var(--font-family-generic); + } + } + + .body { + text-align: start; + + p { + color: var(--white-1); + } + } } }