Dementia care & palliative care webinar: during and beyond COVID-19

DAI is pleased to highlight a panel presentation by DAI Board member, Christine Thelker from Canada, at an important webinar on dementia and palliative care during COVID and beyond. Thank you Christine, for speaking up for all of us.

All of the presentations and discussions were not only informative, they were extremely enlightening. Christine's speech comes in at 4:40 mins in the video recording of the session:

slides here</a>, and read her speech notes from the <a href="https://www.alz.co.uk" target="_blank" rel="noopener noreferrer">ADI</a>-<a href="https://www.helpage.org" target="_blank" rel="noopener noreferrer">HelpAgeInt</a>-<a href="https://www.thewhpca.org" target="_blank" rel="noopener noreferrer">WHPCA</a> Palliative Care Webinar below:</p> <h3><span style="color: #008000;">Dementia, Palliative Care and COVID-19</span></h3> <p><strong>Slide 1: </strong>I would like to start by thanking ADI, for the invitation to offer my reflections on this important topic, and congratulate you on hosting this important webinar.</p> <p><strong>Slide 2: </strong>The topics I will cover today are</p> <ul> <li>Palliative Care</li> <li>Advanced Care Directive</li> <li>The impact of the Coronavirus pandemic</li> </ul> <p><strong>Slide 3: </strong>DAI COVID-19 graphic of services, for reference.</p> <p>For people with dementia like myself, we have been facing serious discrimination in terms of being denied health care, and we are definitely never offered Palliative Care until the very end stage, this was and is the case long before Covid 19.</p> <p>You can see that DAI have been very proactive in terms of providing support for people with dementia during the pandemic, and this slide highlights our support.</p> <p>Because palliative care is based on individual needs, the services offered will differ. I have lived experience of palliative care, for myself, and for members of my family, and past professional experience working on Demetia units in Long Term Care in the nursing feild.</p> <p>Since the covid pandemic, many people have not been able to access palliative care, and are therefore being denied adequate relief of pain or other symptoms of illness such as nausea and vomiting and others.</p> <p>Resources such as equipment needed to aid care at home, Assistance for families to come together to talk about sensitive issues,Links to other services such as home help and financial support.</p> <p>Support for people to meet cultural obligations, Support for emotional, social and spiritual concerns, as well as Counselling and grief support for them and their families has also been missing.</p> <p>Many people are in fact, dying alone.</p> <p><strong>Slide 4: </strong><em>I am more frightened by the thought of ending up in any type of care than I ever have been of my dementia itself. </em><em>As an advocate, I don’t just want to feel good about what I am doing, I want <strong>tangible change</strong>.</em></p> <p>We are facing even more stigma and isolation since the covid pandemic, as are most older people.</p> <p>Palliative care helps people live their life as fully and as comfortably as possible when living with a life-limiting or terminal illness, it identifies and treats symptoms which may be physical, emotional, spiritual or social.</p> <p>As Kate Swaffer says: <em><strong style="color: #000000;">“People with-OUT dementia are not used to enforced isolation, or social and physical distancing, while people with dementia experience it from the day we dare to share our diagnosis.”</strong></em></p> <p>Isolation, stigma, discrimination and distancing (social and physical) are the daily realities of most people living with dementia.</p> <p>We are all facing increased difficulties due to limited access not only to equipment, in home support, equipment including PPE, and health care including palliative care.</p> <p>More people over 80 have died from covid, without access to Palliative Care, and without the support of their families, due to the restrictions imposed upon health care systems and society in general.</p> <p>Covid 19 has highlighted that a great many people are experiencing personal signs of distress. This is <a href="https://kateswaffer.com/2020/09/27/bpsd-vs-bpsc-19/" target="_blank" rel="noopener noreferrer">a normal human responses to the pandemic, but one which has highlighted that people with dementia are having normal human responses or signs of distress to the changes forced on them by dementia – rather than BPSD</a>.</p> <p>Related to palliative care, is Advance care planning, which is more important than ever in these uncertain times. In the months ahead,thousands of people will face the prospect of becoming suddenly and seriously unwell. Distressingly, they will probably have to face being denied health care.</p> <p>I’m concerned that many people do not have an Advanced Care Directive, mainly because they don’t understand that just because we tell our people what we want does not mean that will happen if its not on a legal document. and many people over 65 are without an Advance Care Directive, creates serious and probmatic issues as we face the impact of the COVID pandemic.</p> <p>An Advance Care Directive is important as nearly 50 percent of people who become ill, will not be able to make their own end of life medical decisions at this very difficult time in history, although it may make no difference at this point as the elderly and infirmed, including people with dementia are being denied medical care.</p> <p>This is an all too real, sad and sobering thought.</p> <p>Again, this highlights yet another area we have failed our most vulnerable.</p> <p><strong>Slide 5: </strong>This slide highlights the services available from Dementia Alliance International. In closing, I want remind you of my quote from earlier that clearly states how I feel:</p> <blockquote><p><span style="color: #000000;"><strong>“I am more frightened by the thought of ending up in any type of care than I ever have been of my dementia itself”.</strong></span></p></blockquote> <p><strong>THANK YOU.</strong></p> <p><strong>About Christine </strong><span lang="EN-US"><strong>Thelker:</strong> Christine is a board member of Dementia Alliance international having served as one for a number of years now. She also co-hosts a number of peer to peer support groups. She is from Vernon British Columbia Canada, and describes herself as bright, fun and adventurous. Who at 59 says, her sense of humour has grown, since her diagnosis. Widowed at 47 and then diagnosed with Vascular Dementia and Cerebrovascular Disease at 56.</span> <span lang="EN-US">Christine worked for Interior Health Authority for 13 years in various sites, most loved work was in Dementia Care and End of Life Care. It was here that she felt she did her best work.</span></p> <div> <p class="Body">Advocating for families and Patients, advocating for better training for workers working in Dementia Care, and although she says things still have not changed, she is hopeful with more people using their voices the changes will happen. She knows firsthand how people’s abilities are stripped instead of embraced and advocating is the only way to make change happen. She also advocated for better working environments for the workers. In June 2020, Christine’s first book was published, For This I Am Grateful, and she continues to advocate and write about the need for a human rights approach to dementia. <strong>Christine's motto since diagnosis is <em>“I’m not done yet”.</em></strong></p> </div> <div> <h3><a href="/get-involved" target="_blank" rel="noopener noreferrer"><span style="color: #008000;">Make a difference to more people with dementia by donating today.</span></a></h3> </div> </div> </article> <hr class="divider-green"> <div class="flex flex-col space-y-8 pb-8"> <h2>Support Dementia Alliance International</h2> <section class="container justify-center">  <script>gl=document.createElement('script');gl.src='https://secure.givelively.org/widgets/simple_donation/dementia-alliance-international.js?show_suggested_amount_buttons=false&show_in_honor_of=false&address_required=false&has_required_custom_question=null';document.getElementsByTagName('head')[0].appendChild(gl);</script><div id="give-lively-widget" class="gl-simple-donation-widget"></div>  </section> <hr class="divider-green"> <h2>Check out these other blog posts</h2> <div class="grid gap-4 grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4"> <div class="bg-blue-200 flex flex-col justify-between"> <div> <a href="/blog/dave-s-lens-capturing-hope-and-raising-funds-for-dementia-advocacy" class="flex flex-col w-full bg-cover bg-center relative" style="background-image:url(/img/containers/assets/blog-frames.png/5a25debae4082b79eabf5a7ea8fa500a.png)"> <div style="padding-bottom:100%;"></div> </a> <div class="flex flex-col space-y-4 p-4"> <div class="flex flex-col space-y-1 text-xs uppercase"> <div><span class="font-bold text-black">Author:</span> Author Dave Carpenter</div> <div><span class="font-bold text-black">Published:</span> 2024-12-17</div> </div> <a href="/blog/dave-s-lens-capturing-hope-and-raising-funds-for-dementia-advocacy"><h3>Dave’s Lens: Capturing Hope and Raising Funds for Dementia Advocacy</h3></a> <div class="text-md"></div> </div> </div> </div> <div class="bg-blue-200 flex flex-col justify-between"> <div> <a href="/blog/human-rights-day-advocating-for-the-rights-of-people-living-with-dementia" class="flex flex-col w-full bg-cover bg-center relative" style="background-image:url(/img/containers/assets/blog-specific-1733840789.png/ae891fa7ed44d625feb361aede650314.png)"> <div style="padding-bottom:100%;"></div> </a> <div class="flex flex-col space-y-4 p-4"> <div class="flex flex-col space-y-1 text-xs uppercase"> <div><span class="font-bold text-black">Author:</span> Author Admin</div> <div><span class="font-bold text-black">Published:</span> 2024-12-10</div> </div> <a href="/blog/human-rights-day-advocating-for-the-rights-of-people-living-with-dementia"><h3>Human Rights Day: Advocating for the Rights of People Living with Dementia</h3></a> <div class="text-md"></div> </div> </div> </div> <div class="bg-blue-200 flex flex-col justify-between"> <div> <a href="/blog/support-dai-this-givingtuesday-and-empower-people-to-live-well-with-dementia" class="flex flex-col w-full bg-cover bg-center relative" style="background-image:url(/img/containers/assets/2024/blog-photos-2024/givingtues.png/9569df7318d7faf1777520380a37c2e2.png)"> <div style="padding-bottom:100%;"></div> </a> <div class="flex flex-col space-y-4 p-4"> <div class="flex flex-col space-y-1 text-xs uppercase"> <div><span class="font-bold text-black">Author:</span> Author Kate Swaffer</div> <div><span class="font-bold text-black">Published:</span> 2024-12-03</div> </div> <a href="/blog/support-dai-this-givingtuesday-and-empower-people-to-live-well-with-dementia"><h3>Support DAI This GivingTuesday and Empower People to Live Well with Dementia</h3></a> <div class="text-md"></div> </div> </div> </div> <div class="bg-blue-200 flex flex-col justify-between"> <div> <a href="/blog/nothing-about-us-without-all-of-us" class="flex flex-col w-full bg-cover bg-center relative" style="background-image:url(/img/containers/assets/blog-specific.png/d4684b5de33cb138781be61aa699292f.png)"> <div style="padding-bottom:100%;"></div> </a> <div class="flex flex-col space-y-4 p-4"> <div class="flex flex-col space-y-1 text-xs uppercase"> <div><span class="font-bold text-black">Author:</span> Author Kate Swaffer</div> <div><span class="font-bold text-black">Published:</span> 2024-12-03</div> </div> <a href="/blog/nothing-about-us-without-all-of-us"><h3>Nothing about US, without ALL of US.</h3></a> <div class="text-md"></div> </div> </div> </div> </div> <hr class="divider-green"> <section class="container justify-center"> <div class="flex flex-col boxed p-8 bg-grey-100"> <h2 class="text-2xl font-black leading-tight text-black mb-2 text-1xl">Sign up for News, Articles and Blog</h2> <form method="POST" action="https://dementiaallianceinternational.org/!/forms/mailing_list" id="form-form" class="flex flex-wrap" x-ref="form" x-data="sending" @submit.prevent="sendForm()"><input type="hidden" name="_token" value="A8aILTlc9tvExl0465tFNMoN9nUrpQm6TnQWSNCz"> <div class="w-full grid md:grid-cols-12 gap-y-6"> <div class="hidden"> <label class="font-light" for="honeypot">Fax <sup class="font-light text-red-400">*</sup></label> <input class="form-input w-full" id="honeypot" type="text" name="honeypot" tabindex="-1" autocomplete="off"/> </div> <div class="flex flex-col space-y-4 md:col-span-12" > <label class="font-bold" for="first_name">First Name <sup class="text-yellow-400">*</sup></label> <input class="w-full font-light rounded-none border-grey-300 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent" :class="{ 'border-red-600 focus-visible:border-red-600': errors.first_name }" id="first_name" name="first_name" type="text" placeholder="" /> <template x-if="errors.first_name"> <div class=" rounded border p-4 bg-red-100 border-red-600 "> <div class="flex"> <div class="flex-shrink-0"> <svg class="h-5 w-5 text-red-800 fill-current transition-colors" alt="" aria-hidden="true" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z" clip-rule="evenodd"/></svg> </div> <div class="ml-3"> <h3 class=" text-sm leading-5 font-bold text-red-800 " x-text='errors.first_name'> </h3> </div> </div> </div> </template> </div> <div class="flex flex-col space-y-4 md:col-span-12" > <label class="font-bold" for="email">Email <sup class="text-yellow-400">*</sup></label> <input class="w-full font-light rounded-none border-grey-300 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent" :class="{ 'border-red-600 focus-visible:border-red-600': errors.email }" id="email" name="email" type="email" placeholder="" /> <template x-if="errors.email"> <div class=" rounded border p-4 bg-red-100 border-red-600 "> <div class="flex"> <div class="flex-shrink-0"> <svg class="h-5 w-5 text-red-800 fill-current transition-colors" alt="" aria-hidden="true" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z" clip-rule="evenodd"/></svg> </div> <div class="ml-3"> <h3 class=" text-sm leading-5 font-bold text-red-800 " x-text='errors.email'> </h3> </div> </div> </div> </template> </div> <div class="md:col-span-1 pt-3"> <button x-bind:disabled="sending" x-bind:class="{'opacity-25 cursor-default': sending}" class=" btn text-lg leading-none tracking-normal bg-blue-500 border-blue-500 text-white " > <span class="font-bold text-lg leading-none tracking-tight">Submit</span> <svg viewBox="0 0 26.083 23.226 " xmlns="http://www.w3.org/2000/svg" class="ml-3 h-4 w-4 relative"> <path transform="translate(-213.77 -207.12)" d="m239.85 218.74-11.615-11.615-1.556 1.556 8.981 8.981h-21.893v2.2h21.867l-8.931 8.931 1.556 1.556z" class="fill-current"/> </svg> </button> </div> <template x-if="success"> <div class=" rounded border p-4 bg-green-100 border-green-600 md:col-span-12 "> <div class="flex"> <div class="flex-shrink-0"> <svg class="h-5 w-5 text-green-800 fill-current transition-colors" alt="" aria-hidden="true" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"/></svg> </div> <div class="ml-3"> <h3 class=" text-sm leading-5 font-bold text-green-800 " > Thank you, we received your message and will contact you as soon as possible. </h3> </div> </div> </div> </template> </div> </form> <script> document.addEventListener('alpine:initializing', () => { Alpine.data('sending', () => { return { error: false, errors: [], sending: false, success: false, sendForm: async function() { this.sending = true // Get a token and set it. const token = await getToken() document.querySelectorAll('form input[name="_token"]').forEach(function(item) { item.value = token }); // Post the form. fetch(this.$refs.form.action, { headers: { 'X-Requested-With' : 'XMLHttpRequest', }, method: 'POST', body: new FormData(this.$refs.form)}) .then(res => res.json()) .then(json => { console.log(json) console.log(this.$refs.form.action) if (json['success']) { this.errors = [] this.success = true this.error = false this.sending = false this.$refs.form.reset() setTimeout(function(){ this.success = false }, 4500) } if (json['error']) { this.sending = false this.error = true this.success = false this.errors = json['error'] } }) .catch(err => { err.text().then( errorMessage => { this.sending = false }) }) } } }) }) </script> </div> </section> </div> </main> </div> <footer class="w-full bg-grey-700 px-6 pt-8 pb-12 md:p-12 md:pb-16 flex flex-col space-y-8 md:space-y-16"> <div class="container flex flex-col md:flex-row justify-between md:space-x-4"> <div class="w-full md:w-4/6"> <div class="grid grid-cols-2 md:grid-cols-4"> <div class="flex flex-col text-blue-500 text-sm mb-8 md:mb-0 text-center"> <div class="mb-4 font-bold uppercase">About</div> <div class="flex flex-col space-y-1 text-xs leading-loose"> <a class="text-white" href="/about/our-mission">Our Mission and Vision</a> <a class="text-white" href="/about/our-core-beliefs">Our Core Beliefs</a> <a class="text-white" href="/about/sponsors">Our Sponsors</a> </div> </div> <div class="flex flex-col text-blue-500 text-sm mb-8 md:mb-0 text-center"> <div class="mb-4 font-bold uppercase">Resources & Info</div> <div class="flex flex-col space-y-1 text-xs leading-loose"> <a class="text-white" href="/human-rights">Human Rights and Disability</a> <a class="text-white" href="https://www.who.int/news-room/fact-sheets/detail/dementia">WHO: Dementia</a> <a class="text-white" href="/about/resources/resources-for-people-with-dementia">For People Living with Dementia</a> <a class="text-white" href="/about/resources/resources-for-care-partners">For Care Partners</a> <a class="text-white" href="https://www.youtube.com/channel/UC9OU-TO5MmvYPhmz6j7DYlg/videos">For Healthcare Practitioners</a> </div> </div> <div class="flex flex-col text-blue-500 text-sm mb-8 md:mb-0 text-center"> <div class="mb-4 font-bold uppercase">Get Involved</div> <div class="flex flex-col space-y-1 text-xs leading-loose"> <a class="text-white" href="/get-involved/donate">Donate</a> <a class="text-white" href="/get-support/become-a-member">Become a Member</a> <a class="text-white" href="/get-involved/become-a-sponsor">Become a Sponsor</a> </div> </div> <div class="flex flex-col text-blue-500 text-sm mb-8 md:mb-0 text-center"> <div class="mb-4 font-bold uppercase">Other Links</div> <div class="flex flex-col space-y-1 text-xs leading-loose"> <a class="text-white" href="/disclaimer">Disclaimer</a> <a class="text-white" href="/contact-us">Contact Us</a> </div> </div> </div> </div> <div class="w-full md:w-1/6 flex flex-row justify-start md:justify-end py-4 md:py-0 space-x-5"> <a href="https://www.linkedin.com/in/dementia-alliance-international-global-10032b109/"><img style="filter: invert(); " src="/assets/icons/linkedin.svg" width="20" height="20"></a> <a href="https://www.twitter.com/@DementiaAllianc"><img style="filter: invert(); " src="/assets/icons/twitter.svg" width="20" height="20"></a> <a href="https://www.facebook.com/DementiaAllianceInternational"><img style="filter: invert(); " src="/assets/icons/facebook.svg" width="20" height="20"></a> <a href="https://www.instagram.com/dementiaallianceint/"><img style="filter: invert(); " src="/assets/icons/instagram.svg" width="20" height="20"></a> <a href="https://www.youtube.com/@dementiaallianceinternational"><img style="filter: invert(); " src="/assets/icons/youtube.svg" width="20" height="20"></a> </div> </div> <div class="container flex flex-col md:flex-row w-full relative text-xs text-grey-400 leading-loose"> <div class="w-full md:w-2/3"> Dementia Alliance International © 2021 All Rights Reserved </div> <div class="flex flex-row w-full md:w-1/3 md:justify-end space-x-2"> <a href="https://dementiaallianceinternational.test/privacy-policy">Privacy Policy</a><span>|</span><a href="https://dementiaallianceinternational.test/terms-of-service">Terms of Service</a> </div> </div> </footer> <div id="player-and-voices-container" class="fixed bottom-0 p-2" x-data="{show_tts:false}"> <div x-show="!show_tts"> <a title="Open Text To Speech Controls" href="#" @click.prevent="show_tts = !show_tts; window.tts.enable()" class="cursor-pointer rounded-full bg-white btn btn-outline-blue w-16 h-16 p-2"> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current" viewBox="0 0 500 500" height="50px" width="50px"> <g> <g> <path d="M379.225,24.918H258.076c-48.974,0-89.788,35.589-97.949,82.262c-8.298,2.561-17.325,6.356-26.354,11.98 c-13.644,8.5-20.021,20.582-20.677,39.174c-0.001,0.056-0.002,0.111-0.002,0.169l0.047,0.001l-0.03,31.192l-0.01,0.003 c-0.22,0.064-0.436,0.145-0.646,0.238c-3.234,1.455-4.928,0.799-5.33,7.595c-0.458,7.741,0.887,28.19,9.237,33.292 c1.251,1.283,2.076,4.788,2.57,8.688c0.924,7.297,1.972,15.567,6.088,20.981c9.372,12.327,6.911,31.403,6.701,32.886 c-0.032,0.021-0.078,0.049-0.138,0.077c-5.775,2.593-7.292,7.644-8.4,11.336l-0.569,1.833c-1.495,4.816-2.907,9.371-4.855,13.694 c-0.262,0.376-1.391,1.27-2.854,1.821l-4.267,1.637c-26.976,10.342-54.87,21.033-80.775,35.354 C5.376,372.666,0.227,445.973,0.02,448.3c-0.125,1.397,0.344,2.783,1.291,3.818c0.948,1.035,2.286,1.625,3.689,1.625h178.673 h178.672c1.403,0,2.742-0.59,3.689-1.625s1.416-2.421,1.291-3.818c-0.207-2.327-5.356-75.634-29.843-89.169 c-25.905-14.32-53.8-25.013-80.775-35.354l-4.268-1.637c-1.463-0.553-2.592-1.445-2.854-1.821 c-1.948-4.323-3.36-8.878-4.856-13.694l-0.567-1.833c-1.108-3.692-2.625-8.743-8.399-11.336c-0.061-0.028-0.106-0.056-0.138-0.077 c-0.209-1.48-2.67-20.559,6.701-32.886c4.115-5.414,5.164-13.687,6.088-20.981c0.494-3.898,1.317-7.404,2.569-8.688 c2.282-1.394,4.038-3.938,5.38-7.052c0.569,0.01,1.139,0.021,1.71,0.021h33.322v38.232c0,8.146,4.862,15.424,12.394,18.543 c2.446,1.012,5.028,1.525,7.672,1.525c5.362,0,10.402-2.09,14.163-5.851l52.815-52.451h0.784c54.83,0,99.438-44.607,99.438-99.438 C478.662,69.525,434.055,24.918,379.225,24.918z M379.225,199.911h-10.628l-53.317,52.948v-52.948h-54.981 c-0.008-0.881-0.035-1.683-0.075-2.379c-0.403-6.796-2.096-6.14-5.33-7.595c-0.209-0.094-0.425-0.174-0.646-0.238l-0.01-0.003 l0.01-31.189c-0.02-15.871-3.871-26.547-11.78-32.636c-3.5-2.695-7.519-5.218-11.405-7.658c-5.379-3.376-10.94-6.868-12.956-9.599 c-4.398-5.964-18.997-6.608-25.069-6.608c-1.86,0-4.31,0.066-7.222,0.283c9.464-30.929,38.273-53.489,72.26-53.489h121.148 c41.662,0,75.557,33.896,75.557,75.556C454.781,166.018,420.887,199.911,379.225,199.911z"></path> <circle cx="270.804" cy="125.247" r="14.885"></circle> <circle cx="318.65" cy="125.247" r="14.885"></circle> <circle cx="366.496" cy="125.247" r="14.885"></circle> </g> </g> </svg> </a> </div> <div x-show="show_tts" id="player-and-voices" class=""> <div class="p-2 text-center bg-white flex flex-row justify-between space-x-2"> <div class="text-left"> <h3>Text To Speech</h3> <p>Click text to start reading</p> </div> <div> <a title="Close Text To Speech" href="#" @click.prevent="show_tts = !show_tts; window.tts.disable()" class="btn btn-outline-blue rounded-full"> <svg class="stroke-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24px" height="24px"> <path stroke-miterlimit="10" stroke-width="2" d="M4 4L20 20M20 4L4 20"/> </svg> </a> </div> </div> </div> </div> <div id="google-translate-container" class="fixed bottom-0 right-0 p-2" x-data="{show_google_translate:false}"> <div x-show="!show_google_translate"> <a title="Open Google Translate" href="#" @click.prevent="show_google_translate = !show_google_translate;" class="cursor-pointer rounded-full bg-white btn btn-outline-blue w-16 h-16 p-2"> <svg class="fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50" width="50px" height="50px"> <path fill="none" class="stroke-current" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2" d="M9.9 22.6c0 0 11.1-3.7 11.1-11.6M12 13.5c0 0 3 5.5 9 7.9M8 11L25 11M17 11L17 8"/> <path d="M36.7 37h-5.3l-1.1 3.2h-2.5l5.2-13.8h2.1l5.2 13.8h-2.5L36.7 37zM32 35.1h4l-2-5.7L32 35.1zM12 25L7 31 10 31 10 35 14 35 14 31 17 31z"/> <path d="M25 38L19 33 19 36 10 36 14 40 19 40 19 43z"/> <path d="M44,21H24c-1.7,0-3,1.3-3,3v8.4l2,1.7V24c0-0.6,0.4-1,1-1h20c0.6,0,1,0.4,1,1v20c0,0.6-0.4,1-1,1H24c-0.6,0-1-0.4-1-1v-2l-2,1.7V44c0,1.7,1.3,3,3,3h20c1.7,0,3-1.3,3-3V24C47,22.3,45.7,21,44,21z"/> <path d="M17.6 29L22 29 22 27 16 27zM26 3H6C4.3 3 3 4.3 3 6v20c0 1.7 1.3 3 3 3h.4L8 27H6c-.6 0-1-.4-1-1V6c0-.6.4-1 1-1h20c.6 0 1 .4 1 1v16h2V6C29 4.3 27.7 3 26 3z"/> </svg> </a> </div> <div x-show="show_google_translate" id="show-google-translate"> <div class="p-2 text-center bg-white flex flex-row items-center space-x-2"> <div id="google_translate_element" class="w-full" ></div> <div> <a title="Close Google Translate" href="#" @click.prevent="show_google_translate = !show_google_translate; " class="btn btn-outline-blue rounded-full"> <svg class="stroke-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24px" height="24px"> <path stroke-miterlimit="10" stroke-width="2" d="M4 4L20 20M20 4L4 20"/> </svg> </a> </div> </div> </div> </div> <span class="show-google-translate goog-te-gadget-simple goog-te-menu-frame goog-te-gadget-icon goog-te-menu-value hidden" height="0" width="0"><img src="" alt=""></span> <script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit" type="text/javascript"></script> <script type="text/javascript"> // <![CDATA[ function googleTranslateElementInit() { new google.translate.TranslateElement({pageLanguage: 'en', includedLanguages: 'ar,de,en,es,fr,iw,hi,ja,ru,zh-CN,zh-TW', layout: google.translate.TranslateElement.InlineLayout.SIMPLE}, 'google_translate_element'); } // ]]> // Hide Text-to-Speech tool if the page has been translated to a language it doesn't read properly let ttsTool = document.getElementById('player-and-voices-container'); // The TTS Tool container // Listen for changes to selected language in Google Translate tool after the widget has loaded window.onload = (event) => { // The span that displays the selected language const currentLanguageSpan = document.getElementsByClassName('goog-te-menu-value')[0].getElementsByTagName('span')[0]; // Create mutation observer to look for DOM changes const observerConfig = {childList: true}; const observerCallback = (mutationList, languageObserver) => { for (const mutation of mutationList) { if (mutation.type === 'childList') { // The span text is a child of the element console.log(currentLanguageSpan.innerText); // If the selected language indicator is for English/Default, make the TTS Tool visible if(currentLanguageSpan.innerText === 'Select Language' || currentLanguageSpan.innerText === 'English'){ ttsTool.style.visibility = 'visible'; } else { // If possibly incompatible language, hide the TTS Tool ttsTool.style.visibility = 'hidden'; } } } }; // Start the mutation observer const languageObserver = new MutationObserver(observerCallback); languageObserver.observe(currentLanguageSpan, observerConfig); }; </script> </body> </html>