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

From Darkness to Leadership – Ramesh Bahadur’s Journey of Hope

In a quiet village in Rolpa, Nepal, lives Ramesh Bahadur, a 47-year-old man who has never seen the world with his eyes. He was born as the second son in a family of seven. His parents were happy when he was born, but their joy turned to worry when they realized he was completely blind.…

Return to All News

  • 2:19 min

  • 0 comments

In a quiet village in Rolpa, Nepal, lives Ramesh Bahadur, a 47-year-old man who has never seen the world with his eyes. He was born as the second son in a family of seven. His parents were happy when he was born, but their joy turned to worry when they realized he was completely blind.

For Ramesh, blindness was not the hardest part of life. The real pain came from how society treated him. There were no schools for children with visual impair­ments in his village, and his family could not afford to send him outside the district for education. His dream of going to school ended before it began.

Life became lonely. People avoided him. He was never invited to social events. Some even believed that touching him would bring bad luck or make them lose their sight. These super­sti­tions hurt more than his disability.

Ramesh is capable. He learned to do many things using his hands and sense of touch. But society saw him as helpless. To survive, he crushed stones for income—a hard and dangerous job that often injured his hands. It took him seven months to crush enough stones to fill two tractor loads, and even then, the market was uncertain. In six months, he earned only NPR 11,000. The government allowance of NPR 4,000 was far from enough to support his basic needs. Every day was a struggle.

People doubted his ability to lead. But Ramesh never gave up hope.

Then, every­thing changed. Through INF Nepal’s LIFT project, Ramesh learned that people with disabil­ities have rights and a voice. He joined the Bhumesthan Self-Help Group and met others who shared his struggles. For the first time, he felt included.

Today, Ramesh is no longer invisible. He is the Chair­person of the Disability Network in Ward No. 7. He speaks in meetings, advocates for inclusion, and has even helped secure budget alloca­tions for disability programs in his community. “Before INF’s project, no one saw us. We were forgotten. Now, we are organizing, learning, and making progress,” he says.

Leadership has given him confi­dence. He can now speak up, share his experi­ences, and inspire others. He has also discovered his talents—he plays the flute beauti­fully and dreams of joining a local musical group. Crushing stones cannot be his future; it is hard work with no guarantee of income. He has also learned handi­craft skills, making hand-woven bamboo baskets, which could open new oppor­tu­nities for him.

Ramesh Bahadur cannot see the world with his eyes—but he sees hope, dignity, and leadership growing inside him. His journey has just begun, and he is deter­mined to help others rise, just as he has.

“The real blindness,” he says, “is in the eyes of those who refuse to see our strength.”

Share this post:

Post tags