diff --git a/front-page.php b/front-page.php index 22d6f21..05944d8 100644 --- a/front-page.php +++ b/front-page.php @@ -152,7 +152,41 @@ +
+

Gravel

+ 4, + 'category_name' => $section_category, + 'orderby' => 'post_date', + 'order' => 'DESC', + 'post_type' => 'post', + 'post_status' => 'publish' + ); + query_posts($post_section_three_featured_args); + if (have_posts()) : while (have_posts()) : the_post(); + $category = get_the_category()[0]; + $author = get_userdata( $post->post_author ); + ?> +
+ + + +
+ +

+

+
+ +
+ +
@@ -312,7 +346,42 @@
- + +
+

Race Reports

+ 4, + 'category_name' => $section_category, + 'orderby' => 'post_date', + 'order' => 'DESC', + 'post_type' => 'post', + 'post_status' => 'publish' + ); + query_posts($post_section_three_featured_args); + if (have_posts()) : while (have_posts()) : the_post(); + $category = get_the_category()[0]; + $author = get_userdata( $post->post_author ); + ?> +
+ + + +
+ +

+

+
+ +
+ +
\ No newline at end of file diff --git a/style.css b/style.css index c100c8d..b61c9be 100644 --- a/style.css +++ b/style.css @@ -395,6 +395,16 @@ SECTIONS .st-article-section-main-article__bottom { display: none; } + + .st-article-section-wide { + display: grid; + grid-template-columns: repeat(2, 1fr); + gap: 1em; + } + + .st-article-section-wide .st-article-section-title { + grid-column: 1 / span 2; + } } @media (min-width: 1200px) { @@ -418,6 +428,14 @@ SECTIONS .st-article-section-bottom { grid-area: article-secondary; } + + .st-article-section-wide { + grid-template-columns: repeat(4, 1fr); + } + + .st-article-section-wide .st-article-section-title { + grid-column: 1 / span 4; + } } /* ad section */ @@ -436,7 +454,7 @@ SECTIONS justify-content: flex-start; border-bottom: none; padding-left: 1em; - border-left: 1px #cec9c2 solid; + border-left: 1px #0b4fa0 solid; margin-bottom: 0; } } @@ -586,6 +604,56 @@ COMPONENTS } } +/* sub article wide card */ + +.st-article-section-wide-article { + display: flex; + flex-direction: column; + margin-top: 1em; +} + +.st-article-section-wide-article__image-link img { + max-width: 100%; + height: auto; + aspect-ratio: 1.5; + object-fit: cover; + object-position: center; + border-radius: 5px; +} + +.st-article-section-wide-article__category-link { + text-decoration: none; + color: #fff; + padding: .3em .75em; + background: #0b4fa0; + font-size: .8rem; + text-transform: uppercase; + letter-spacing: 1px; + font-weight: 600; +} + +.st-article-section-wide-article__title { + text-decoration: none; + color: #454545; + font-size: 1.2rem; + line-height: 1.2; +} + +.st-article-section-wide-article__title h3 { + margin: .25em 0; +} + +.st-article-section-wide-article__excerpt { + font-size: .75em; + margin: 0; +} + +.st-article-section-wide-article__author-link { + text-decoration: none; + color: #8b8680; + font-size: .5em; +} + /* chips */ .st-chip {