Add google translator & Post Scroller

[DEAVolusia]

Can you please add the google translator? Your last update was one day before I married my wife Battista and posted it on your website while listening to NPR Orlando WMFE https://www.cfpublic.org/
https://near.social/mob.near/widget/MainPage.N.Post.Page?accountId=tturbo4gg.near&blockHeight=129107132 Here is the reference.
Can you also add a JavaScript to automatically open and scroll down to the highlighted post?

<script type="text/javascript"> function googleTranslateElementInit() { new google.translate.TranslateElement({pageLanguage: 'en'}, 'google_translate_element'); } </script> <script type="text/javascript" src="//[translate.google.com/translate_a/element.js?cb=googleTranslateElementInit](https://www.google.com/url?q=http://translate.google.com/translate_a/element.js?cb%3DgoogleTranslateElementInit&sa=D&source=editors&ust=1741555617470516&usg=AOvVaw0hEo-SbKbXlTHOu7T489z_)"></script>

[DEAVolusia]

Just for a reference this was found on https://support.google.com/sites/thread/190779094/add-google-translate-to-my-google-site?hl=en then went to
https://support.google.com/translate/answer/2534559?hl=en&co=GENIE.Platform%3DDesktop&sjid=18242826624061235367-NA

Website translation widget
If you’re an academic institution or government, nonprofit, or non-commercial website, you may be eligible to sign up for the Google Translate Website Translator shortcut. This tool translates web content into over 100 languages. To get the Website Translator shortcut, sign up on our website translation form.

[DEAVolusia]

Here's how to automatically scroll a div to the bottom using JavaScript:

Using scrollTop and scrollHeight

This method sets the scrollTop property of the div to its scrollHeight, effectively scrolling to the bottom.

const div = document.getElementById('your-div-id');div.scrollTop = div.scrollHeight; --

Considerations

• Ensure the div has content that overflows its boundaries, otherwise scrolling will not be possible.
• If the content of the div is dynamically updated, call the scrolling function after the content has been added or changed.
• For smooth scrolling, use the behavior: 'smooth' option in scrollIntoView().
• The overflow-anchor CSS property can influence scroll behavior, potentially preventing unwanted jumps.

Generative AI is experimental.

[DEAVolusia]

https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollTop
HTML
``

Far out in the uncharted backwaters of the unfashionable end of the western spiral arm of the Galaxy lies a small unregarded yellow sun. Orbiting this at a distance of roughly ninety-two million miles is an utterly insignificant little blue green planet whose ape-descended life forms are so amazingly primitive that they still think digital watches are a pretty neat idea.

scrollTop: 0

``

CSS
`#container {
overflow: scroll;
height: 150px;
width: 150px;
border: 5px dashed orange;
}

#output {
padding: 1rem 0;
}

JavaScript
`const container = document.querySelector("#container");
const output = document.querySelector("#output");

container.addEventListener("scroll", (event) => {
output.textContent = scrollTop: ${container.scrollTop};
});
`