From d92a493315279195af50bb39fbb10b74a67a7cb8 Mon Sep 17 00:00:00 2001 From: Rumperuu Date: Sun, 14 Feb 2021 13:26:05 +0000 Subject: [PATCH] Add project status banners, re-style blockquotes --- style.css | 47 ++++++++++++++++++++++++++++++++++---- template-parts/content.php | 12 ++++++++-- 2 files changed, 53 insertions(+), 6 deletions(-) diff --git a/style.css b/style.css index 0bdd1ba..8cbf800 100644 --- a/style.css +++ b/style.css @@ -264,11 +264,30 @@ html { article.tile > header { grid-area: tile-details; grid-template-columns: 5px auto 5px; - grid-template-rows: auto auto; + grid-template-rows: 0 1.2em auto auto; grid-template-areas: + ". . ." + ". banner ." ". tile-title ." ". tile-subtitle ."; } + article.tile > header > .status-banner { + grid-area: banner; + width: 80%; + margin: auto; + border-radius: 0px 0px 10px 10px; + text-align: center; + text-decoration: none !important; + } + article.tile > header > .status-banner--ongoing { + background-color: #cfea6b; + } + article.tile > header > .status-banner--on-hold { + background-color: #e8963e; + } + article.tile > header > .status-banner--cancelled { + background-color: #a54a4a; + } article.tile > header > h1 { grid-area: tile-title; align-self: end; @@ -805,13 +824,33 @@ q, blockquote { q.guillemets { quotes: "«" "»" "«" "»"; } -q:before, blockquote:not(.no-first-quote) p:first-of-type::before { +q:before, blockquote:not(.no-first-quote) > p:first-of-type::before { content: open-quote; } -q:after, blockquote:not(.no-last-quote) p:last-of-type::after { +q:after, blockquote:not(.no-last-quote) > p:last-of-type::after { content: close-quote; } +blockquote.script { + display: grid; + grid-template-columns: auto 1fr; + padding-bottom: 0.4em; +} + +blockquote.script > p::before, +blockquote.script > p::after { + content: none !important; +} + +blockquote.script > .script-line__character { + grid-column: 1; + margin-right: 1.25em; +} + +blockquote.script > .script-line__text { + grid-column: 2; +} + i, em { font-style: italic; } @@ -1127,7 +1166,7 @@ main#split-page > #wrapper > .body { text-align: left; padding: 0 2em 2em 2em; } -main#split-page > #wrapper > .body blockquote:first-of-type:not(.no-first-blockquote) { +main#split-page > #wrapper:not(.quotes) > .body blockquote:first-of-type:not(.no-first-blockquote) { font-size: 1.2em; text-align: center; margin: 0; diff --git a/template-parts/content.php b/template-parts/content.php index 473b419..316e7ee 100644 --- a/template-parts/content.php +++ b/template-parts/content.php @@ -14,7 +14,9 @@ $has_one_external_link = count( get_post_meta( get_the_ID(), 'External_Link', false ) ) === 1; $has_body_content = ! ! get_the_content(); $links_externally = $has_one_external_link && ! $has_body_content; - $post_link = ( $links_externally ) ? get_post_meta( get_the_ID(), 'External_Link', true ) : get_the_permalink(); + $split_link = explode( ';;', get_post_meta( get_the_ID(), 'External_Link', true ) ); + $link_href = ( count( $split_link ) > 1 ) ? $split_link[1] : $split_link[0]; + $post_link = ( $links_externally ) ? $link_href : get_the_permalink( get_the_ID() ); ?> >
@@ -28,11 +30,17 @@ } ?>
+ + +