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;
  });
});

INF Nepal’s Impact Through Empowering FCHVs

Female community health volunteers (FCHV) play a crucial role ensuring the health and well-being of women and communities in Nepal. They are recruited locally, trained on basic primary health care, and serve as frontline pillars of community-based health programs in Nepal. Through engaging FCHVs, sexual, reproductive, maternal, and child health (SRMCH) in communities in the remote…

  • 2:53 min

  • 0 comments

Female community health volun­teers (FCHV) play a crucial role ensuring the health and well-being of women and commu­nities in Nepal. They are recruited locally, trained on basic primary health care, and serve as frontline pillars of community-based health programs in Nepal. Through engaging FCHVs, sexual, repro­ductive, maternal, and child health (SRMCH) in commu­nities in the remote and mountainous Kalikot District of Nepal.

Sarita* is a thirty-eight-year-old FCHV partic­i­pating in INF Nepal’s “Improving repro­ductive health and preventing child marriage” project. Sarita has served as an FCHV in Kalikot for 16 years. She has made signif­icant contri­bu­tions to the community-based health program in the district and plays a vital role in providing health education and basic services to the community.

Sarita partic­i­pated in a training on, sexual, repro­ductive, maternal, and child health (SRMCH), gender equality and child marriage offered by INF Nepal. Since receiving the training, she actively shares this knowledge when leading Mothers’ Group Meetings and when counselling women during home visits.

Sarita shares, “Programs run by INF Nepal like SRMCH training, awareness raising programs… and the mobilization of Mothers’ Groups… have a signif­icant contri­bution to improving the community awareness of sexual and repro­ductive health services and improves access to such services by the women and adolescent girls.”

In collab­o­ration with INF Nepal, Sarita conducts Mothers’ Group Meetings and home visits, She supports pregnant women and mothers of young children with essential health knowledge and practices, ensuring better outcomes during the critical “golden 1,000 days” (from conception to two years of age). Her work extends beyond group settings to home visits, where she ensures pregnant women receive proper nutrition, rest, and antenatal care. She also educates women on proper prenatal nutrition, encourages them to access antenatal, postnatal and delivery services in a health facility, raises awareness of the conse­quences of child marriage and early child­bearing, and distributes family planning supplies to couples, bridging the gap between government health services and the community.

The impact of FCHVs like Sarita was highlighted by Anjana*, a 22-year-old new mother who remarked,

“Sarita has been a guide for countless ladies. She encourages all new mothers to attend the Mothers’ Group Meeting regularly, so they benefit from the program. She ensures that pregnant women undergo antenatal care checkups according to protocol, advises on precau­tions during pregnancy and ensures timely vacci­nation for children. Moreover, she has been an active campaigner in preventing child marriage in our locality.”

Sarita’s efforts, supported by INF Nepal’s programs, have signif­i­cantly reduced child marriage and gender-based violence in her locality. She highlights the impor­tance of INF’s initia­tives, saying, “Programs like SRMCH training, awareness sessions, child club and mother group mobilization, and the estab­lishment of birthing centers in collab­o­ration with the government have greatly improved community awareness and access to sexual and repro­ductive health services for women and adolescent girls.”

Sarita is a dedicated volunteer who has made a signif­icant contri­bution to facil­i­tating open discus­sions about child marriage and improving the health of mothers and children in her community. Her training on SRMCH, gender equality, and child marriage has strengthened her knowledge and skills, enabling her to make a greater impact on the health and well-being of women and girls in her community. INF Nepal continues to work with dedicated FCHVs like Sarita to strengthen sexual, repro­ductive, maternal, and child health in Kalikot District, Nepal.

Story By

Mahesh Sanjyal, Team Leader & Padma Hitan, Project Officer

Read our recent story here: Click here to read

Share this post:

Post tags