Card Types

There are five type of cards in Sanctuary: Characters, Experience, Equipment, Actions, and Relics.

Characters

Heroes

Companions

Experience

Class Levels

Backstories

Equipment

Consumed

Equipped

Placed

Actions

Ready Actions

Combined Actions

Reactions

Immediate Actions

<script>
    // Define image sources
    const imageSources = [
        "https://sanctuarytcg.info/uploads/images/gallery/2024-08/9VsR2FkqUXUtkgJW-heroes-v2-4-devrim.png",
        "https://sanctuarytcg.info/uploads/images/gallery/2024-08/UlzEI8fZrhlh5gcz-heroes-v2-4-zander.png",
        "https://sanctuarytcg.info/uploads/images/gallery/2024-08/QBXnASsTJ0yeLgQh-heroes-v2-4-ingram.png"
    ];

    // Set the src attributes of the images
    document.getElementById('img1').src = imageSources[0];
    document.getElementById('img2').src = imageSources[1];
    document.getElementById('img3').src = imageSources[2];

    document.querySelector('.stack-container').addEventListener('mouseover', () => {
        const images = document.querySelectorAll('.stack-container img');
        images[0].style.transform = 'translateX(-260px) scale(1)'; // Move left image to the left and scale to 1.0
        images[1].style.transform = 'translateX(260px) scale(1)'; // Move center image to the right and scale to 1.0
        images[2].style.transform = 'translateX(0px)'; // Right image stays in place
    });

    document.querySelector('.stack-container').addEventListener('mouseleave', () => {
        const images = document.querySelectorAll('.stack-container img');
        images[0].style.transform = 'translateX(0) scale(0.9)'; // Reset left image position and scale to 0.9
        images[1].style.transform = 'translateX(0) scale(0.9)'; // Reset center image position and scale to 0.9
        images[2].style.transform = 'translateX(0)'; // Reset right image position
    });
</script>