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 );
+ ?>
+
+
+
+
+
+
+
+
+
-
+
+
+ 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 {