Testing - Bugasura Blog

Testing

2023
2022
2021
2020
1 2

Trending

// Trending Widget - START
	var inter100 = setInterval(function(){
		if ( jQuery(".trending_widget_container").length > 0 ) {
			clearInterval(inter100);
			var widgetWidth = 0;
			var inter101 = setInterval(function(){
				if ( jQuery(".trending_widget_container li").length > 0 ) {
					clearInterval(inter101);
					var containerWidth = jQuery(".trending_widget_container").width();
					jQuery(".trending_widget_container").append("<div class='trending_widget'></div><span class='slider-prev'></span><span class='slider-next'></span>");
					jQuery(".trending_widget").append(jQuery(".trending_widget_container ul"));
					jQuery(".trending_widget li").each(function(){
						widgetWidth += 375;
						var category = jQuery(this).find(".wpp-category").html(jQuery(this).find(".wpp-category a"));
						category.insertBefore(jQuery(this).find(".wpp-post-title"));
						var postTitle = "<span>"+jQuery(this).find(".wpp-post-title").text()+"</span>";
						jQuery(this).find(".wpp-post-title").html(postTitle);
						var author = jQuery(this).find(".wpp-author").html(jQuery(this).find(".wpp-author a"));
						jQuery(this).find(".wpp-meta").append(author);
						var timestamp = jQuery(this).find(".wpp-date").html().split("posted on ")[1].split(" ");
						timestamp[0] = timestamp[0].substring(0,3);
						timestamp = timestamp.join(" ");
						jQuery(this).find(".wpp-date").html(timestamp);
						jQuery(this).find(".wpp-meta").html(jQuery(this).find(".wpp-date").html()+" | "+author.html());
					});

					if ( widgetWidth > containerWidth ) {
						jQuery(".trending_widget_container .slider-next").show();
						jQuery(".trending_widget ul").css("width",widgetWidth);
						sliderNextListener(jQuery(".trending_widget_container .slider-next"));
					}

					jQuery(".trending_widget_container h2").addClass("trending_widget_title");
					jQuery(".trending_widget_container h2").insertBefore(".trending_widget");

				}
			}, 200);
		}
	}, 500);
	function sliderNextListener(obj) {
		jQuery(obj).click(function() {
			var parent = jQuery(obj).parent();
			jQuery(parent).find(".slider-prev").show();
			sliderPrevListener(jQuery(parent).find(".slider-prev"));
			var newPosition = jQuery(parent).find("> div")[0]['scrollLeft'] + 375;
			jQuery(parent).find("> div").animate({
				scrollLeft: newPosition
			}, 'fast','swing',function(){
				var widget = jQuery(parent).find("> div");
				if ( widget.get(0).scrollWidth-widget.scrollLeft()==widget.outerWidth() )
					jQuery(parent).find(".slider-next").hide();
			});
		});
	}
	function sliderPrevListener(obj) {
		jQuery(obj).unbind("click").click(function(){
			var parent = jQuery(obj).parent();
			jQuery(parent).find(".slider-next").show();
			var newPosition = jQuery(parent).find("> div")[0]['scrollLeft'] - 375;
			jQuery(parent).find("> div").animate({
				scrollLeft: newPosition
			}, 'fast','swing',function(){
				var widget = jQuery(parent).find("> div");
				if ( widget.get(0).scrollLeft == 0 )
					jQuery(parent).find(".slider-prev").hide();
			});
		});
	}
// Trending Widget - END

	jQuery(".category_slider_widget > .pld-minimal-list > ul > li.pld-list > .pld-list-image-bg").each(function(){
		var imageSrc = jQuery(this).find("img").attr("src");
		imageSrc = imageSrc.split("?resize=")[0] + "?resize=472,318&ssl=1";
		jQuery(this).css("background-image", "url("+imageSrc+")");
	});
	jQuery(".category_slider_widget > .pld-minimal-list > ul > li.pld-list > .pld-post-meta").each(function(){
		jQuery(this).parent().find(".pld-post-content").insertBefore(this);
	});

	// Apply next & previous action to all cateogry slider widgets
	jQuery(".category_slider_widget").each(function(){
		var containerWidth = jQuery(this).width();
		var widgetWidth = 0;

		jQuery(this).find(".pld-minimal-list > ul > li.pld-list").each(function(){
			widgetWidth += 375;
			var author = jQuery(this).find(".pld-post-meta > span:first-child").html().split("By ")[1];
			var timestamp = jQuery(this).find(".pld-post-meta > span:last-child").html().split(" ");
			timestamp[0] = timestamp[0].substring(0,3);
			timestamp = timestamp.join(" ");
			jQuery(this).find(".pld-post-meta").html(timestamp+" | <b>"+author+"</b>");
		});

		if ( widgetWidth > containerWidth ) {
			jQuery(this).find(".pld-minimal-list > ul").css("width",widgetWidth);
			jQuery(this).find(".slider-next").show();
			sliderNextListener(jQuery(this).find(".slider-next"));
		}
	});
