/script.ts at main

enum Answer {
    Cat,
    Dog,
    Neither,
}

type Animal = {
    name: string
    binom: string
    tagline: string
    ans: Answer
    img: string
    img2: string
    img3: string
}

let animals: Array<Animal> = [
    {
        name: "Spotted hyena",
        binom: "Crocuta crocuta",
        tagline: "Unfairly defamed in <i>The Lion King</i>.",
        ans: Answer.Cat,
        img: "https://upload.wikimedia.org/wikipedia/commons/thumb/d/dc/Spotted_hyena_%28Crocuta_crocuta%29.jpg/1280px-Spotted_hyena_%28Crocuta_crocuta%29.jpg",
        img2: "Jock-in-tlk.avif", // https://static.wikia.nocookie.net/disney/images/9/9d/Jock_in_The_Lion_King.jpg
        img3: "__spotted_hyena_kemono_friends_and_1_more_drawn_by_ieinu_account__6a266e7fc215f64d13083d9291c4c6b8.avif",
    },
    {
        name: "Red panda",
        binom: "Ailurus fulgens",
        tagline: "Firefox is named after red pandas, but the logo nowadays is instead a fox, what a scam.",
        ans: Answer.Dog,
        img: "https://upload.wikimedia.org/wikipedia/commons/thumb/f/fd/Red_Panda%2C_Gentle_Tree-Dweller_of_the_Himalayas.jpg/1280px-Red_Panda%2C_Gentle_Tree-Dweller_of_the_Himalayas.jpg",
        img2: "https://upload.wikimedia.org/wikipedia/en/9/9e/Turning_Red_poster.jpg",
        img3: "__red_panda_kemono_friends_drawn_by_cthun_n__c3c2f806ace5e173845ccc5f97e493ec.avif",
    },
    {
        name: "Striped skunk",
        binom: "Mephitis mephitis",
        tagline: "NO, tomato juice DOES NOT work.",
        ans: Answer.Dog,
        img: "https://upload.wikimedia.org/wikipedia/commons/1/1f/Skunk_about_to_spray.jpg",
        img2: "https://upload.wikimedia.org/wikipedia/commons/thumb/2/21/F117-palmdale-040625-01.jpg/1280px-F117-palmdale-040625-01.jpg",
        img3: "__striped_skunk_kemono_friends_drawn_by_tikano__4f4fc314d3c2be818555905476c44537.avif",
    },
    {
        name: "Fossa",
        binom: "Cryptoprocta ferox",
        tagline: "Obsolete Ubuntu version, please update ASAP!",
        ans: Answer.Cat,
        img: "https://upload.wikimedia.org/wikipedia/commons/a/a6/Cryptoprocta_Ferox.JPG",
        img2: "https://upload.wikimedia.org/wikipedia/commons/2/21/Desktop_Ubuntu_20.04.png",
        img3: "__fossa_kemono_friends_drawn_by_tanabe_fueisei__67e4c7b13f8ac6f2ffb9531867002829.avif",
    },
    {
        name: "California sea lion",
        binom: "Zalophus californianus",
        tagline: "You like sea lions, right?",
        ans: Answer.Dog,
        img: "https://upload.wikimedia.org/wikipedia/commons/thumb/7/74/California_sea_lion_in_La_Jolla_%2870568%29.jpg/1280px-California_sea_lion_in_La_Jolla_%2870568%29.jpg",
        img2: "2014-09-19-1062sea.avif", // https://wondermark.com/wp-content/uploads/2023/06/2014-09-19-1062sea.png
        img3: "__california_sea_lion_kemono_friends_and_1_more_drawn_by_yumeumi_sousaku__3990923da121c291476bc40b1776d60c.avif",
    },
    {
        name: "Stoat",
        binom: "Mustela erminea",
        tagline: "All stoats are weasels, but not all weasels are stoats.",
        ans: Answer.Dog,
        img: "https://upload.wikimedia.org/wikipedia/commons/d/d1/Mustela_erminea_upright2.jpg",
        img2: "https://upload.wikimedia.org/wikipedia/commons/thumb/b/bf/Lady_with_an_Ermine_-_Leonardo_da_Vinci_%28adjusted_levels%29.jpg/960px-Lady_with_an_Ermine_-_Leonardo_da_Vinci_%28adjusted_levels%29.jpg",
        img3: "__stoat_kemono_friends_drawn_by_tanabe_fueisei__ecf37310c0d0ff4237db0d19ad790450.avif",
    },
    {
        name: "Yellow mongoose",
        binom: "Cynictis penicillata",
        tagline: "Couldn't find a good image, sorry...",
        ans: Answer.Cat,
        img: "https://upload.wikimedia.org/wikipedia/commons/thumb/9/9a/Cynictis_penicillata_%28Etosha%2C_2011%29.jpg/960px-Cynictis_penicillata_%28Etosha%2C_2011%29.jpg",
        img2: "2uqmhpfa29y01.avif", // https://www.reddit.com/r/CrappyDesign/comments/8jwm9d/of_all_the_yellow_mongoose_pictures_on_the/
        img3: "none.jpg",
    },
    {
        name: "Binturong",
        binom: "Arctictis binturong",
        tagline: "\"A binturong looks like Paddington Bear's cousin who moved onto harder drugs than marmalade, and hasn't had a hit in a few days, and is doing it hard.\"",
        ans: Answer.Cat,
        img: "https://upload.wikimedia.org/wikipedia/commons/a/a7/Binturong_in_Overloon.jpg",
        img2: "__binturong_kemono_friends_drawn_by_kanmoku_san__51aba077780c1ea59ac4b34b4c97256d.avif",
        img3: "__binturong_kemono_friends_drawn_by_kanmoku_san__51aba077780c1ea59ac4b34b4c97256d.avif",
    },
    {
        name: "Sea otter",
        binom: "Enhydra lutris",
        tagline: "Lutris is a free and open source game manager for Linux-based operating systems, wait no, wrong Lutris.",
        ans: Answer.Dog,
        img: "https://upload.wikimedia.org/wikipedia/commons/0/02/Sea_Otter_%28Enhydra_lutris%29_%2825169790524%29_crop.jpg",
        img2: "https://upload.wikimedia.org/wikipedia/commons/thumb/9/99/Lutris_Game_Platform_%28Logo%29.svg/3840px-Lutris_Game_Platform_%28Logo%29.svg.png",
        img3: "__californian_sea_otter_kemono_friends_drawn_by_shiraha_maru__6940d850f499129f0b4b68841e1774d7.avif",
    },
    {
        name: "Tibetan fox",
        binom: "Vulpes ferrilata",
        tagline: "I will now meditate very very sternly at you.",
        ans: Answer.Dog,
        img: "https://upload.wikimedia.org/wikipedia/commons/3/31/Vulpes_ferrilata.jpg",
        img2: "main.avif", // https://stickershop.line-scdn.net/sticonshop/v1/product/634e4b1bda99bd050865fc4a/iPhone/main.png
        img3: "__tibetan_fox_kemono_friends_drawn_by_kanmoku_san__4edba57c8b5c8fdea95a1f9a64508e32.avif",
    },
    {
        name: "Tasmanian devil",
        binom: "Sarcophilus harrisii",
        tagline: "Has the strongest bite per unit body mass of any land mammal!",
        ans: Answer.Neither,
        img: "https://upload.wikimedia.org/wikipedia/commons/thumb/4/43/Sarcophilus_harrisii_taranna.jpg/1280px-Sarcophilus_harrisii_taranna.jpg",
        img2: "https://upload.wikimedia.org/wikipedia/en/thumb/c/c4/Taz-Looney_Tunes.svg/1920px-Taz-Looney_Tunes.svg.png",
        img3: "__tasmanian_devil_kemono_friends_drawn_by_kumasyan1998__6a46cb03bc504cb4d7c1e1a36e50d5ca.avif",
    },
    {
        name: "Meerkat",
        binom: "Suricata suricatta",
        tagline: "I took that photo myself at the Taipei zoo!",
        ans: Answer.Cat,
        img: "https://unnamed.website/img/travel/IMG_20240819_112050_440.avif",
        img2: "https://upload.wikimedia.org/wikipedia/commons/c/cb/Suricata_IDS.png",
        img3: "__meerkat_kemono_friends_drawn_by_kkkkkenzen__5556b7e547a30c8d1fd3f5a92b14d6ec.avif",
    },
    {
        name: "Masked palm civet",
        binom: "Paguma larvata",
        tagline: "The guys who gave us SARS.",
        ans: Answer.Cat,
        img: "https://upload.wikimedia.org/wikipedia/commons/2/2a/Palm_civet_on_tree_%28detail%29.jpg",
        img2: "palm-civets-sars-reservoir-l.avif", // https://image.slideserve.com/1155225/palm-civets-sars-reservoir-l.jpg"
        img3: "__masked_palm_civet_kemono_friends_drawn_by_tanabe_fueisei__fdb68493ca4d72b10404782d9f1fd7e9.avif",
    },
    {
        name: "Ring-tailed cat",
        binom: "Bassariscus astutus",
        tagline: "Yeah I have no idea what this one is either.",
        ans: Answer.Dog,
        img: "https://upload.wikimedia.org/wikipedia/commons/b/ba/Squaw-ringtail-28073.jpg",
        img2: "__ringtail_kemono_friends_drawn_by_toriny__5b6a08218b5ed4b1700378a19c820e22.avif",
        img3: "__ringtail_kemono_friends_drawn_by_toriny__5b6a08218b5ed4b1700378a19c820e22.avif",
    },
    {
        name: "Ring-tailed lemur",
        binom: "Lemur catta",
        tagline: "<a href=\"https://www.youtube.com/watch?v=yYXoCHLqr4o\">Lemurs get high</a>.",
        ans: Answer.Neither,
        img: "https://upload.wikimedia.org/wikipedia/commons/thumb/0/0b/Ring-tailed_lemur_%28Lemur_catta%29.jpg/960px-Ring-tailed_lemur_%28Lemur_catta%29.jpg",
        img2: "MV5BNTcwNDM2Nzc5NV5BMl5BanBnXkFtZTgwNDA3NjY4MzE@._V1_FMjpg_UX1000_.avif", // https://m.media-amazon.com/images/M/MV5BNTcwNDM2Nzc5NV5BMl5BanBnXkFtZTgwNDA3NjY4MzE@._V1_FMjpg_UX1000_.jpg
        img3: "__ring_tailed_lemur_kemono_friends_drawn_by_tanabe_fueisei__741f0681ad35681a893b5f21748aca35.avif",
    },
    {
        name: "Giant panda",
        binom: "Ailuropoda melanoleuca",
        tagline: "Pandas don't take fall damage.",
        ans: Answer.Dog,
        img: "https://upload.wikimedia.org/wikipedia/commons/thumb/0/0f/Grosser_Panda.JPG/1280px-Grosser_Panda.JPG",
        img2: "https://upload.wikimedia.org/wikipedia/en/a/a4/Never_Say_No_to_Panda.png",
        img3: "__giant_panda_kemono_friends_drawn_by_a888_n22__1eac498710c6203de1aa164f59f3527d.avif",
    },
    {
        name: "Stripe-necked mongoose",
        binom: "Urva vitticolla",
        tagline: "Last question!",
        ans: Answer.Cat,
        img: "https://upload.wikimedia.org/wikipedia/commons/4/43/2007-stripe-necked-mongoose.jpg",
        img2: "hero_video.avif", // https://mongoose.ws/images/hero_video.webp
        img3: "none.jpg",
    },
]

let idx = 0
let correct = 0

function showq() {
    if (idx < animals.length) {
        document.getElementById("name")!.innerHTML = animals[idx].name;
        document.getElementById("binom")!.innerHTML = "<i>" + animals[idx].binom + "</i>";
        document.getElementById("tagline")!.innerHTML = animals[idx].tagline;
        (document.getElementById("img") as HTMLImageElement).src = animals[idx].img;
        let img2 = window.location.pathname == "/anime.html" ? animals[idx].img3 : animals[idx].img2;
        (document.getElementById("img2") as HTMLImageElement).src = img2.startsWith("https") ? img2 : "img/" + img2;
    }
    else {
        document.getElementById("name")!.innerHTML = "Your score: " + correct + "/" + animals.length;
    }
}

showq()

async function answered(ans: Answer) {
    // Iterating over an enum is too complicated I guess
    for (let i in [0, 1, 2]) {
        document.getElementById("button" + i)!.style.backgroundColor = "red";
    }
    document.getElementById("button" + animals[idx].ans)!.style.backgroundColor = "lime";
    if (ans == animals[idx].ans) {
        correct++;
    }
    idx++;
    await new Promise(r => setTimeout(r, 1000));
    showq();
    for (let i in [0, 1, 2]) {
        document.getElementById("button" + i)!.style.backgroundColor = "";
    }
}