Feature request: add a "testimonial" widget for use in a few places #3340
Description
Recently, a boat load of testimonial quotes came into my possession. These could be useful in a few places because they cover different topics, but mostly center around "I couldn't have done my research without Galaxy" or "Galaxy makes teaching bioinformatics awesome." The first place I'd like to use these quotes is somewhere on the main page, perhaps in the frequently empty section on near the top right of the home page. I created a quick demo of how that could be implemented, using this simple html:
<!DOCTYPE html>
<html>
<head>
<script language="javascript">
// Configuration array holding the content for the div
const contentConfig = [
{"author":"Jan M.", "quote":"Galaxy makes bioinformatics accessible. It allows my graduate students and me to quickly implement new analyses without having to be good with programming languages. This is especially important since we are at a small institute with no available bioinformatics support"},
{"author":"Andreas H.","quote":"Galaxy provides a cost effective and easy to use resource for bioinformatics analysis without relying on coding. It improved accessibility to the community, even to none experts and allows for fast processing. Galaxy is critical for our lab to process sequence related data."},
{"author":"Brian M.","quote":"Galaxy is a critical time save and an assurance that other's can take over my work when I move on from my current position! Work flows that i've setup I use to take our miseq data and convert it into easily filtered genomes for influenza (at current moment) and SARS-CoV-2 genomes. these are then imperative in the analysis and troubleshooting section of the experiments and help keep other work flowing with ease of mind!"},
{"author":"Dale B.","quote":"I am an associate professor at a small primarily undergraduate university in central Virginia. We do have the budget to support some genomics educational components and I have been working very hard to get a microbe sequencing program running using Oxford Nanopore devices. However, we do not have the technical support or computational infrastructure required to have a full classroom of independent genome analysis computers. Galaxy allows my students (from single person to full classroom) to use their somewhat battered and often outdated laptops to access research-level and community-recognized computational power remotely to complete their analyses in a timely manner that facilitates teaching in a condensed classroom timeframe. Online tools like Galaxy are an incredible asset for training future biologists and pre-medical trainees about comparative and analytical genomics to prepare them for post-college success in careers serving and developing personalized medical applications for the next generation. "}
];
let currentIndex = 0; // To keep track of the current content index
// Function to update the div content
function updateDivContent() {
const targetDiv = document.getElementById('myDynamicDiv'); // Get the div element
if (targetDiv) {
targetDiv.innerHTML = contentConfig[currentIndex].quote +'<br/> <i>--'+contentConfig[currentIndex].author + '</i>'; // Set the content
// Increment the index and loop back to 0 if it exceeds the array length
currentIndex = (currentIndex + 1) % contentConfig.length;
} else {
console.error("Div with ID 'myDynamicDiv' not found.");
}
}
// Call the function immediately to set initial content
updateDivContent();
// Set an interval to call the function every 20 seconds (20000 milliseconds)
setInterval(updateDivContent, 20000);
</script>
</head>
<body>
<h3> quote scroller demo</h3>
<p> below here</p>
<div id="myDynamicDiv">I am an associate professor at a small primarily undergraduate university in central Virginia. We do have the budget to support some genomics educational components and I have been working very hard to get a microbe sequencing program running using Oxford Nanopore devices. However, we do not have the technical support or computational infrastructure required to have a full classroom of independent genome analysis computers. Galaxy allows my students (from single person to full classroom) to use their somewhat battered and often outdated laptops to access research-level and community-recognized computational power remotely to complete their analyses in a timely manner that facilitates teaching in a condensed classroom timeframe. Online tools like Galaxy are an incredible asset for training future biologists and pre-medical trainees about comparative and analytical genomics to prepare them for post-college success in careers serving and developing personalized medical applications for the next generation. <br/> <i>--Dale B.</i> </div>
<p> above here</p>
</body>
</html>
But I'm thinking the quotes would go in one or more markdown files, and if we choose to, we can ignore the authors' names. Also, since there will be dozens of these quotes, it probably makes sense to make the index each time through the loop a random number.
Would somebody be willing to implement this in the hub's Vue codebase?