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

Project Officer & Assistant Project Officer

Join Us in Making a Difference: Exciting Opportunities with INF Nepal in Bajura About INF Nepal: Established in 1952, the International Nepal Fellowship (INF) Nepal is a Non-Government Organization committed to improving the lives of poor and disadvantaged communities across Nepal. Through dedicated health and community development services, we enable people to live life to…

Join Us in Making a Difference:
Exciting Opportunities with INF Nepal in Bajura

About INF Nepal: Established in 1952, the International Nepal Fellowship (INF) Nepal is a Non-Government Organization committed to improving the lives of poor and disadvantaged communities across Nepal. Through dedicated health and community development services, we enable people to live life to its fullest. Currently, INF Nepal operates in the Gandaki, Lumbini, Karnali, and Sudurpashchim Provinces, bringing positive change to countless lives.

For the following position, INF Nepal Bajura Office is seeking competent, skilled, service oriented, and devoted Nepali citizens who share our vision, missions, and values.

1. Position: Project Officer / Required Number: 1 / Location: Himali RM Bajura (Field base)

Purpose of the Job:
The job holder is responsible for the effective and efficient implementation of RISE project in the assigned Rural Municipality to bring about positive changes and sustainable livelihood improvements among poor, marginalized people and migrant returnees. S/he needs to identify the local needs, develops project activities, support and train project staff, and build strong coordination and relationships with stakeholders to ensure successful outcomes for the community.

Required Qualifications, Skills, and Knowledge:

  • Bachelor’s qualification in B.Sc. Ag with minimum three years’ experience in agriculture /livelihood
  • Good interpersonal and communication skill at all levels
  • Knowledge on project cycle management
  • Understanding of Monitoring and evaluation
  • Fluency in oral and written English
  • Basic knowledge in Computer skills (Microsoft Word, Excel, power point and Email)
  • Willing to live in the relevant RM and maintain high standards of work with little supervision.
  • Understanding of, and agreement with, the values which are important to INF Nepal.

2. Position: Assistant Project Officer / Required Number: 1 / Location: Himali RM Bajura (Field base)

Purpose of the Job:
The job holder is responsible for supporting the development and implementation of the planned activities aimed at promoting sustainable livelihoods and enhancing social and economic inclusion within communities. This role involves close collaboration with local communities, project stakeholders, and partners to achieve project goals and ensure the successful delivery of outcomes of the project.

Required Qualifications, Skills, and Knowledge:

  • Intermediate in Agriculture with two years of work experience
  • Good facilitation skill (training and orientation)
  • Good relationship including listening and understanding the technical priorities and issues of others
  • Planning and budgeting
  • Computer competencies and general knowledge of word, excel, and social media
  • Willing and able to travel to remote parts of Nepal
  • Understanding of, and agreement with, the values which are important to INF Nepal

 

How to Apply:  If you are a passionate and qualified Nepali citizen ready to make a difference, please send your application with the subject line indicating the position you’re applying for, along with your CV, to the email below by 7th December 2024.

📧 Email: [email protected]

INF Nepal encourages applications from persons with disabilities and disadvantaged or vulnerable groups. This is a meaningful opportunity to contribute to transformative health and community development initiatives in Nepal.

Let’s work together to bring hope and empowerment to communities in need.

Share this post: