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.

Return to All News

  • 1:47 min

  • 0 comments

Janaki Yadav, a 35-year-old woman from Banke Dis­trict, Nepal, has endured a life­time of hard­ship shaped by the tra­di­tions of her com­munity. Married at just seven years old, Janaki’s life—like many others—was determ­ined by soci­etal norms, espe­cially the expect­a­tion to bear a son, a symbol of family honour and future secur­ity. Unable to give her husband a son, Janaki made the heart-wrench­ing decision to allow him to marry again, hoping it would bring peace to her family. Over the years, she exper­i­enced five preg­nan­cies, but tra­gic­ally, only one child survived.

Her final preg­nancy left her with a debil­it­at­ing fistula, a con­di­tion that caused con­stant urinary leakage. The phys­ical dis­com­fort was unbear­able, but the emo­tional toll was even greater. Shunned by her com­munity, Janaki with­drew from social and family events, believ­ing her con­di­tion was untreat­able. “I thought my con­di­tion was not curable, so I never sought medical help,” she recalls. However, everything changed when she met a woman from her village who had suffered from the same con­di­tion but had fully recovered after treat­ment at the INF Surkhet Fistula Centre.

Inspired by this story, Janaki sought help and registered for surgery at the Fistula Centre in August 2023. After just two weeks of recov­ery, she was fully healed. For the first time in years, she was dry, com­fort­able, and able to rejoin her family and com­munity without shame. “I never ima­gined I could live like this again,” she says, her voice filled with joy. Janaki’s new­found con­fid­ence allows her to par­ti­cip­ate in social events once more, and she is deeply grate­ful for the life-chan­ging care she received.

Janaki’s journey is one of many. In the past year alone, the INF Surkhet Fistula Centre iden­ti­fied 82 new fistula patients, high­light­ing the wide­spread suf­fer­ing in rural areas where many women believe their con­di­tion is untreat­able. Of those, 57 women received life-saving sur­ger­ies, offer­ing them a second chance at life. The work of the INF Surkhet Fistula Centre is more than just medical care—it’s about restor­ing dignity, bring­ing hope, and offer­ing a new lease on life to women who have long suffered in silence.

Share this post: