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

Regaining Independence: Tara Budha Ram

A 24-year-old from Naumule Rural Municipality in Dailekh, suffered a severe spinal cord injury after falling from a tree, leaving her unable to walk or care for herself, but after receiving life-changing rehabilitation at SH-IS, she regained her independence and dignity.

  • 1:27 min

  • 0 comments

Tara Budha Ram, a 24-year-old from Naumule Rural Munic­i­pality in Dailekh, was living a peaceful life with her husband and small family, working together on their farm. But every­thing changed when Tara fell from a tree while cutting grass for her goats, sustaining a severe spinal cord injury that left her unable to walk or care for herself. Rushed to Karnali Province Hospital, Tara underwent surgery, but despite the doctors’ efforts, she faced immense challenges in her recovery. Simple daily tasks like sitting, eating, and dressing became impos­sible without assis­tance. With their savings drained from medical expenses, Tara’s family had no resources left for further rehabilitation.

Just when hope seemed out of reach, Tara heard about the SH-IS medical charity program from a visiting physio­ther­apist. Desperate for help, she applied and was accepted into the program. At SH-IS, Tara worked with skilled thera­pists who guided her through the recovery process. She regained her strength, learning to sit, balance, and use mobility aids. She also learned to perform everyday activ­ities like dressing and feeding herself. After two months of rehabil­i­tation, Tara returned home with a wheel­chair, an air mattress, a toilet chair, and home modifi­ca­tions to improve acces­si­bility. More than just physical recovery, Tara regained her dignity and a renewed sense of hope.

“I’m so happy to have my indepen­dence back,” Tara said with a smile. “Now, I can do things on my own again, and I’m excited to help my husband with work so we can support our family together.” Tara’s recovery is part of a broader impact at SH-IS, where 49 patients with spinal cord injuries and 136 individuals with disabil­ities have received thera­peutic services, regaining control over their lives and enhancing their functional abilities.

Share this post: