1--- 2import Label from "../components/Label.astro" 3--- 4<script> 5 interface Quote { 6 quote: string, 7 quotee: string, 8 } 9 const quoteElement = document.getElementById("quote") as HTMLElement 10 const quoteeElement = document.getElementById("quotee") as HTMLElement 11 12 const quotes: Quote[] = [ 13 { quote: "America is a nation that can be defined in a single word: asufutimaehaehfutbw", quotee: "Joseph Robinette Biden Jr."}, 14 { quote: "What if they- what if anything- what if a bomb drops on your head right now?", quotee: "Donald John Trump"}, 15 { quote: "Heh heh heh, oh it's focused. I say it's err- I think it's- I- I- I haven't-- look.", quotee: "Joseph Robinette Biden Jr."}, 16 { quote: "the color orange is named after the fruit", quotee: "Elon Reeve Musk" }, 17 { quote: "I'm excited about electric school busses, I love electric school busses, I just love them..", quotee: "Kamala Devi Harris"}, 18 { quote: "One thing that really encourages me is AI. I love AI. I love ChatGPT. I love it. ChatGPT is frankly fantastic.", quotee: "Alexander Boris de Pfeffel Johnson" }, 19 { quote: "I am a fighter and not a quitter!", quotee: "Elizabeth Mary Truss" }, 20 ] 21 const quote: Quote = quotes[Math.floor(Math.random()*quotes.length)] 22 23 quoteElement.textContent = '"' + quote.quote + '"' 24 quoteeElement.textContent = "- " + quote.quotee 25</script> 26<span class="relative p-3 -mt-px border border-ctp-surface0 text-sm w-full"> 27 <Label name="Quote"/> 28 <div class="flex flex-col text-sm gap-1"> 29 <span id="quote" class="italic"></span> 30 <span id="quotee" class="w-full text-right"></span> 31 </div> 32</span>