Skip to content

MSF / msf-climate-hub

Go to a project
Toggle navigation
Toggle navigation pinning
7ca15715 by Jeff Balicki
Options

v2 start 

Signed-off-by: Jeff <jeff@gotenzing.com>
1 parent 85cb3cd4
Inline Side-by-side
Showing 27 changed files with 1217 additions and 85 deletions
......@@ -47,7 +47,7 @@ $carousel_style = get_field('carousel_style');
<div class="carousel-content">
<div class="row">
<div class="col-lg-4 col-md-4 col-sm-12 promo-image" >
<div class="promo-image" >
<?php $image = get_the_post_thumbnail_url( $page->ID, 'medium' );
$thumbnail_id = get_post_meta( $page->ID, '_thumbnail_id', true );
$img_alt = get_post_meta ( $thumbnail_id, '_wp_attachment_image_alt', true );
......@@ -56,10 +56,9 @@ $carousel_style = get_field('carousel_style');
}
?>
<img src="<?php echo $image; ?>" alt="<?php echo $img_alt ?>" loading="eager">
<div class="promo-text"><a class="understrap-read-more-link" href="<?php echo get_permalink($page->ID);?>"><?php the_title($page->ID); ?></a></div>
</div>
<div class="col-lg-8 col-md-8 col-sm-12">
<div class="promo-text"><?php echo get_the_excerpt($page->ID); ?> <a class="understrap-read-more-link" href="<?php echo get_permalink($page->ID);?>"><?= __('READ MORE', 'msf') ?></a></div>
</div>
</div>
</div>
</div>
......
<?php
// Create id attribute allowing for custom "anchor" value.
$id = 'news-and-stories-' . $block['id'] . rand(0,100);
if( !empty($block['anchor']) ) {
$id = $block['anchor'];
}
// Create class attribute allowing for custom "className" and "align" values.
$className = 'news-and-stories-block';
$className .= ' ' .get_field('style');
if( !empty($block['className']) ) {
$className .= ' ' . $block['className'];
}
$categories = get_field('categories')?:null;
if(!$categories) {
$categories = [];
}
$pattern = get_field('layout_pattern') ?: null;
$no_load_more = get_field('static_no_load_more') ?: null;
$static_limit = get_field('static_limit') ?: 4;
$link_out = get_field('link_out_button')?: null;
?>
<div data-lang="<?= get_locale() ?>" data-static-limit="<?= $static_limit ?>" data-published="<?= __("Published:", 'msf') ?>" data-updated="<?= __("Updated:", 'msf') ?>" data-no-load="<?= $no_load_more ?>" class="<?= $className ?>" id='<?= $id ?>' data-pattern="<?= $pattern ?>" data-categories='<?= implode(",",$categories) ?>'>
<div class='post-list-left-col'>
</div>
<div class='post-list-right-col'>
</div>
<div class='mobile-article-list'>
</div>
<?php if($link_out) {?>
<a class='load-more-link-out btn' href='<?= $link_out['url'] ?>' target="<?= $link_out['target'] ?>" >
<?= $link_out['title'] ?>
</a>
<?php } ?>
<?php if(!$no_load_more && !$link_out) { ?>
<button data-segment="1" class='post-list-load-more'><span class='loaded-text'><?= get_field('load_more_button_text') ?></span>
<div class="spinner-border" role="status">
<span class="sr-only"><?= __("Loading...", 'msf') ?></span>
</div>
</button>
<?php } ?>
</div>
......@@ -14990,6 +14990,10 @@ body {
z-index: 99999 !important;
}
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
max-width: 1067px !important;
}
/** Wednesday 26th July 2023 02:16:49 UTC (core) **/
/** THIS FILE IS AUTOMATICALLY GENERATED - DO NOT MAKE MANUAL EDITS! **/
/** Custom CSS should be added to Mega Menu > Menu Themes > Custom Styling **/
......@@ -16472,6 +16476,9 @@ html.mega-menu-primary-off-canvas-open #wpadminbar {
}
@media only screen and (min-width: 62.5rem) {
#main-nav {
padding-bottom: 1px;
}
#mega-menu-wrap-primary {
width: 100%;
}
......@@ -16486,21 +16493,23 @@ html.mega-menu-primary-off-canvas-open #wpadminbar {
width: 19%;
color: #fff;
background-color: #EE0000;
border-radius: 1.25rem;
border-radius: 20px;
text-align: center;
height: 2.5rem;
height: 32px;
margin-top: 0rem;
font-size: 1.125rem;
position: relative;
font-family: "PT Sans", sans-serif;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2392156863);
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
width: 100%;
text-align: center;
font-family: "PT Sans", sans-serif;
font-weight: bold !important;
font-size: 1.125rem;
height: 2.5rem;
font-size: 14px;
height: 32px;
line-height: 31px;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-menu-item-has-children > a.mega-menu-link:before {
content: "";
......@@ -16509,8 +16518,8 @@ html.mega-menu-primary-off-canvas-open #wpadminbar {
position: absolute;
background-size: contain;
background-repeat: no-repeat;
margin-left: -1.875rem;
margin-top: 0.9375rem;
margin-left: -20px;
margin-top: 12px;
display: inline-block;
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12.742" height="7.726" viewBox="0 0 12.742 7.726"><path id="Path_1491" data-name="Path 1491" d="M6.383,4.709c.442-.447.875-.89,1.313-1.328Q9.274,1.8,10.855.231a.708.708,0,0,1,1.047,0c.2.206.405.407.608.61a.694.694,0,0,1,0,1.038L9.667,4.721,6.913,7.48a.768.768,0,0,1-.515.246.734.734,0,0,1-.567-.245Q4.769,6.415,3.706,5.349L.812,2.454c-.2-.2-.395-.393-.591-.591A.69.69,0,0,1,.228.844l.6-.6a.708.708,0,0,1,1.062,0L4.456,2.792,6.311,4.64Z" transform="translate(0 0)" fill="%23fff"/></svg>');
}
......@@ -16519,16 +16528,16 @@ html.mega-menu-primary-off-canvas-open #wpadminbar {
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-toggle-on > a.mega-menu-link {
background-color: #669999;
border-radius: 1.25rem 1.25rem 0rem 0rem;
height: 3.75rem;
border-radius: 16px 16px 0rem 0rem;
height: 60px;
margin-top: 0rem;
margin-bottom: -1.25rem;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu {
margin-top: 1.0625rem;
margin-top: 3px;
padding: 1.25rem 1.75rem 1.25rem 1.25rem;
background-color: #f0f0f0;
border-radius: 0rem 0rem 1.25rem 1.25rem;
border-radius: 20px;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu:nth-child(2) > ul.mega-sub-menu {
left: unset !important;
......@@ -16558,7 +16567,7 @@ html.mega-menu-primary-off-canvas-open #wpadminbar {
color: #000;
text-decoration: none;
white-space: break-spaces;
font-size: 1.125rem;
font-size: 18px;
font-weight: 400;
font-family: "PT Sans", sans-serif;
font-weight: bold;
......@@ -16572,13 +16581,13 @@ html.mega-menu-primary-off-canvas-open #wpadminbar {
color: #000;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.break-here > a.mega-menu-link {
font-size: 1.25rem;
font-size: 18px;
font-family: "PT Sans", sans-serif;
}
#mega-menu-wrap-primary #mega-menu-primary a.mega-menu-link .mega-description-group .mega-menu-description {
font-style: normal;
font-size: 1rem;
line-height: 1.25rem;
font-size: 16px;
line-height: 21px;
font-family: "PT Sans", sans-serif;
}
.list-wrapper2,
......@@ -16878,8 +16887,8 @@ html.mega-menu-primary-off-canvas-open #wpadminbar {
}
.site-title {
font-size: 2.1875rem;
line-height: 3.125rem;
font-size: 26px;
line-height: 36px;
font-family: "PT Sans", sans-serif;
letter-spacing: 0rem;
color: #000000;
......@@ -16902,8 +16911,8 @@ html.mega-menu-primary-off-canvas-open #wpadminbar {
}
.branding .navbar-brand {
margin-right: 0px;
width: 150px;
height: 70px;
width: 127px;
height: 53px;
}
@media only screen and (max-width: 48.875rem) {
.branding .navbar-brand {
......@@ -16953,7 +16962,7 @@ html.mega-menu-primary-off-canvas-open #wpadminbar {
}
}
.site {
margin-top: 10.625rem;
margin-top: 8.7rem;
max-width: 100%;
overflow-x: hidden;
}
......@@ -17793,6 +17802,14 @@ p {
.entry-content ol li {
margin-top: 0.313rem;
}
.entry-content .post-list-right-col ul,
.entry-content .post-list-left-col ul {
padding-left: 0rem !important;
}
.entry-content .post-list-right-col ul li,
.entry-content .post-list-left-col ul li {
margin-top: 0rem !important;
}
.entry-content .wp-block-pullquote {
padding: 2em 0;
margin-bottom: 5rem;
......@@ -19277,7 +19294,7 @@ ul.sf_date_field .sf-datepicker {
position: relative;
height: 100%;
overflow: hidden;
min-height: 37.5rem;
min-height: 480px;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
......@@ -19289,14 +19306,15 @@ ul.sf_date_field .sf-datepicker {
.home-header h1, .home-header .h1 {
color: #fff;
margin: auto;
text-align: center;
display: flex;
font-size: 2rem;
line-height: 2.25rem;
margin-bottom: 2.5rem;
font-size: 50px;
line-height: 55px;
margin-bottom: 20px;
width: 100%;
max-width: 1068px;
max-width: 550px;
font-weight: bold;
text-align: left;
margin-left: 0px;
}
@media only screen and (max-width: 48.875rem) {
.home-header h1, .home-header .h1 {
......@@ -19313,6 +19331,15 @@ ul.sf_date_field .sf-datepicker {
height: 90%;
max-height: 37.5rem;
justify-content: center;
background: transparent linear-gradient(180deg, rgba(26, 24, 24, 0) 0%, #000000 100%) 0% 0% no-repeat padding-box;
}
.home-header .content-container p {
color: #fff;
font-size: 22px;
line-height: 28px;
text-align: left;
max-width: 550px;
margin-bottom: 44px;
}
.home-header .content-container .fx-style {
display: flex;
......@@ -20026,7 +20053,7 @@ ul.sf_date_field .sf-datepicker {
.wpml-ls-statics-shortcode_actions.wpml-ls.wpml-ls-legacy-list-horizontal {
position: absolute;
right: 20px;
top: 3px;
top: 15px;
}
.wpml-ls-statics-shortcode_actions.wpml-ls.wpml-ls-legacy-list-horizontal a {
color: #000;
......@@ -20037,6 +20064,10 @@ ul.sf_date_field .sf-datepicker {
color: #699 !important;
}
.admin-bar .wpml-ls-statics-shortcode_actions.wpml-ls.wpml-ls-legacy-list-horizontal {
top: 3px;
}
.promo-area {
width: 100%;
display: flex;
......@@ -20886,6 +20917,196 @@ ul.sf_date_field .sf-datepicker {
font-weight: 700;
}
.news-and-stories-block {
display: flex;
flex-direction: row-reverse;
flex-wrap: wrap;
justify-content: center;
margin: 2.25rem 0;
}
.news-and-stories-block .post-list-left-col {
flex-basis: 50%;
display: flex;
flex-direction: column;
gap: 1.563rem;
}
.news-and-stories-block .post-list-right-col {
flex-basis: 50%;
display: flex;
flex-direction: column;
gap: 1.563rem;
}
.news-and-stories-block ul {
display: flex;
flex-direction: column;
flex-wrap: wrap;
list-style: none;
padding: 0;
margin: 0;
gap: 24px;
}
.news-and-stories-block ul .article-card {
min-height: 117px;
}
.news-and-stories-block ul .article-card > a {
display: flex;
height: 100%;
text-decoration: none;
}
.news-and-stories-block ul .article-card.lg {
min-height: 30.438rem;
max-height: 30.438rem;
}
.news-and-stories-block ul .article-card.lg .scale-wrapper {
min-height: 291px;
max-height: 291px;
overflow: hidden;
}
.news-and-stories-block ul .article-card.lg img {
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.news-and-stories-block ul .article-card.lg a {
gap: 0;
}
.news-and-stories-block ul .article-card.sm .content {
padding-bottom: 0;
line-height: 1.125rem;
}
.news-and-stories-block ul .article-card img {
transition: transform 0.3s;
}
.news-and-stories-block ul .article-card:hover a {
color: #699;
text-decoration: underline;
}
.news-and-stories-block ul .article-card:hover img {
transform: scale(1.05);
opacity: 0.8;
}
.article-card {
max-width: 31.875rem;
min-width: 31.875rem;
min-height: 8.438rem;
}
.article-card a {
color: white;
gap: 1.625rem;
}
.article-card a:hover p {
text-decoration: underline;
font-size: 18px;
line-height: 23px;
}
.article-card a:hover .anchor-dots {
background-image: url(../img/more-hover.svg);
background-repeat: no-repeat;
}
.article-card.lg a {
flex-direction: column;
}
.article-card.lg .content {
min-height: 8.25rem;
padding-top: 1rem;
font-size: 22px;
line-height: 28px;
}
.article-card .content {
color: #4D4D4D;
font-weight: normal;
position: relative;
font-family: "PT Sans", sans-serif;
}
.article-card .content > * {
margin: 0;
display: inline;
}
.article-card .content p:first-child {
display: inline-block;
color: #000000;
font-weight: bold;
margin: 0;
font-size: 1.25rem;
margin-bottom: 0.313rem;
line-height: 1.563rem !important;
max-height: 5rem;
overflow: hidden;
width: 100%;
}
.article-card .content .author-name, .article-card .content .author-title, .article-card .content .author_company, .article-card .content .published {
font-size: 0.875rem;
line-height: 1.125rem;
border: 0;
font-weight: normal;
display: inline-block;
text-decoration: none !important;
}
.article-card .content .author-name {
font-size: 0.875rem;
line-height: 1.125rem;
font-weight: bold;
}
.article-card .content .author_company {
font-size: 0.875rem;
line-height: 1.125rem;
display: block;
text-decoration: none !important;
}
.article-card .content .author-title {
margin-left: 0.2rem;
}
.article-card .anchor-dots {
background-image: url(../img/more.svg);
background-repeat: no-repeat;
display: inline-block;
height: 0.625rem;
width: 100%;
margin-top: 0.938rem;
}
.article-card .image {
flex-basis: 40%;
min-width: 214px;
max-width: 214px;
min-height: 117px;
max-height: 117px;
-o-object-fit: cover;
object-fit: cover;
overflow: hidden;
}
.article-card .image img {
-o-object-fit: cover;
object-fit: cover;
height: 100%;
width: 100%;
}
.post-list-load-more {
margin-top: 2.188rem;
font-family: "PT Sans", sans-serif;
font-weight: bold;
font-size: 1rem;
padding: 1.25rem 2.031rem;
}
.post-list-load-more span {
color: white;
}
.post-list-load-more .spinner-border {
display: none;
}
.post-list-load-more.loading .spinner-border {
display: inline-block;
}
.post-list-load-more.loading .loaded-text {
display: none;
}
.mobile-article-list {
display: none;
}
.has-blue-color,
.has-blue-color:visited {
color: #0d6efd;
......
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
......@@ -40,7 +40,7 @@ if ( is_front_page() ) {
<div class="container" style="height: 100%;">
<div class="col-md-12 fx-style">
<div class="search-box"><?php the_field('search_box_content'); ?><div class="search-button">Search</div></div>
<h1><?php the_field('header_text'); ?></h1>
<?php the_field('header_text'); ?>
</div>
</div>
</div>
......
......@@ -78,4 +78,16 @@ if( function_exists('acf_add_options_page') ) {
]
));
acf_register_block_type( array(
'title' => __( 'Recent News & Stories', 'client_textdomain' ),
'name' => 'post-list-load-more',
'render_template' => 'blocks/post-list-load-more/post-list-load-more.php',
'mode' => 'edit',
'supports' => [
'align' => false,
'anchor' => true,
'customClassName' => true
]
));
}
\ No newline at end of file
......
......@@ -220,3 +220,4 @@ function sync_files_cli_register_commands() {
}
add_action( 'cli_init', 'sync_files_cli_register_commands' );
......
......@@ -10,3 +10,49 @@ require_once 'blocks.php';
require_once 'side-menu.php';
require_once 'widgets-area.php';
require_once 'commands.php';
require_once 'rest.php';
function get_global_excluded_posts() {
$all_cats = get_categories();
$excluded = [];
foreach($all_cats as $cat) {
$main_index_page = get_field('main_index_page', $cat);
if($main_index_page) {
$excluded[] = $main_index_page->ID;
}
}
return $excluded;
}
function get_for_excluded_cats() {
$all_cats = get_categories();
$excluded = [];
foreach($all_cats as $cat) {
$latest_exclusive = get_field('exclude_from_latest_articles', $cat);
if($latest_exclusive) {
$excluded[] = $cat->term_id;
}
}
return $excluded;
}
......
<?php
function pull_posts_for_post_list( $data ) {
$request_uri = sanitize_text_field($_SERVER['REQUEST_URI']);
$request_uri = base64_encode($request_uri);
// $BYPASS_CACHE = false;
// $client = new Predis\Client();
// if(!$BYPASS_CACHE) {
// if($client->exists($request_uri)) {
// return unserialize($client->get($request_uri));
// }
// }
$categories = sanitize_textarea_field($_REQUEST['categories']);
$segment = trim(sanitize_textarea_field($_REQUEST['segment']));
$exclude = get_for_excluded_cats();
$exclude_posts = get_global_excluded_posts();
if($segment == 'all') {
$new_posts = [];
$numberposts = 500;
if(isset($_REQUEST['limit'])) {
$numberposts = $_REQUEST['limit'];
}
if(!empty($categories)) {
$posts = get_posts( array(
'category' => $categories,
'numberposts' => $numberposts,
'order' => 'DESC',
'suppress_filters' => false
) );
} else {
$posts = get_posts( array(
'numberposts' => $numberposts,
'order' => 'DESC',
'suppress_filters' => false,
'category_not_in'=>$exclude,
'exclude' => $exclude_posts,
) );
}
foreach($posts as $post) {
$excerpt = wp_filter_nohtml_kses(get_the_excerpt($post));
$excerpt = trim(substr($excerpt, 0, strpos($excerpt, '[...]')));
$article_author = get_field('article_author', $post->ID) ?: null;
$author_title = get_field('author_title', $post->ID) ?: null;
$author_company = get_field('author_company', $post->ID) ?: null;
$img = get_the_post_thumbnail_url($post, 'medium');
if(!$img) {
$img = get_post_meta($post->ID, 'photo_from_source', true);
}
$new_posts[] = ['date'=>get_the_time( ' F j, Y', $post),
'article_author'=>$article_author,'author_title'=>$author_title,
'author_company'=>$author_company,'href'=>get_permalink($post),'title'=>$post->post_title,
'text'=>$excerpt,'img_src'=>$img];
}
// $client->set($request_uri, serialize(['posts'=>$new_posts,'last_index'=>0]), 'ex', 3600);
return ['posts'=>$new_posts,'last_index'=>0];
} else {
$segment = (int)$segment;
if(!empty($categories)) {
$posts = get_posts( array(
'category' => $categories,
'numberposts' => 12,
'order' => 'DESC',
'suppress_filters' => false
) );
} else {
$posts = get_posts( array(
'numberposts' => 12,
'order' => 'DESC',
'suppress_filters' => false,
'category__not_in'=>$exclude,
'exclude' => $exclude_posts
) );
}
if ( empty( $posts ) ) {
return null;
}
$segments = array_chunk($posts, 4);
$the_segment = $segments[$segment];
$posts = [];
foreach($the_segment as $post) {
$excerpt = wp_filter_nohtml_kses(get_the_excerpt($post));
$excerpt = trim(substr($excerpt, 0, strpos($excerpt, '[...]')));
$article_author = get_field('article_author', $post->ID) ?: null;
$author_title = get_field('author_title', $post->ID) ?: null;
$author_company = get_field('author_company', $post->ID) ?: null;
$img = get_the_post_thumbnail_url($post, 'medium_large');
if(!$img) {
$img = get_post_meta($post->ID, 'photo_from_source', true);
}
$posts[] = ['date'=>get_the_time( ' F j, Y', $post),
'article_author'=>$article_author,'author_title'=>$author_title,
'author_company'=>$author_company,'href'=>get_permalink($post),'title'=>$post->post_title,
'text'=>$excerpt,'img_src'=>$img];
}
$last_index = false;
if( $segment >= (count($segments)-1) ) {
$last_index = true;
}
// $client->set($request_uri, serialize(['posts'=>$posts,'last_index'=>$last_index]), 'ex', 3600);
return ['posts'=>$posts,'last_index'=>$last_index];
}
}
add_action( 'rest_api_init', function () {
register_rest_route( '/v1', '/post_list', array(
'methods' => 'GET',
'callback' => 'pull_posts_for_post_list',
'permission_callback' => '__return_true'
) );
} );
......@@ -28,11 +28,37 @@ function exclude_in_search_results( $query ) {
),
) );
}
}
add_action( 'pre_get_posts', 'exclude_in_search_results' );
// if(get_locale() == 'fr_FR') {
// $query->set( 'meta_query', array (
// 'relation' => 'OR',
// array (
// 'relation' => 'AND',
// array(
// 'key' => 'wpml',
// 'value' => 'FR',
// 'compare' => '==',
// ),
// ),
// ) );
// }else{
// $query->set( 'meta_query', array (
// 'relation' => 'OR',
// array (
// 'relation' => 'AND',
// array(
// 'key' => 'wpml',
// 'value' => 'EN',
// 'compare' => '==',
// ),
// ),
// ) );
// }
// apply tags to attachments
......
......@@ -26195,7 +26195,7 @@
//var offset = ((window.innerWidth - $('#content').width()) / 2) - 28;
//var offsetAfter = ((window.innerWidth - $('#content').width()) / 2) - 28;
var offsetAfter = 0;
var PerView = 1;
var PerView = 3;
var offset = 0;
var space = 20;
var SlidesPerGroup = 1;
......@@ -26243,6 +26243,190 @@
});
});
var mobile_article_list = [];
function postItem(post_obj, size, sides, side_index, side_alternate, labels) {
var li = "";
if (size == 2) {
li += "<li class='article-card lg'><a href='" + post_obj['href'] + "'>";
if (post_obj['img_src']) {
li += "<div class='scale-wrapper'><img src='" + post_obj['img_src'] + "' /></div>";
}
if (post_obj['title'].length > 100) {
li += "<div class='content reduce'><p>" + post_obj['title'] + "</p><span class='anchor-dots'></span></div>";
} else {
li += "<div class='content'><p>" + post_obj['title'] + "</p>";
}
if (post_obj['date']) {
li += "<span class='published'>" + window.POST_LIST_LABELS.published + " " + post_obj['date'] + "</span>";
}
li += "<span class='anchor-dots'></span></div></a></li>";
} else {
li += "<li class='article-card sm'><a href='" + post_obj['href'] + "'>";
if (post_obj['img_src']) {
li += "<div class='image'><div class='scale-wrapper'><img src='" + post_obj['img_src'] + "' /></div></div>";
}
if (post_obj['title'].length > 100) {
li += "<div class='content reduce'><p>" + post_obj['title'] + "</p>";
} else {
li += "<div class='content'><p>" + post_obj['title'] + "</p>";
}
if (post_obj['article_author']) {
li += "<span class='author-name'>" + post_obj['article_author'] + " | </span>";
}
if (post_obj['author_title']) {
li += "<span class='author-title'>" + post_obj['author_title'] + "</span>";
}
if (post_obj['author_company']) {
li += "<span class='author_company'>" + post_obj['author_company'] + "</span>";
}
if (post_obj['date']) {
li += "<span class='published'>" + window.POST_LIST_LABELS.published + " " + post_obj['date'] + "</span>";
}
li += "<span class='anchor-dots'></span>";
li += "</div></li>";
}
mobile_article_list.push(li);
if (side_index % 2 == 0 || side_index == 0) {
if (side_alternate == 0 || side_alternate % 2 == 0) {
sides.left.push(li);
} else {
sides.right.push(li);
}
} else {
if (side_alternate == 0 || side_alternate % 2 == 0) {
sides.right.push(li);
} else {
sides.left.push(li);
}
}
return li;
}
function loadPostSegment(block, segment, append, limit) {
const categories = jQuery(block).data('categories');
if (append) {
jQuery('.post-list-load-more').addClass('loading');
}
var lang = document.documentElement.lang;
if (lang == 'fr-FR') {
lang = "&lang=fr";
} else {
lang = "&lang=en";
}
var limit_q = "";
if (limit) {
limit_q = "&limit=" + limit;
}
jQuery.get('/wp-json/v1/post_list?segment=' + segment + '&categories=' + categories + lang + limit_q, function (result) {
var posts = result['posts'],
last_index = result['last_index'];
var pattern = jQuery(block).data('pattern');
window.POST_LIST_LABELS = {};
window.POST_LIST_LABELS.published = jQuery(block).data('published');
var pattern_idx = 0,
side_index = 0,
reset_side_from_large = 0,
side_alternate = 1;
if (jQuery(block).data('pattern_idx')) {
pattern_idx = jQuery(block).data('pattern_idx');
}
if (jQuery(block).data('side_index')) {
side_index = jQuery(block).data('side_index');
}
if (jQuery(block).data('reset_side_from_large')) {
reset_side_from_large = jQuery(block).data('reset_side_from_large');
}
if (jQuery(block).data('side_alternate')) {
side_alternate = jQuery(block).data('side_alternate');
}
var sides = {
left: [],
right: []
};
posts.map(obj => {
if (pattern == 3) {
postItem(obj, 1, sides, side_index);
} else if (pattern == 2) {
if (pattern_idx == 0) {
postItem(obj, 2, sides, 0, 0);
reset_side_from_large = 3;
} else {
if (reset_side_from_large > 0) {
postItem(obj, 1, sides, 1, 0);
--reset_side_from_large;
} else {
postItem(obj, 1, sides, 1);
++reset_side_from_large;
}
}
} else if (pattern == 1) {
if (pattern_idx == 0 || pattern_idx % 4 == 0) {
postItem(obj, 2, sides, 0, side_alternate);
reset_side_from_large = 3;
} else {
if (reset_side_from_large > 0) {
postItem(obj, 1, sides, 1, side_alternate);
--reset_side_from_large;
if (reset_side_from_large == 0) {
++side_alternate; //after completion of a 3rd small after a large flip to the alternate sides
}
} else {
postItem(obj, 1, sides, side_index, side_alternate);
}
}
}
++side_index;
++pattern_idx;
});
jQuery(block).data('pattern_idx', pattern_idx);
jQuery(block).data('side_index', side_index);
jQuery(block).data('reset_side_from_large', reset_side_from_large);
jQuery(block).data('side_alternate', side_alternate);
if (append) {
jQuery(block).find('.post-list-left-col').append("<ul>" + sides.left.join('') + "</ul>");
jQuery(block).find('.post-list-right-col').append("<ul>" + sides.right.join('') + "</ul>");
} else {
jQuery(block).find('.post-list-left-col').html("<ul>" + sides.left.join('') + "</ul>");
jQuery(block).find('.post-list-right-col').html("<ul>" + sides.right.join('') + "</ul>");
}
jQuery('.mobile-article-list').html("<ul>" + mobile_article_list.join('') + "</ul>");
if (last_index) {
jQuery('.post-list-load-more').css('display', 'none');
}
}).always(function () {
jQuery('.post-list-load-more').removeClass('loading');
});
}
jQuery(function ($) {
$('.related-load-more').on('click', function (e) {
e.preventDefault();
var segment = $(this).data('segment');
var that = this;
$(that).addClass('loading');
setTimeout(function () {
$(that).parents('.related').find('.related-block.hidden[data-related-segment="' + segment + '"]').removeClass('hidden');
$(that).data('segment', segment + 1);
$(that).removeClass('loading');
if ($(that).parents('.related').find('.related-block.hidden[data-related-segment="' + (segment + 1) + '"]').length == 0) {
$(that).remove();
}
}, 500);
});
$('.news-and-stories-block').each(function () {
var no_load = $(this).data('no-load'),
limit = $(this).data('static-limit');
if (no_load) {
loadPostSegment(this, "all", null, limit);
} else {
loadPostSegment(this, 0);
}
$(this).find('.post-list-load-more').on('click', function () {
var segment = $(this).data('segment');
loadPostSegment($(this).parents('.news-and-stories-block'), segment, true);
$(this).data('segment', ++segment);
});
});
});
// Add your custom JS here.
var myLazyLoad = new LazyLoad();
window.tz_checkVisible = function (elm, evalType, offset, heightBuffer) {
......@@ -26260,10 +26444,15 @@
if (evalType === "above") return y < vpH + st;
};
jQuery(document).ready(function ($) {
var itemToWatch = document.querySelector('.gt_options');
onClassChange(itemToWatch, node => {
node.classList.contains('gt-open') ? $('#pojo-a11y-toolbar').removeClass('pojo-a11y-toolbar-open') : console.log('class removed');
});
// var itemToWatch = document.querySelector('.gt_options');
// onClassChange(itemToWatch, (node) => {
// node.classList.contains('gt-open')
// ? $('#pojo-a11y-toolbar').removeClass('pojo-a11y-toolbar-open')
// : console.log('class removed');
// });
trim_text();
$('#relevant-resources').dataTable({
info: false,
......@@ -26314,19 +26503,6 @@
document.addEventListener('wpcf7mailsent', function (event) {
jQuery('.appArea.responsive').hide();
}, true);
function onClassChange(element, callback) {
const observer = new MutationObserver(mutations => {
mutations.forEach(mutation => {
if (mutation.type === 'attributes' && mutation.attributeName === 'class') {
callback(mutation.target);
}
});
});
observer.observe(element, {
attributes: true
});
return observer.disconnect;
}
(function ($) {
$(document).on("sf:init", ".searchandfilter", function () {
......
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
......@@ -31,7 +31,7 @@ get_header();
</div>
<main class="col-sm-12 col-md-9 content-area site-main search-result" id="main">
<?php echo do_shortcode('[searchandfilter slug="112" action="filter_next_query"]'); ?>
<?php //echo do_shortcode('[searchandfilter slug="112" action="filter_next_query"]'); ?>
<?php if ( have_posts() ) :
global $wp_query;
......
......@@ -20,7 +20,7 @@ jQuery(document).ready(function($) {
//var offset = ((window.innerWidth - $('#content').width()) / 2) - 28;
//var offsetAfter = ((window.innerWidth - $('#content').width()) / 2) - 28;
var offsetAfter = 0;
var PerView = 1
var PerView = 3
var offset =0;
var space = 20;
var SlidesPerGroup= 1;
......
var mobile_article_list = [];
function postItem(post_obj, size, sides, side_index, side_alternate, labels) {
var li = "";
if(size == 2) {
li += "<li class='article-card lg'><a href='"+post_obj['href']+"'>";
if(post_obj['img_src']) {
li += "<div class='scale-wrapper'><img src='"+post_obj['img_src']+"' /></div>";
}
if(post_obj['title'].length > 100) {
li += "<div class='content reduce'><p>"+post_obj['title']+"</p><span class='anchor-dots'></span></div>";
} else {
li += "<div class='content'><p>"+post_obj['title']+"</p>";
}
if(post_obj['date']) {
li += "<span class='published'>"+window.POST_LIST_LABELS.published+" "+post_obj['date']+"</span>";
}
li += "<span class='anchor-dots'></span></div></a></li>";
} else {
li += "<li class='article-card sm'><a href='"+post_obj['href']+"'>";
if(post_obj['img_src']) {
li += "<div class='image'><div class='scale-wrapper'><img src='"+post_obj['img_src']+"' /></div></div>";
}
if(post_obj['title'].length > 100) {
li += "<div class='content reduce'><p>"+post_obj['title']+"</p>";
} else {
li += "<div class='content'><p>"+post_obj['title']+"</p>";
}
if(post_obj['article_author']) {
li += "<span class='author-name'>"+post_obj['article_author']+" | </span>";
}
if(post_obj['author_title']) {
li += "<span class='author-title'>"+post_obj['author_title']+"</span>";
}
if(post_obj['author_company']) {
li += "<span class='author_company'>"+post_obj['author_company']+"</span>";
}
if(post_obj['date']) {
li += "<span class='published'>"+window.POST_LIST_LABELS.published+" "+post_obj['date']+"</span>";
}
li += "<span class='anchor-dots'></span>";
li += "</div></li>";
}
mobile_article_list.push(li);
if(side_index % 2 == 0 || side_index == 0) {
if(side_alternate == 0 || side_alternate % 2 == 0) {
sides.left.push(li);
} else {
sides.right.push(li);
}
} else {
if(side_alternate == 0 || side_alternate % 2 == 0) {
sides.right.push(li);
} else {
sides.left.push(li);
}
}
return li;
}
function rearrangeForMobile() {
}
function loadPostSegment(block, segment, append, limit) {
const categories = jQuery(block).data('categories');
if(append) {
jQuery('.post-list-load-more').addClass('loading');
}
var lang = document.documentElement.lang;
if(lang == 'fr-FR') {
lang = "&lang=fr"
} else {
lang = "&lang=en"
}
var limit_q = "";
if(limit) {
limit_q = "&limit="+limit;
}
jQuery.get('/wp-json/v1/post_list?segment='+segment+'&categories='+categories+lang+limit_q, function(result) {
var posts = result['posts'],
last_index = result['last_index'];
var pattern = jQuery(block).data('pattern');
window.POST_LIST_LABELS = {};
window.POST_LIST_LABELS.published = jQuery(block).data('published');
var pattern_idx = 0,
side_index = 0,
reset_side_from_large = 0,
side_alternate = 1;
if(jQuery(block).data('pattern_idx')) {
pattern_idx = jQuery(block).data('pattern_idx');
}
if(jQuery(block).data('side_index')) {
side_index = jQuery(block).data('side_index');
}
if(jQuery(block).data('reset_side_from_large')) {
reset_side_from_large = jQuery(block).data('reset_side_from_large');
}
if(jQuery(block).data('side_alternate')) {
side_alternate = jQuery(block).data('side_alternate');
}
var sides = {left:[],right:[]};
posts.map((obj) => {
if(pattern == 3) {
postItem(obj, 1, sides, side_index);
} else if(pattern == 2) {
if(pattern_idx == 0) {
postItem(obj, 2, sides, 0, 0);
reset_side_from_large = 3;
} else {
if(reset_side_from_large > 0) {
postItem(obj, 1, sides, 1, 0);
--reset_side_from_large
} else {
postItem(obj, 1, sides, 1);
++reset_side_from_large;
}
}
} else if(pattern == 1) {
if(pattern_idx == 0 || pattern_idx % 4 == 0) {
postItem(obj, 2, sides, 0, side_alternate);
reset_side_from_large = 3;
} else {
if(reset_side_from_large > 0) {
postItem(obj, 1, sides, 1, side_alternate);
--reset_side_from_large
if(reset_side_from_large == 0) {
++side_alternate;//after completion of a 3rd small after a large flip to the alternate sides
}
} else {
postItem(obj, 1, sides, side_index, side_alternate);
}
}
}
++side_index;
++pattern_idx;
});
jQuery(block).data('pattern_idx', pattern_idx);
jQuery(block).data('side_index', side_index);
jQuery(block).data('reset_side_from_large', reset_side_from_large);
jQuery(block).data('side_alternate', side_alternate);
if(append) {
jQuery(block).find('.post-list-left-col').append("<ul>"+sides.left.join('')+"</ul>");
jQuery(block).find('.post-list-right-col').append("<ul>"+sides.right.join('')+"</ul>");
} else {
jQuery(block).find('.post-list-left-col').html("<ul>"+sides.left.join('')+"</ul>");
jQuery(block).find('.post-list-right-col').html("<ul>"+sides.right.join('')+"</ul>");
}
jQuery('.mobile-article-list').html("<ul>"+mobile_article_list.join('')+"</ul>")
if(last_index) {
jQuery('.post-list-load-more').css('display', 'none');
}
}).always(function () {
jQuery('.post-list-load-more').removeClass('loading');
});
}
jQuery(function($) {
$('.related-load-more').on('click', function(e) {
e.preventDefault();
var segment = $(this).data('segment');
var that = this;
$(that).addClass('loading');
setTimeout(function() {
$(that).parents('.related').find('.related-block.hidden[data-related-segment="'+segment+'"]').removeClass('hidden');
$(that).data('segment', segment + 1);
$(that).removeClass('loading');
if($(that).parents('.related').find('.related-block.hidden[data-related-segment="'+(segment+1)+'"]').length == 0) {
$(that).remove();
}
}, 500);
});
$('.news-and-stories-block').each(function() {
var no_load = $(this).data('no-load'),
limit = $(this).data('static-limit');
if(no_load) {
loadPostSegment(this, "all", null, limit);
} else {
loadPostSegment(this, 0);
}
$(this).find('.post-list-load-more').on('click', function() {
var segment = $(this).data('segment');
loadPostSegment($(this).parents('.news-and-stories-block'), segment, true);
$(this).data('segment', ++segment);
});
});
});
\ No newline at end of file
......@@ -10,6 +10,7 @@ import "./_header_menu";
import "./_side_menu";
import "./_image_captionation";
import "./_carousels";
import "./_post-list-load-more";
......@@ -36,14 +37,14 @@ window.tz_checkVisible = function(elm, evalType , offset, heightBuffer) {
jQuery(document).ready(function($) {
var itemToWatch = document.querySelector('.gt_options');
// var itemToWatch = document.querySelector('.gt_options');
onClassChange(itemToWatch, (node) => {
node.classList.contains('gt-open')
? $('#pojo-a11y-toolbar').removeClass('pojo-a11y-toolbar-open')
: console.log('class removed');
// onClassChange(itemToWatch, (node) => {
// node.classList.contains('gt-open')
// ? $('#pojo-a11y-toolbar').removeClass('pojo-a11y-toolbar-open')
// : console.log('class removed');
});
// });
......
......@@ -5,6 +5,9 @@ body{
position: fixed !important;
z-index: 99999 !important;
}
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl{
max-width: 1067px !important;
}
@import "mega_menu";
@import "menu";
......@@ -26,3 +29,4 @@ body{
@import "pojo_a11";
@import "text_size_increased";
@import "relevant_resources";
@import "post_list_load_more";
......
......@@ -74,6 +74,7 @@ p{
text-decoration: underline;
}
}
ul:not(.side-menu):not(.children){
padding-left: 2rem;
li{
......@@ -103,6 +104,15 @@ ol{
}
}
.post-list-right-col ul,
.post-list-left-col ul{
padding-left: 0rem !important;
li{
margin-top: 0rem !important
}
}
.wp-block-pullquote{
padding: 2em 0;
......
......@@ -2,7 +2,7 @@
position: relative;
height: 100%;
overflow: hidden;
min-height: 37.5rem;
min-height: 480px;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
......@@ -14,14 +14,15 @@
h1{
color: #fff;
margin: auto;
text-align: center;
display: flex;
font-size: 2rem;
line-height:2.25rem ;
margin-bottom: 2.5rem;
font-size: 50px;
line-height:55px ;
margin-bottom: 20px;
width: 100%;
max-width: 1068px;
max-width: 550px;
font-weight: bold;
text-align: left;
margin-left: 0px;
@media only screen and (max-width: 48.875rem) {
font-size: 1.125rem;
line-height:1.375rem ;
......@@ -37,6 +38,15 @@
height: 90%;
max-height: 37.5rem;
justify-content: center;
background: transparent linear-gradient(180deg, #1A181800 0%, #000000 100%) 0% 0% no-repeat padding-box;
p{
color: #fff;
font-size: 22px;
line-height: 28px;
text-align: left;
max-width: 550px;
margin-bottom: 44px;
}
.fx-style{
display: flex;
flex-direction: column;
......
.wpml-ls-statics-shortcode_actions.wpml-ls.wpml-ls-legacy-list-horizontal{
position: absolute;
right: 20px;
top: 3px;
top: 15px;
a{
color: #000;
font-weight: bold;
......@@ -11,3 +11,7 @@
color: #699!important;
}
}
.admin-bar .wpml-ls-statics-shortcode_actions.wpml-ls.wpml-ls-legacy-list-horizontal{
top: 3px;
}
\ No newline at end of file
......
.site-title{
font-size: 2.1875rem;
line-height: 3.125rem;
font-size: 26px;
line-height: 36px;
font-family: "PT Sans",sans-serif;
letter-spacing: 0rem;
color: #000000;
......@@ -25,8 +25,8 @@
position: relative;
.navbar-brand{
margin-right:0px ;
width: 150px;
height: 70px;
width: 127px;
height: 53px;
// display: inline-block;
@media only screen and (max-width: 48.875rem) {
margin-right:20px ;
......@@ -76,7 +76,7 @@
}
}
.site{
margin-top: 10.625rem;
margin-top: 8.7rem;
max-width: 100%;
overflow-x: hidden;
@media only screen and (max-width: 62.5rem) {
......
@media only screen and (min-width: 62.5rem) {
#main-nav{
padding-bottom: 1px;
}
#mega-menu-wrap-primary{
width: 100%;
}
......@@ -14,13 +16,14 @@
width: 19%;
color:#fff;
background-color: #EE0000;
border-radius: 1.25rem;
border-radius: 20px;
text-align: center;
height: 2.5rem;
height: 32px;
margin-top: 0rem;
font-size: 1.125rem;
position: relative;
font-family: "PT Sans",sans-serif;
box-shadow: 0px 3px 6px #0000003D;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link{
......@@ -28,8 +31,9 @@
text-align: center;
font-family: "PT Sans",sans-serif;
font-weight: bold !important;
font-size: 1.125rem;
height: 2.5rem;
font-size: 14px;
height: 32px;
line-height: 31px;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-menu-item-has-children > a.mega-menu-link:before{
......@@ -39,8 +43,8 @@
position: absolute;
background-size: contain;
background-repeat: no-repeat;
margin-left: -1.875rem;
margin-top: 0.9375rem;
margin-left: -20px;
margin-top: 12px;
display: inline-block;
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12.742" height="7.726" viewBox="0 0 12.742 7.726"><path id="Path_1491" data-name="Path 1491" d="M6.383,4.709c.442-.447.875-.89,1.313-1.328Q9.274,1.8,10.855.231a.708.708,0,0,1,1.047,0c.2.206.405.407.608.61a.694.694,0,0,1,0,1.038L9.667,4.721,6.913,7.48a.768.768,0,0,1-.515.246.734.734,0,0,1-.567-.245Q4.769,6.415,3.706,5.349L.812,2.454c-.2-.2-.395-.393-.591-.591A.69.69,0,0,1,.228.844l.6-.6a.708.708,0,0,1,1.062,0L4.456,2.792,6.311,4.64Z" transform="translate(0 0)" fill="%23fff"/></svg>');
}
......@@ -50,17 +54,17 @@
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-toggle-on > a.mega-menu-link{
background-color: #669999;
border-radius: 1.25rem 1.25rem 0rem 0rem;
height: 3.75rem;
border-radius: 16px 16px 0rem 0rem;
height: 60px;
margin-top: 0rem;
margin-bottom: -1.25rem;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu{
margin-top: 1.0625rem;
margin-top: 3px;
padding: 1.25rem 1.75rem 1.25rem 1.25rem;
background-color: #f0f0f0;
border-radius: 0rem 0rem 1.25rem 1.25rem;
border-radius: 20px;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu:nth-child(2) > ul.mega-sub-menu{
......@@ -98,7 +102,7 @@
color:#000;
text-decoration: none;
white-space: break-spaces;
font-size: 1.125rem;
font-size: 18px;
font-weight: 400;
font-family: "PT Sans",sans-serif;
font-weight:bold
......@@ -113,14 +117,14 @@
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.break-here > a.mega-menu-link {
font-size:1.25rem;
font-size:18px;
font-family: "PT Sans",sans-serif;
}
#mega-menu-wrap-primary #mega-menu-primary a.mega-menu-link .mega-description-group .mega-menu-description{
font-style: normal;
font-size: 1rem;
line-height: 1.25rem;
font-size: 16px;
line-height: 21px;
font-family: "PT Sans",sans-serif;
}
.list-wrapper2,
......
.news-and-stories-block {
display: flex;
flex-direction: row-reverse;
flex-wrap: wrap;
justify-content: center;
margin:2.25rem 0;
.post-list-left-col {
flex-basis: 50%;
display: flex;
flex-direction: column;
gap: 1.563rem;
}
.post-list-right-col {
flex-basis: 50%;
display: flex;
flex-direction: column;
gap: 1.563rem;
}
ul {
display: flex;
flex-direction: column;
flex-wrap: wrap;
list-style: none;
padding:0;
margin:0;
gap: 24px;
.article-card {
min-height: 117px;
// max-height: 8.438rem;
& > a {
display: flex;
height:100%;
text-decoration: none;
}
&.lg {
min-height: 30.438rem;
max-height: 30.438rem;
.scale-wrapper {
min-height: 291px;
max-height: 291px;
overflow: hidden;
}
img {
height: 100%;
width: 100%;
object-fit: cover;
}
a {
gap:0;
}
}
&.sm {
.content {
padding-bottom:0; //not sure why this was 1rem
line-height: 1.125rem;
}
}
img {
transition: transform .3s;
}
&:hover {
a {
color: #699;
text-decoration: underline;
}
img {
transform: scale(1.05);
opacity: 0.8;
}
}
}
}
}
.article-card {
max-width: 31.875rem;
min-width: 31.875rem;
min-height: 8.438rem;
a {
color:white;
gap: 1.625rem;
&:hover {
p {
text-decoration: underline;
font-size: 18px;
line-height: 23px;
}
.anchor-dots {
background-image: url(../img/more-hover.svg);
background-repeat: no-repeat;
}
}
}
&.lg {
a {
flex-direction: column;
}
.content {
min-height: 8.25rem;
padding-top:1rem;
font-size: 22px;
line-height: 28px;
}
}
//See homepage recent news & stories.. the titles are black
.content {
color:#4D4D4D;
font-weight: normal;
position: relative;
font-family: "PT Sans",sans-serif;
& > * {
margin:0;
display: inline;
}
p:first-child {
display: inline-block;
color:#000000;
font-weight: bold;
margin:0;
font-size: 1.25rem;
margin-bottom:0.313rem;
line-height: 1.563rem !important;
max-height: 5rem;
overflow: hidden;
width: 100%;
}
.author-name, .author-title, .author_company, .published {
font-size:0.875rem;
line-height: 1.125rem;
border:0;
font-weight: normal;
display: inline-block;
text-decoration: none !important;
}
.author-name {
font-size:0.875rem;
line-height: 1.125rem;
font-weight: bold;
}
.author_company {
font-size:0.875rem;
line-height: 1.125rem;
display: block;
text-decoration: none !important;
}
.author-title {
margin-left:0.2rem;
}
}
.anchor-dots {
background-image: url(../img/more.svg);
background-repeat: no-repeat;
display: inline-block;
height: 0.625rem;
width: 100%;
margin-top:0.938rem;
}
.image {
flex-basis: 40%;
min-width: 214px;
max-width: 214px;
min-height: 117px;
max-height: 117px;
object-fit: cover;
overflow: hidden;
img {
object-fit: cover;
height: 100%;
width:100%;
}
}
}
.post-list-load-more {
margin-top:2.188rem;
font-family: "PT Sans",sans-serif; font-weight:bold;;
font-size: 1rem;
padding:1.25rem 2.031rem;
span {
color:white;
}
.spinner-border {
display: none;
}
&.loading {
.spinner-border {
display: inline-block;
}
.loaded-text {
display: none;
}
}
}
.mobile-article-list {
display: none;
}
\ No newline at end of file