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

Jajarkot Earthquake Response: Sunita Shahi’s Story of Resilience

INF Nepal’s quick response brought much-needed supplies like blankets and mattresses, providing Sunita and her family with warmth and comfort. Her story reflects resilience, strength, and the power of community support in overcoming disaster.

  • 2:7 min

  • 0 comments

Sixteen-year-old Sunita Shahi from Nalgadh‑6, Jajarkot, is deter­mined to move forward despite enduring heart­breaking loss. Once a complete family, the devas­tating earth­quake on November 3rd claimed the lives of her father and one of her brothers. Now living with her mother, brother, and two sisters, Sunita faces the daily challenge of walking two hours to and from school. Yet her resolve to continue her education and honour her father’s wishes keeps her strong.

Sunita remembers fondly the warmth of her family, especially during festival seasons. “It used to be a lot of fun with them,” she recalls. The night of the earth­quake remains vivid in her memory. After dinner, her family retired early. Around midnight, her father’s voice rang out, “Wake up, wake up, everyone, there is an earth­quake.” Moments later, their home collapsed, burying her family beneath the rubble. Her younger sisters cried out for help, and her father tried to comfort them, saying, “Probably the entire village has been devas­tated, so no one will come to rescue us.”

The family was eventually rescued at 1 a.m., but by then, her father had stopped speaking. Her mother and sisters were severely injured, and her siblings required urgent care, with some sent to Surkhet and Nepalgunj for further treatment. Though the experience haunts her, Sunita draws strength from her memories of her family.

In the aftermath, Sunita and her siblings retrieved what they could from the rubble, pulling out sleeping mats and blankets. Neigh­bours offered a tarp and food, and within days, INF Nepal’s rapid response team arrived with essential supplies, including warm fibre mattresses and blankets as part of their winter relief package. Sunita’s family was among those who received this support. “It was cold in the tent, but with the warm blankets and mattresses, we could sleep comfortably,” she shared, grateful for the comfort that helped them through those harsh nights.

Today, Sunita continues to experience flash­backs and occasional fainting spells. “I get night­mares of that horrific night and what happened to our family. I miss my father and brother a lot,” she says, with tears in her eyes. Despite the grief, Sunita is deter­mined to keep going, planning to harvest the wheat her father had planted, though uncertain about the future.

INF Nepal’s timely support has given Sunita and her family some much-needed relief and a foundation to rebuild their lives. Sunita’s story is one of resilience, a testament to her strength and the vital role of community support in the wake of disaster.

Share this post: