const options = {
    instructionsPage1: "<h3>Click on the box with a picture of a primary source on its side.</h3>" ,
    completionURL: "../go_to_room/go_on.html", // URL to proceed to after the block ends
    numberToDisplay: 5,
     absolutePosition: {
         height: "180px", // When absolute positioning is used, the size of the cards must be set explicitly
        width: "150px"
     },
    randomizeCards: true,
    scoreLabel: "Matches",
    correct_sound: "audio/correct.wav" ,
    timed: 1 ,  // Change to 1 if you want the game to be timed
    successText: "You won!"
}

const cards_config = {
    card_array: [
        {
            front: {
                image: "images/garbage1.png",
                alt: "can of stinking garbage",

            },
            back: {
                image: "images/box_robot.png",
                alt: "box with picture of robot"
            },
            position: {
                left: "10px",
                bottom: "10px"
            },
            clickSound: "../../audio/ooh.mp3",
            clickMessage: "<h1>Yuck! Garbage!</h1>",
        },
        {
            front: {
                image: "images/garbage2.png",
                alt: "more garbage"
            },
            back: {
                image: "images/box_with_ice_cream.png",
                alt: "box with ice cream on label"
            },
            position: {
                left: "150px",
                bottom: "10px"
            },
            clickSound: "../../audio/ooh.mp3",
            clickMessage: "<h1>Yuck! Garbage!</h1>"
        },
        {
            front: {
                image: "images/clark_map.png",
                alt: "Clark's original map"
            },
            back: {
                image: "images/box_with_letter.png",
                alt: "box with letter on label"
            },
            distinguishedItem: {
                text: "Great! You found Clark's map!"
            },
            position: {
                left: "300px",
                bottom: "10px"
            },
            clickSound: "audio/correct.wav"
        },
        {
            front: {
                image: "images/garbage3.png",
                alt: "pile of old letters"
            },
            back: {
                image: "images/box_with_star.png",
                alt: "box with star on label"
            },
            position: {
                left: "450px",
                bottom: "10px"
            },
            clickSound: "../../audio/ooh.mp3",
            clickMessage: "<h1>Yuck! Garbage!</h1>",
        },
        {
            front: {
                image: "images/garbage2.png",
                alt: "more garbage"
            },
            back: {
                image: "images/box_with_star.png",
                alt: "box with star on label"
            },
            position: {
                left: "600px",
                bottom: "10px"
            },
            clickSound: "../../audio/ooh.mp3",
            clickMessage: "<h1>Yuck! Stinky garbage!</h1>",
        },
        {
            front: {
                image: "images/garbage1.png",
                alt: "can of stinking garbage",
            },
            back: {
                image: "images/box_with_ice_cream.png",
                alt: "box with no ice cream"
            },
            position: {
                left: "750px",
                bottom: "10px"
            },
            clickSound: "../../audio/ooh.mp3",
            clickMessage: "<h1>Yuck! Stinky garbage!</h1>",
        },
        {
            front: {
                image: "images/garbage1.png",
                alt: "can of stinking garbage",
            },
            back: {
                image: "images/cardboard_box1.png",
                alt: "plain cardboard box"
            },
            position: {
                left: "600px",
                bottom: "10px"
            },
            clickSound: "../../audio/ooh.mp3",
            clickMessage: "<h1>Yuck! Garbage!</h1>"
        },
        {
            front: {
                image: "images/garbage3.png",
                alt: "pile of junk mail",
            },
            back: {
                image: "images/cardboard_box2.png",
                alt: "question mark"
            },
            position: {
                left: "450px",
                bottom: "10px"
            },
            clickSound: "../../audio/ooh.mp3",
            clickMessage: "<h1>Yuck! Just junk!</h1>",
        },
    ]
}


export {
    options, cards_config
};