diff --git a/Gemfile.lock b/Gemfile.lock index cc3576249d..59bad84cd3 100644 --- a/Gemfile.lock +++ b/Gemfile.lock @@ -11,7 +11,6 @@ GEM eventmachine (1.2.7) eventmachine (1.2.7-x64-mingw32) ffi (1.15.5) - ffi (1.15.5-x64-mingw32) forwardable-extended (2.6.0) google-protobuf (3.21.12) http_parser.rb (0.8.0) diff --git a/_includes/footer.html b/_includes/footer.html index afaef7cf63..ede4f2c929 100644 --- a/_includes/footer.html +++ b/_includes/footer.html @@ -141,14 +141,38 @@

e.src = '../assets/images/company-logo/layer5-dark-mode-logo.svg') allLogos.forEach(e => e.src = e.dataset.logoForDark) + twitterTimeline.dataset.theme = "dark"; } else { layer5Logos.forEach(e => e.src = '../assets/images/company-logo/layer5-no-trim.svg') allLogos.forEach(e => e.src = e.dataset.logoForLight) + twitterTimeline.dataset.theme = "light"; } + + parentTwitterTimeline.removeChild(twitterTimeline); + + // Create a new Twitter timeline element + let newTimeline = document.createElement('a'); + newTimeline.innerHTML = 'Tweets by Meshery'; + newTimeline.setAttribute('class', 'twitter-timeline'); + newTimeline.setAttribute('data-width', '320'); + newTimeline.setAttribute('data-height', '320'); + newTimeline.setAttribute('data-theme', twitterTimeline.dataset.theme); + newTimeline.setAttribute('data-link-color', '#62ACCD'); + newTimeline.setAttribute('data-chrome', 'nofooter circularborders noscrollbar'); + newTimeline.setAttribute('href', 'https://twitter.com/mesheryio'); + + // Append the new Twitter timeline element to the parent + parentTwitterTimeline.appendChild(newTimeline); + + // Load the Twitter widget for the new timeline + window.twttr.widgets.load(); + if (document.body.classList.contains("dark-mode")) { localStorage.setItem("mode", "dark-mode") } else { @@ -244,4 +268,4 @@

- \ No newline at end of file +