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

INF Nepal’s Contribution to Sustainable WASH Development in Rolpa

  • 3:17 min

  • 0 comments

For the past eleven years, INF Nepal has been making a signif­icant and lasting contri­bution to improving the quality of life of rural and remote commu­nities in the north-eastern part of Rolpa through its WASH (Water, Sanitation and Hygiene) Project. During this period, INF Nepal has supported the construction of more than 40 small-scale drinking water schemes and the rehabil­i­tation of several old and deteri­o­rated systems. Through these efforts, safe drinking water access has been ensured for more than 2,000 house­holds, directly contributing to the Government of Nepal’s strategic “One House–One Tap” policy and its effective imple­men­tation at the grass­roots level.

The WASH Project follows a community-centered and sustain­ability-focused approach. INF Nepal has supported the devel­opment of durable “one house–one tap” drinking water systems, improvement of sanitation facil­ities, and promotion of positive hygiene behaviors. Beyond household water supply, the project has also promoted the collection and reuse of waste­water generated from taps. This water is reused for kitchen gardens and irrigation, helping commu­nities adapt to increasing drought and water scarcity caused by climate change, while also strength­ening household food security and nutrition.

The project has had a trans­for­mative impact on women, children, persons with disabil­ities, and elderly people. The burden, risk, and time associated with carrying water from distant and unsafe sources have been drasti­cally reduced. As a result, community members now have more time for education, income-gener­ating activ­ities, household care, and social partic­i­pation. Improved access to water and sanitation has led to better hygiene practices, reduced illness, enhanced dignity, and a cleaner living environment.

A key beauty of the WASH Project lies in the strong ownership and labor contri­bution of the community. From planning to construction, commu­nities have actively partic­i­pated through free labor, use of local materials, and land contri­bution. User committees were formed to lead decision-making, manage construction, and oversee operation and mainte­nance. Cost-sharing with local government further strengthened account­ability and partnership, ensuring the schemes are not only built but sustained.

In this contin­u­ation of the effort, on Mangsir 20, the Dharakharka One House–One Tap Drinking Water Scheme constructed in Sunilsmriti Rural Munic­i­pality Ward No. 8 was jointly inaugu­rated and officially handed over to the community by Mr. Lekhnath K.C., Director of Community Devel­opment Department, INF Nepal, and Mr. Maniram Budhathoki, Chair­person of Sunilsmriti Rural Munic­i­pality. The scheme was imple­mented in line with the national One House–One Tap strategy and consists of two sub-schemes:

  1. Khadare Khola Drinking Water Sub-Scheme:

This scheme provides safe drinking water directly to the court­yards of 20 house­holds, benefiting 107 people (60 males and 47 females).

  1. Goganpani Khola Drinking Water Sub-Scheme:

This scheme provides safe drinking water to 25 house­holds, benefiting 124 people (60 males and 64 females).

Together, the two sub-schemes serve a total of 45 house­holds and one school, benefiting 297 people. In all 45 house­holds, waste­water from taps is system­at­i­cally collected and reused for irrigation, ensuring maximum utilization of water resources and contributing to greener homesteads and improved food production.

The total cost of the drinking water scheme, including the main system, waste­water collection ponds, and dish-drying racks, amounted to NPR 6,101,390. Of this, INF Nepal contributed NPR 2,344,010, Sunilsmriti Rural Munic­i­pality contributed NPR 300,000, and the local community contributed NPR 3,516,880 through labor contri­bution, local materials, and land support. This shared investment reflects strong partnership, local ownership, and collective responsibility.

To ensure long-term sustain­ability, a Repair and Mainte­nance Fund has been estab­lished for the scheme and deposited in the user committee’s account. Water meters have been installed at all household taps, and users contribute fees based on water consumption, which are added to the mainte­nance fund. Additionally, users have received repair and mainte­nance training along with essential tools, enabling them to manage minor repairs locally and reduce depen­dency on external support.

Through its WASH Project, INF Nepal has gone beyond infra­structure devel­opment. It has fostered dignity, resilience, community solidarity, and hope—transforming water from a daily struggle into a shared asset that supports health, liveli­hoods, climate adaptation, and a better future for rural commu­nities in Rolpa.

 

 

Share this post:

Post tags