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

Satish’s Triumph: Restoring Mobility and Hope After Leprosy

Thanks to the skilled team at Green Pastures Hospital, Satish has regained movement in his left hand and a renewed sense of independence. Diagnosed with leprosy at just 17, Satish first noticed unusual symptoms—painful nerves and his left hand beginning to claw.

  • 1:42 min

  • 0 comments

Thanks to the skilled team at Green Pastures Hospital, Satish has regained movement in his left hand and a renewed sense of indepen­dence. Diagnosed with leprosy at just 17, Satish first noticed unusual symptoms—painful nerves and his left hand beginning to claw. This marked the start of a journey that would test his resilience and reveal the life-changing impact of early diagnosis, specialised treatment, and dedicated care.

After his initial diagnosis at Lumbini Province Hospital, Satish began a 21-month course of multidrug therapy (MDT) for leprosy, which helped manage the disease but brought its own challenges, including skin darkening. As his symptoms progressed, he was referred to Green Pastures Hospital (GPH) for further compli­cation management. At GPH, Satish underwent nerve decom­pression surgery, a vital inter­vention to restore function in his hand and alleviate the constant pain and discomfort that had impacted his daily life.

Following surgery, Satish spent a month at GPH, receiving intensive occupa­tional therapy and nursing care designed to restore strength and sensation in his hand. This period of recovery was essential, allowing him to regain control and mobility while building his confi­dence for the future. The dedicated care provided by GPH’s team helped him see a path forward, free from the limita­tions leprosy had imposed on him.

Beyond physical recovery, the support and encour­agement Satish received at GPH reignited his hope for the future. Now back in school and deter­mined to finish his high school education, Satish has a new outlook on life, inspired by the skilled inter­vention and compas­sionate care he received. He’s confident that with continued treatment, he’ll fully recover from the disease and pursue his dreams with renewed energy.

Satish’s journey highlights the impor­tance of acces­sible, specialised care for leprosy patients and the remarkable impact that timely medical inter­vention can have. His story is a powerful testament to how hospitals like GPH are trans­forming lives, one patient at a time, and offering a new lease on life to those affected by leprosy and other complex conditions.

(Name changed for anonymity)

Share this post: