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

Building a Better Tomorrow

*Bhim Maya lives in Ward No. 3 of Sunchahari Rural Municipality, Moulaban, with her mother-in-law, three daughters, and three sons. She grew up in Sunchahari-4 Suri in a family that struggled to make ends meet. Their small farm produced enough food for only four months, and the rest of the year was spent doing temporary labor…

Return to All News

  • 2:7 min

  • 0 comments

*Bhim Maya lives in Ward No. 3 of Sunchahari Rural Munic­i­pality, Moulaban, with her mother-in-law, three daughters, and three sons.

She grew up in Sunchahari‑4 Suri in a family that struggled to make ends meet. Their small farm produced enough food for only four months, and the rest of the year was spent doing temporary labor work for income.

While working with her father in India, Bhim Maya met her husband. They got married and returned to Nepal, but life remained challenging. With little land, farming only provided enough for a few months, so they worked other jobs to support their family of six children.

Seven years ago, Bhim Maya’s husband passed away unexpectedly. This left her as the sole provider for her family, with no property or savings to rely on. Managing the household became harder, and she also faced unkind comments from people in her community.

During this time, INF Nepal’s Rolpa branch intro­duced the EDUCATE project and formed the Lumma Debi self-help group. Bhim Maya joined the group, which included 17 members, to learn ways to improve liveli­hoods through farming. In the group meetings, members shared their challenges and found ways to support each other.

Through the project, Bhim Maya received Rs. 15,000 to start goat farming. She bought two goats and, with her care, now has six. By selling two goats, she earned enough money to support her family. Goat farming has given Bhim Maya a steady source of income, making it easier to manage daily expenses.

Being part of the self-help group has also strengthened her ties with the community. Neighbors who once judged her have become more supportive, and she no longer needs to take high-interest loans to meet her needs.

Today, Bhim Maya is proud of her ability to provide for her family. She is grateful to INF Nepal for their support and hopes more women can benefit from similar initia­tives in the future.

For women like Bhim Maya, who face immense challenges in providing for their families, even small support can lead to signif­icant changes. Beyond financial impact, this kind of support promotes dignity and empow­erment. It gives women like Bhim Maya an oppor­tunity to, earn their own income, and make decisions for their families. It also shifts how the community perceives them. In Bhim Maya’s case, the support helped change her neighbors’ attitudes, turning judgment into encour­agement. Small inter­ven­tions like this also break cycles of poverty and depen­dence. Over time, these efforts ripple out, creating stronger families and more supportive communities.

Share this post:

Post tags