<p><br></p>
<div class="flat-line"></div>
<p><br></p>

<div class="category_slider_widget"><h2 class="category_slider_widget_title"><img src="https://bugasura.io/blog/wp-content/uploads/2022/03/expert_insight2.png">Experts Insights</h2>[pld_simple_list limit="10" category="9" list_style ="ul" show_content="true" show_author="true" show_date="true" show_category_name="false" show_image="true" pagination="false"]<span class="slider-prev"></span><span class="slider-next"></span></div>

<div class="category_slider_widget"><h2 class="category_slider_widget_title"><img src="https://bugasura.io/blog/wp-content/uploads/2022/03/mobile_app_testing2.png">Mobile App Testing</h2>[pld_simple_list limit="10" category="121" list_style ="ul" show_content="true" show_author="true" show_date="true" show_category_name="false" show_image="true" pagination="false"]<span class="slider-prev"></span><span class="slider-next"></span></div>

<div class="category_slider_widget"><h2 class="category_slider_widget_title"><img src="https://bugasura.io/blog/wp-content/uploads/2022/03/test_management2.png">Test Management</h2>[pld_simple_list limit="10" category="6" list_style ="ul" show_content="true" show_author="true" show_date="true" show_category_name="false" show_image="true" pagination="false"]<span class="slider-prev"></span><span class="slider-next"></span></div>

<div class="category_slider_widget"><h2 class="category_slider_widget_title"><img src="https://bugasura.io/blog/wp-content/uploads/2022/03/updatesevents2.png">Updates &amp; Events</h2>[pld_simple_list limit="10" category="10" list_style ="ul" show_content="true" show_author="true" show_date="true" show_category_name="false" show_image="true" pagination="false"]<span class="slider-prev"></span><span class="slider-next"></span></div>

<div class="category_slider_widget"><h2 class="category_slider_widget_title"><img src="https://bugasura.io/blog/wp-content/uploads/2022/03/user_interviews2.png">User Interviews</h2>[pld_simple_list limit="10" category="41" list_style ="ul" show_content="true" show_author="true" show_date="true" show_category_name="false" show_image="true" pagination="false"]<span class="slider-prev"></span><span class="slider-next"></span></div>

<div class="category_slider_widget"><h2 class="category_slider_widget_title"><img src="https://bugasura.io/blog/wp-content/uploads/2022/03/web_app_testing2.png">Web App Testing</h2>[pld_simple_list limit="10" category="5" list_style ="ul" show_content="true" show_author="true" show_date="true" show_category_name="false" show_image="true" pagination="false"]<span class="slider-prev"></span><span class="slider-next"></span></div>

<div class="newsletter-form">[email-subscribers-form id="2"]</div>
.trending_widget_container {
    position: relative;
}
.trending_widget {
    overflow-x: hidden;
    overflow-y: hidden;
    padding-top: 15px;
}
.trending_widget_container .slider-prev, .trending_widget_container .slider-next,
.category_slider_widget .slider-prev, .category_slider_widget .slider-next {
    display: none;
    width: 90px;
    height: 90px;
    background: url('https://bugasura.io/blog/wp-content/uploads/2022/02/next-3x.png') no-repeat;
    background-size: contain;
    background-position: center;
    position: absolute;
    bottom: 40px;
    cursor: pointer;
}
.trending_widget_container .slider-next, .category_slider_widget .slider-next {
    right: 50px;
}
.trending_widget_container .slider-prev, .category_slider_widget .slider-prev {
    left: 50px;
    transform: rotate(-180deg);
    bottom: 47px;
}
.trending_widget_title {
    font-size: 40px !important;
    font-weight: 700 !important;
    font-family: Noticia Text;
    margin-bottom: 0.50em !important;
}
.trending_widget ul {
    list-style-type: none;
    height: 460px;
    width: 5000px;
    padding-left: 0;
}
.trending_widget li:hover {
    border-radius: 50px;
    transform: translateY(-15px);
}
.trending_widget li > a:first-child {
    position: relative;
    margin: 20px;
}
.trending_widget li .wpp-thumbnail {
    height: 212px;
    border-radius: 100px 3px;
}
.trending_widget li .wpp-post-title > span {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* hidden since shadow removed for the image */
.trending_widget li > a:first-child::before {
    display: none;
    background: linear-gradient(358.11deg, rgba(0, 0, 0, 0.66) 20.54%, rgba(46, 46, 46, 0.46) 56.04%, rgba(196, 196, 196, 0) 108.19%);
    content: "";
    position: absolute;
    width: 100%;
    height: 212px;
    z-index: 100;
    border-radius: 100px 3px;
}
.trending_widget li .wpp-category {
    padding: 0px 20px 5px;
}
.trending_widget li .wpp-category a {
    color: #515151;
    font-family: 'Lato';
    font-size: 15px;
    font-weight: 500;
}
.trending_widget li .wpp-meta {
    padding: 20px;
    color: #515151;
    font-family: 'Lato';
    font-size: 14px;
    font-weight: 500;
    text-transform: capitalize;
    position: absolute;
    bottom: 0;
    width: 100%;
}
.trending_widget li .wpp-meta a {
    color: #000000;
    font-weight: 600;
}
.category_post_widget_container > .category_post_widget:not(:first-child) {
    padding-right: 10px !important;
    padding-left: 10px !important;
}
.category_post_widget_container > .category_post_widget:last-child {
    padding-right: 0px !important;
}
.category_post_widget_container > .category_post_widget:first-child {
    padding-left: 0px !important;
    padding-right: 10px !important;
}
.category_post_widget .pld-minimal-list ul.pld-minimal-list-inr {
    list-style-type: none;
    padding: 0px !important;
}
.category_post_widget .pld-minimal-list-inr .pld-list:not(:first-child) {
    border-bottom: 1px solid #C4C4C4;
}
.category_post_widget .pld-minimal-list-inr .pld-list .pld-list-image-bg, .category_post_widget .pld-minimal-list-inr .pld-list .pld-post-meta {
    display: none;
}
.category_post_widget .pld-minimal-list-inr .pld-list:nth-child(n+5) {
    display: none;
}	
.category_post_widget .pld-minimal-list-inr .pld-list:first-child .pld-list-image-bg, .category_post_widget .pld-minimal-list-inr .pld-list:first-child .pld-post-meta {
    display: initial;
}
.category_post_widget .pld-minimal-list-inr .pld-list .pld-list-image-bg a {
    display: inline-block;
    height: 300px;
    width: 100%;
    overflow: hidden;		
    position: relative;
    border-radius: 4px;
}
.category_post_widget .pld-minimal-list-inr .pld-list .pld-list-image-bg a::before {
    background: linear-gradient(180deg, rgba(196, 196, 196, 0) 0%, rgba(53, 53, 53, 0.619613) 47.98%, rgba(0, 0, 0, 0.85) 79.78%);
    content: "";
    position: absolute;
    width: 100%;
    height: 300px;
}
.category_post_widget .pld-minimal-list-inr .pld-list .pld-list-image-bg img {
    width: 100%;
}
.category_post_widget .pld-minimal-list-inr .pld-list > a {
    font-family: Noticia Text;
    font-size: 28px;
    font-weight: 800;
    color: #000;
    line-height: 70px;
}

.category_post_widget .pld-minimal-list-inr .pld-list:first-child .pld-post-meta {
    position: absolute;
    top: 330px;
    display: block;
    z-index: 351;
    font-family: 'Lato';
    font-size: 15px;
    font-weight: 800;
    color: #5993FF;
    width: 100%;
    margin-left: 20px;
}
.category_post_widget .pld-minimal-list-inr .pld-list:first-child .pld-list-title {
    position: absolute;
    top: 250px;
    z-index: 350;
    width: 100%;
    height: 74px;
    overflow: hidden;
    padding: 0 20px;
    display: flex;
}
.category_post_widget .pld-minimal-list-inr .pld-list:first-child .pld-list-title a {
    font-family: Noticia Text;
    font-size: 22px;
    font-weight: 600;
    color: #fff;
    text-decoration: none;
    align-self: flex-end;
}
.category_post_widget .pld-minimal-list-inr .pld-list:first-child .pld-post-meta span::after {
    content: "|";
    margin-left: 2.5px;
}
.category_post_widget .pld-minimal-list-inr > .pld-list:not(:first-child) .pld-list-title {
    /* height: 86px; */
    padding: 12px 14px;
    position: relative;
}
.category_post_widget .pld-minimal-list-inr > .pld-list:not(:first-child) .pld-list-title::before {
    content: url(https://bugasura.io/blog/wp-content/uploads/2022/02/Polygon-26.png);
    position: absolute;
    left: 0;
    top: 14px;
}
.category_post_widget .pld-minimal-list-inr > .pld-list:not(:first-child) .pld-list-title a {
    font-family: 'Lato';
    font-size: 17px;
    font-weight: 500;
    color: #000;
}
.category_post_widget .pld-minimal-list-inr .read-more-link {
    font-family: 'Lato';
    font-size: 17px;
    font-weight: 800;
    color: #003AA5;
    padding-top: 20px;
}
.category_slider_widget > .pld-minimal-list > ul {
	height: auto;
	display: inline-block;
}
.category_slider_widget {
    position: relative;
}
.category_slider_widget .category_slider_widget_title {
    font-size: 40px !important;
    font-weight: 700 !important;
    font-family: HKG;
}
.category_slider_widget .category_slider_widget_title img {
    width: 40px;
    margin-right: 20px;
    filter: hue-rotate(340deg);
}
.category_slider_widget > .pld-minimal-list {
    overflow-x: hidden;
    overflow-y: hidden;
    padding-top: 15px;
}
.category_slider_widget > .pld-minimal-list > ul {
    list-style-type: none;
    height: 460px;
    width: 5000px;
    padding-left: 0 !important;
}
.category_slider_widget > .pld-minimal-list > ul > li.pld-list, .trending_widget li {
    width: 355px;
    max-height: 485px;
    height: 485px;
    float: left;
    display: flex;
    flex-direction: column;
    clear: none;
    border-radius: 3px;
    margin-right: 20px !important;
    background: #E7F3FF;
    margin-bottom: 1rem !important;
    transition: all 1s;
}
.category_slider_widget > .pld-minimal-list > ul > li.pld-list:hover {
    border-radius: 50px;
    transform: translateY(-15px);
}
.category_slider_widget > .pld-minimal-list > ul > li.pld-list > .pld-list-image-bg {
    width: 315px;
    height: 212px;
    overflow: hidden;
    margin: 20px;
    border-radius: 100px 3px;
    max-width: 100%;
    background-size: 315px;
    background-repeat: no-repeat;
    background-position: contain;
}
.category_slider_widget > .pld-minimal-list > ul > li.pld-list > .pld-list-image-bg img {
    display: none;
}
.category_slider_widget > .pld-minimal-list > ul > li.pld-list > .pld-list-title, .trending_widget li .wpp-post-title {
    font-family: 'HKG';
    font-size: 1.7rem;
    font-weight: 700;
    text-align: left;
    color: #000;
    padding: 0 20px;
    line-height: 1.25;
    margin-bottom: 10px;
}
.category_slider_widget > .pld-minimal-list > ul > li.pld-list > .pld-list-title > a {
    text-decoration: none;
    color: inherit;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.category_slider_widget > .pld-minimal-list > ul > li.pld-list > .pld-post-meta {
    padding: 20px;
    color: #515151;
    font-family: 'Lato';
    font-size: 14px;
    font-weight: 500;
    text-transform: capitalize;
    position: absolute;
    bottom: 0;
    width: 100%;
}
.category_slider_widget > .pld-minimal-list > ul > li.pld-list > .pld-post-content, .trending_widget li .wpp-excerpt {
    font-family: 'Lato';
    font-size: 1rem;
    font-weight: 400;
    padding: 0 20px;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: -8px;
}
.category_slider_widget > .pld-minimal-list > ul > li.pld-list > .pld-list-title > a, .trending_widget li .wpp-post-title > span {
	display: block;
	-webkit-line-clamp: initial;
	overflow: visible;
}
.category_slider_widget > .pld-minimal-list > ul > li.pld-list > .pld-post-meta, .trending_widget li .wpp-meta {
	position: relative;
}
@media only screen and (max-width: 767px) {
	.category_slider_widget .category_slider_widget_title, .trending_widget_container .trending_widget_title {
		color: black;
		font-size: 25px !important;
		margin-top: 0em;
		margin-bottom: 5px !important;
	}
	.category_slider_widget .category_slider_widget_title img {
		width: 35px;
		margin-right: 15px;
		margin-top: -10px;
	}
	.category_slider_widget > .pld-minimal-list > ul > li.pld-list > .pld-list-image-bg, .trending_widget li .wpp-thumbnail {
		display: none;
	}
	.category_slider_widget > .pld-minimal-list > ul > li.pld-list > .pld-list-title {
    	margin-top: 30px;
	}
	.category_slider_widget > .pld-minimal-list > ul > li.pld-list, .trending_widget li, .trending_widget ul {
    	height: 300px;
	}
	.category_slider_widget > .pld-minimal-list > ul > li.pld-list > .pld-post-content {
		margin-bottom: 20px;
	}
	.trending_widget_container .slider-prev, .category_slider_widget .slider-prev {
		left: 0;
	}
	.trending_widget_container .slider-next, .category_slider_widget .slider-next {
		right: 0px;
	}
	.category_slider_widget > .pld-minimal-list > ul {
		padding-bottom: 0 !important;
		position: relative;
	}
	.trending_widget li > a:first-child {
    	display: none;
	}
	.trending_widget li .wpp-category {
		margin-top: 20px;
	}
	.trending_widget_container .slider-prev, .trending_widget_container .slider-next, .category_slider_widget .slider-prev, .category_slider_widget .slider-next {
		width: 70px;
		height: 70px;
		opacity: .8;
	}
	.trending_widget li .wpp-meta {
		padding-top: 30px;
	}
}
	// Horizontal Widget - START
	jQuery(".horizontal_widget li").each(function(){
		// Move read time
		jQuery(this).find(".rt-reading-time").insertAfter(jQuery(this).find("time"));
		
		// Trim Excerpt
    	var excerpt = jQuery(this).find(".wp-block-latest-posts__post-excerpt").text().substring(0,150)+"...";
	    jQuery(this).find(".wp-block-latest-posts__post-excerpt").html(excerpt);

		var experptBlock = jQuery(this).find(".wp-block-latest-posts__post-excerpt");
		// Move Time, Author name to bottom
		var author = jQuery(this).find(".wp-block-latest-posts__post-author").text().split("by ")[1];
		jQuery(this).find(".wp-block-latest-posts__post-author").text(author);
		var creationDt = jQuery(this).find("time").text().split(" ");
		creationDt[0] = creationDt[0].substring(0,3);
		jQuery(this).find("time").text(creationDt.join(" "));
		jQuery("<div class='article_details col-md-8'></div>").insertAfter(jQuery(this).find(".wp-block-latest-posts__featured-image"));
		jQuery(this).find(".wp-block-latest-posts__featured-image").addClass("col-md-4");
		var imageSrc = jQuery(this).find(".wp-block-latest-posts__featured-image > a > img").attr("src");
		dimension = imageSrc.split("?fit=");
		var url = dimension[0];
		var dimension = dimension[1].split("%2C");
		var width = dimension[0] + (dimension[0] * 0.5);
		var height = dimension[1].split("&")[0];
		height += (height * 0.5 );
		jQuery(this).find(".wp-block-latest-posts__featured-image > a").css("background-image","url("+url+"?fit="+width+","+height+"&ssl=1)");
		jQuery(this).find(".article_details").append(jQuery(this).find("> a"));
		jQuery(this).css("opacity", "1");
	});
	// Horizontal Widget - END