Flat Preloader Icon
<div class="c-preloader">
	<div class="c-preloader__count"></div>
  <div class="c-preloader__progress"></div>
</div>
.bricks-is-frontend .c-preloader {
  position: fixed;
  top: 0;
  left: 0;
  background: #cc0000;
  width: 100%;
  height: 100vh;
  z-index: 10;
}
.bricks-is-frontend .c-preloader__count {
  color: white;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
font-size: clamp(4rem, 3.824vw + 2.776rem, 8rem);
  font-weight: 100;
  letter-spacing: -.5rem;
  z-index: 10;
}
.bricks-is-frontend .c-preloader__progress {
  background: black;
  height: 100%;
  width: 0%;
  position: absolute;
  top: 0;
  left: 0;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/2.1.3/TweenMax.min.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.imagesloaded/4.1.4/imagesloaded.pkgd.min.js"></script>

<script>
  
var imgLoad = imagesLoaded('img');

var progressBar = jQuery(".c-preloader__progress"),
    count = jQuery(".c-preloader__count"),
    images = jQuery("img").length,
    loadedCount = 0,
    loadingProgress = 0;
 
var tlProgress = new TimelineMax({
    paused: true,
    onUpdate: countPercent,
    onComplete: loadComplete
});

tlProgress.to(progressBar, 1, {width:"100%"});

imgLoad.on('progress', function(instance, image) {
    loadProgress();
});
 
function loadProgress() {
    loadedCount++;
    loadingProgress = (loadedCount / images);
    console.log(loadingProgress);

    TweenMax.to(tlProgress, 1, {progress: loadingProgress});
}

function countPercent() {
    var newPercent = (tlProgress.progress() * 100).toFixed();
    count.text(newPercent + "%");
}

function loadComplete() {
    var tlEnd = new TimelineMax();
    tlEnd
        .to(count, 0.5, {autoAlpha: 0})
        .to(".c-preloader", 0.5, {scaleX: 0, transformOrigin: "center right"});
}

</script>
/* Default state: transparent background */
#brx-header.sticky {
  position: sticky;
  top: 0;
  transition: opacity 0.5s ease, background-color 0.5s ease;
  opacity: 1;
  visibility: visible;
  background-color: transparent !important; /* Start with transparent background */
}

/* Hidden state when scrolling down */
#brx-header.sticky.nav-hidden {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  background-color: transparent !important; /* Stay transparent when hidden */
}

/* Visible state when scrolling up: background becomes black */
#brx-header.sticky.nav-visible {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  background-color: rgba(0, 0, 0, 0.5) !important; /* Background becomes black when scrolling up */
}
document.addEventListener('DOMContentLoaded', function () {
  let lastScrollTop = 0;
  const nav = document.querySelector('#brx-header.sticky'); // Ensure this targets the correct header element
  let hasScrolledDown = false; // Track if the user has scrolled down

  // Listen for the scroll event on the window
  window.addEventListener('scroll', function () {
    let scrollTop = window.pageYOffset || document.documentElement.scrollTop;

    console.log('Scroll position:', scrollTop); // Check scroll position in console

    if (scrollTop > lastScrollTop) {
      // User is scrolling down
      console.log('Scrolling down');
      nav.classList.remove('nav-visible');
      nav.classList.add('nav-hidden');
      hasScrolledDown = true; // User has scrolled down
    } else if (scrollTop < lastScrollTop && hasScrolledDown) {
      // User is scrolling up and has already scrolled down
      console.log('Scrolling up');
      nav.classList.remove('nav-hidden');
      nav.classList.add('nav-visible');
    }

    // Update the last scroll position
    lastScrollTop = scrollTop;
  });
});

Janaki Yadav: Restoring Dignity and Hope

Janaki Yadav, a 35-year-old woman from Banke District, Nepal, endured a lifetime of hardship due to early marriage, societal expectations, and a debilitating fistula, but after receiving life-changing surgery at the INF Surkhet Fistula Centre, she regained her health, dignity, and confidence, inspiring hope for other women in similar circumstances.

  • 1:47 min

  • 0 comments

Janaki Yadav, a 35-year-old woman from Banke District, Nepal, has endured a lifetime of hardship shaped by the tradi­tions of her community. Married at just seven years old, Janaki’s life—like many others—was deter­mined by societal norms, especially the expec­tation to bear a son, a symbol of family honour and future security. Unable to give her husband a son, Janaki made the heart-wrenching decision to allow him to marry again, hoping it would bring peace to her family. Over the years, she experi­enced five pregnancies, but tragi­cally, only one child survived.

Her final pregnancy left her with a debil­i­tating fistula, a condition that caused constant urinary leakage. The physical discomfort was unbearable, but the emotional toll was even greater. Shunned by her community, Janaki withdrew from social and family events, believing her condition was untreatable. “I thought my condition was not curable, so I never sought medical help,” she recalls. However, every­thing changed when she met a woman from her village who had suffered from the same condition but had fully recovered after treatment at the INF Surkhet Fistula Centre.

Inspired by this story, Janaki sought help and regis­tered for surgery at the Fistula Centre in August 2023. After just two weeks of recovery, she was fully healed. For the first time in years, she was dry, comfortable, and able to rejoin her family and community without shame. “I never imagined I could live like this again,” she says, her voice filled with joy. Janaki’s newfound confi­dence allows her to partic­ipate in social events once more, and she is deeply grateful for the life-changing care she received.

Janaki’s journey is one of many. In the past year alone, the INF Surkhet Fistula Centre identified 82 new fistula patients, highlighting the widespread suffering in rural areas where many women believe their condition is untreatable. Of those, 57 women received life-saving surgeries, offering them a second chance at life. The work of the INF Surkhet Fistula Centre is more than just medical care—it’s about restoring dignity, bringing hope, and offering a new lease on life to women who have long suffered in silence.

Share this post: