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.

Return to All News

  • 2:7 min

  • 0 comments

Sixteen-year-old Sunita Shahi from Nalgadh‑6, Jajarkot, is determ­ined to move forward despite endur­ing heart­break­ing loss. Once a com­plete family, the dev­ast­at­ing earth­quake on Novem­ber 3rd claimed the lives of her father and one of her broth­ers. Now living with her mother, brother, and two sisters, Sunita faces the daily chal­lenge of walking two hours to and from school. Yet her resolve to con­tinue her edu­ca­tion and honour her father’s wishes keeps her strong.

Sunita remem­bers fondly the warmth of her family, espe­cially during fest­ival 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 mid­night, her father’s voice rang out, “Wake up, wake up, every­one, there is an earth­quake.” Moments later, their home col­lapsed, burying her family beneath the rubble. Her younger sisters cried out for help, and her father tried to comfort them, saying, “Prob­ably the entire village has been dev­ast­ated, so no one will come to rescue us.”

The family was even­tu­ally rescued at 1 a.m., but by then, her father had stopped speak­ing. Her mother and sisters were severely injured, and her sib­lings required urgent care, with some sent to Surkhet and Nepal­gunj for further treat­ment. Though the exper­i­ence haunts her, Sunita draws strength from her memor­ies of her family.

In the after­math, Sunita and her sib­lings retrieved what they could from the rubble, pulling out sleep­ing mats and blankets. Neigh­bours offered a tarp and food, and within days, INF Nepal’s rapid response team arrived with essen­tial sup­plies, includ­ing warm fibre mat­tresses 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 mat­tresses, we could sleep com­fort­ably,” she shared, grate­ful for the comfort that helped them through those harsh nights.

Today, Sunita con­tin­ues to exper­i­ence flash­backs and occa­sional faint­ing spells. “I get night­mares of that hor­rific 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 determ­ined to keep going, plan­ning to harvest the wheat her father had planted, though uncer­tain about the future.

INF Nepal’s timely support has given Sunita and her family some much-needed relief and a found­a­tion to rebuild their lives. Sunita’s story is one of resi­li­ence, a test­a­ment to her strength and the vital role of com­munity support in the wake of disaster.

Share this post: