avatarDr. ADAM TABRIZ

Free AI web copilot to create summaries, insights and extended knowledge, download it at here

2236

Abstract

was an issue remaining. The document used dark theme and the content in the external page used white background.</p><p id="0afe"><b>Hack 2: </b>Use dark-reader to automatically generate css for your external page</p><p id="f222">You can use <a href="https://darkreader.org/">dark-reader</a> to automatically apply dark style to your page. There are two options. First is to use dark-reader in your project via npm and apply dark theme automatically. For my case, this was a bit overkill and I choose the second option. Second option is to generate and export css file corresponding to dark theme of your external page and then adding that style-sheet to our <code>iframe</code>.</p><p id="df41">First install the <a href="https://darkreader.org/">dark-reader</a> add-on/extension to your browser. I have done it on Firefox. Then open your external page in that browser and enable the dark-mode in dark-reader add-on.</p><figure id="54a0"><img src="https://cdn-images-1.readmedium.com/v2/resize:fit:800/1*akq4Mmrutw6XTVdZMY9VBQ.png"><figcaption>dark-reader add-on in Mozilla Firefox</figcaption></figure><p id="ded5">When you enable dark-mode, the dark-reader has generated and applied appropriate styling to make your page dark-themed. It works great. You can also tweak around and set brightness, and contrast as well as use developer tools to further customize the design. Once you are happy with the design, click on the dark-reader browser-action button to open the popup menu and click on settings.</p><figure id="af34"><img src="https://cdn-images-1.readmedium.com/v2/resize:fit:800/1*B_-rTeDGalYJ-Ci6nyyapg.png"><figcaption></figcaption></figure><p id="0ea2">This will open up the settings view as displayed below.</p><figure id="bac9"><img src="https://cdn-images-1.readmedium.com/v2/resize:fit:800/1*dqdeQaWkTj38obrpRLEoVg.png"><figcaption></figcaption></figure><p id="1b63">Click on Manage settings and then on <b>Export Dynamic Theme</b>.</p><figure id="504a"><img src="https://cdn-images-1.readmedium.com/v2/resize:fit:800/1*eoK7sNZcYxZF-xWQ3NjEIg.png"><figcaption></figcaption></figure><p id="2bb4">Great job! This will download a css file that you can add to your page to apply the styles for dark theme. Hmmm… So far so g

Options

ood. I believe most of you would do the rest of the stuff on your own, but for the sake of completeness let us add a few lines of code to the event-listeners that we created in Hack1.</p><p id="2a64">Save the css file that was downloaded by the dark-reader as <code>dark-theme.css </code>in the <code>/public</code> directory of your Next.js app. Now, add following lines inside the <code>"load"</code> event-listener.</p><div id="d14f"><pre>const link <span class="hljs-operator">=</span> doc.createElement(<span class="hljs-string">"link"</span>)<span class="hljs-comment">;</span></pre></div><div id="e451"><pre><span class="hljs-attr">link.rel</span> = <span class="hljs-string">"stylesheet"</span><span class="hljs-comment">;</span></pre></div><div id="d811"><pre><span class="hljs-attr">link.href</span> = <span class="hljs-string">"/dark-theme.css"</span><span class="hljs-comment">;</span></pre></div><div id="214b"><pre>doc.head.appendChild(link)<span class="hljs-comment">;</span></pre></div><p id="caa5">Next time when you do this, you will be able to add existing HTML files to your project with custom themes in much lesser time than the time you spent reading this document.</p><p id="3a9a">Wish you all the best and happy coding!</p><p id="ad6f">Interested in building career in web development? Checkout E-degree in JS Frameworks</p><div id="2976" class="link-block"> <a href="https://www.eduonix.com/javascript-frameworks-mini-edegree/UHJvZHVjdC00NDExNjgw"> <div> <div> <h2>JavaScript Mini E-Degree: Master JS Frameworks To The Core!</h2> <div><h3>A perfect mini-e-degree suitable for everyone who wants to master JavaScript effectively without wasting any time…</h3></div> <div><p>www.eduonix.com</p></div> </div> <div> <div style="background-image: url(https://miro.readmedium.com/v2/resize:fit:320/0*OBLf0FHe3Jrk8Lbg)"></div> </div> </div> </a> </div><p id="79c1">Or my course on <a href="https://www.udemy.com/course/react-and-next-js-with-typescript/?referralCode=7202184A1E57C3DCA8B2">React + Next.js with TypeScript</a>.</p></article></body>

"Reaching Health Equity is an immense yet feasible duty that requires grassroots efforts at the individual, community, and national levels." — Dr. Adam Tabriz

Next-Generation Digital Health Infrastructure

A Logistic System Of Creating Opportunity To Establish Health Equity

Image by 41330 from Pixabay

Health equity is about every individual having the opportunity to reach their full health potential. It eliminates reversible factors such as socioeconomic and geographic barriers from the healthcare delivery equation.

However, health equity is an intricate task that demands diligence, teamwork, and collaboration between stakeholders and the immediate community.

At the grassroots, ensuring health equity has to augment access to quality medical care and options, address unmet essentials and personalize medical care by effectively engaging patients. Furthermore, health equity invariably must incorporate the significance of historical context around patients within the communities.

When establishing health equity, one should never overlook the significance of every individual's cultural and chronological background. The latter merely reflects on every patient's attitude toward their health and compliance with medical advice.

For instance, African Americans' mistrust of the medical community as the upshot of atrocities like forced sterilization is one clear example of how medical interventions like preventative care have become scarce in that community.

Health Equity Starts With Building A Collaborative Environment That Is Decentralized, Inclusive, And Diverse

Healthcare leaders have long realized the significance of building a collaborative culture around the health equity mission. Nevertheless, such a culture must also encompass adaptability to community norms and societal setup.

The system culture that works for one society may stand utterly different from another. That, in succession, will underscore the necessity for decentralization of operations and workflow, as a centralized system hardly ever offers enough flexibility to accommodate diverse environments and inclusivity.

A decentralized diverse team would likely have a spectrum of individualized perspectives that lead to more options and accessibility of services and products.

Incorporating the health equity mission in product development from the research and design stage to testing and implementation can, too, facilitate diversity and inclusion at every step. That can help eliminate prejudice and bias by verifying data quality and comparing it against the population sample. That is also particularly important in disease areas and populations where data capture is challenging.

The infrastructure of a collaborative digital tool that ends with health equity is the product of agile infrastructure that allows product and service development with patients, thus ensuring their individual needs.

Patients engage in their care through the system and share their journeys and experiences with designers, developers, and healthcare stakeholders.

Photo by Fabio on Unsplash

Agile patient engagement through robust logistic solutions helps keep the diversity of patient preferences and expectations in the decision-making loop. It, therefore, offers flexibility to adapt to diverse patient populations and communities.

Since health equity is about matching the patient's expectations and experience by securing enough options to choose from, it must also provide inclusive educational materials and instructions to everyone. It must, in turn, streamline them towards creating health literacy and eliminating language barriers.

The Next Generation Of Digital Health Logistics Is a Cyber-Physical Human System (CPHS)

Establishing a collaborative milieu for health equity demands the next generation of digital logistics.

Health equity is a highly labor-intensive grassroots undertaking. Under a traditional healthcare setting, it may not be feasible and practical. However, considering all the innovative digital solutions within our reach, such a grind can become certitude.

The modern digital logistics infrastructure is a transparent, interactive platform where every actor in patient care can work towards a common goal, health equity, and quality medical service. That is, engaging, educating, directing, and encouraging patients with the utility of a multitude of data and metadata collected from hardware sensors, wearable technologies, data analytics, and human intervention.

The contemporary logistics of health equity, or Cyber-Physical Human System (CPHS), accommodates seamless communication and collaboration of various medical sensors, human healthcare resources, and cloud-based algorithms without undermining the sovereignty of its participants.

The New Digital Health Logistics Is Equitable To Patients And Profitable To Medical Community

Ensuring health equity is merely about extending the opportunity for everyone to be healthy based on their perspectives and socioeconomic as well as geographic standing. That does not attempt to equate to equal healthcare, as everyone may still have different circumstances and preferences.

Furthermore, the next generation of digital logistics in support of health equity must incentivize everyone. Such an incentive is intangible, like staying healthy or happy, or material, like fiscal gain.

Health equity logistics of today promote convergence of every stakeholder through its independent and business-driven initiative centered around patient welfare. Those players control the turning point of the success of a system in creating health equity because it is utterly equitable to patients and profitable to healthcare businesses for decades to come.

References

  1. McKinsey & Company. "Digital Health: An Opportunity to Advance Health Equity | McKinsey." www.mckinsey.com. Accessed August 15, 2022. https://www.mckinsey.com/industries/life-sciences/our-insights/digital-health-an-opportunity-to-advance-health-equity.
  2. Institute for Healthcare Policy & Innovation. "Forced Sterilization Policies in the US Targeted Minorities and Those with Disabilities — and Lasted into the 21st Century." ihpi.umich.edu, September 23, 2020. https://ihpi.umich.edu/news/forced-sterilization-policies-us-targeted-minorities-and-those-disabilities-and-lasted-21st.
  3. McKinsey & Company. "Health Equity: A Framework for the Epidemiology of Care | McKinsey." www.mckinsey.com. Accessed August 15, 2022. https://www.mckinsey.com/industries/life-sciences/our-insights/health-equity-a-framework-for-the-epidemiology-of-care.
  4. Linzer, Katherine, and Shubham Singhal. "How Prioritizing Health Is a Prescription for US Prosperity | McKinsey." McKinsey & Company. www.mckinsey.com. Accessed August 15, 2022. https://www.mckinsey.com/industries/healthcare-systems-and-services/our-insights/how-prioritizing-health-is-a-prescription-for-us-prosperity.

Related Articles

Is Health Equity Achievable?!

The Socioeconomic Impact Of The Social Drivers Of Health Addressing Social Drivers of Health Or Epitome Of A Double-Edged Sword For Patients And Physicians Alike — Or Is IT?!

Watch this on Youtube!

Health Equity
Digital Logistics
Digital Infrastructure
Healthcare Innovations
Healthcare Technology
Recommended from ReadMedium
avatarAuthor, D. Denise Dianaty
Citrus Cake

My son’s favorite birthday cake

5 min read