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

Low-Cost 3D-Printed Device Boosts Long COVID Respiratory Recovery

Use of locally produced novel low-cost 3D printed respiratory muscle strength trainer device (RMSTD) for long COVID-Rehabilitation

Return to knowledge hub

  • 1:60 min

  • 0 comments

In response to the challenges posed by long COVID, Green Pastures Hospital has taken a significant step forward by developing an innovative and cost-effective approach to respiratory rehabilitation. A recently published article, “Use of Locally Produced Novel Low-Cost 3D Printed Respiratory Muscle Strength Trainer Device (RMSTD) for Long COVID Rehabilitation,” featured in Wiley, details the design, development, and clinical success of a 3D-printed Respiratory Muscle Strength Trainer Device (RMSTD) uniquely suited for treating respiratory muscle weakness in long COVID patients.

This custom-made RMSTD device was designed and produced entirely at Green Pastures Hospital, specif­i­cally for a patient who had previ­ously undergone intensive positive airway pressure support during a prolonged ICU stay. The low-cost, 3D-printed design reflects a ground­breaking solution for managing the complex needs of patients recov­ering from severe COVID-19 symptoms, where respi­ratory muscle strength can be signif­i­cantly compromised.

One of the critical aspects highlighted in the article is the local production of the RMSTD device, a factor that not only reduces costs but also enables rapid deployment in healthcare settings where resources are limited. The device’s creation involved inter­dis­ci­plinary collab­o­ration between respi­ratory thera­pists, medical engineers, and rehabil­i­tation specialists, all of whom recog­nised the need for a targeted approach to address the lingering effects of long COVID on respi­ratory health. The article outlines the step-by-step process of designing the device, the adjust­ments made to accom­modate patient-specific needs, and the protocols followed to ensure both safety and efficacy.

Through this project, Green Pastures Hospital aims to contribute to the broader conver­sation on long COVID management, demon­strating the value of acces­sible, locally produced rehabil­i­tation solutions. By documenting the device’s impact on respi­ratory recovery in a severe COVID-19 patient, the team hopes to inspire similar low-cost innova­tions that can benefit COVID-19 recovery efforts globally.

The hospital’s experience under­scores the necessity for adaptive solutions in the evolving landscape of long COVID care, especially for patients whose respi­ratory systems are profoundly affected. The article provides a detailed look at both the challenges encoun­tered and the successful outcomes achieved, offering valuable insights for healthcare providers seeking practical, affordable tools to support patients on their path to recovery.

By sharing their findings, the team at Green Pastures Hospital is not only highlighting an effective model of respi­ratory rehabil­i­tation but also contributing meaning­fully to the inter­na­tional dialogue on innov­ative, resource-sensitive responses to the ongoing challenges of long COVID.

Please download: the Report

Share this post: