index.html

---
title: Home
layout: homepage
---
<section class="p-strip--image is-dark is-shallow homepage" style="background-image:url('./assets/img/hl3.png');padding-bottom:0rem; height: 75vh">
    <div class = "row">
        <div id = "announcement" class="p-notification animated slideInDown">
            <p class="p-notification__response">
                    We're testing a new story idea for <i>The Angel Returns</i> and want to hear your feedback!
                    <a href = "/ralsei.html">Learn more</a>
            </p>
            <button class="p-icon--close" aria-label="Close notification" onclick="closeNotification('announcement')">Close</button>
        </div>
    </div>
    <div class="row">
        <div class="col-12">
        <h2 class="shadow">The Angel is returning</h2>
        </div>
    </div>
    <div class="row">
        <div class="col-7">
        <p class="shadow">It's spring break! Join the Literature Club girls in an exciting one-week adventure as they visit Angelhaus Productions, the successor to Joey Drew Studios! Solve fun minipuzzles and have a good time with the girls. Of course, don't forget about the Angel! You wouldn't want her to <code>[Just Alice.]</code></p>
        <p><a class="p-button--positive" id="dl-button"></a> <a class="p-button--brand" id="dl-button-beta"></a> </p>
        <p class = "small">
            <div class="p-notification--caution">
            <p class="p-notification__response">
                <span class="p-notification__status">Careful:</span>Nightly builds are often unstable and may have several bugs. Features and experiments in nightly builds may differ from the final version of the mod.
            </p>
        </div>
        </p>
        </div>
        <div class="col-5">
            <img class = "animated fadeIn" src = "assets/img/hero-fg.png" width = 120% />
        </div>
    </div>
</section>

<script>
    // Thanks Animate.css authors!
    function animateCss(element, animationName, callback) {
        element.classList.add('animated', animationName)

        function handleAnimationEnd() {
            element.classList.remove('animated', animationName)
            element.removeEventListener('animationend', handleAnimationEnd)

            if (typeof callback === 'function') callback()
        }

        element.addEventListener('animationend', handleAnimationEnd)
    }

    function closeNotification(which) {
        var notifElement = document.getElementById(which);
        notifElement.classList.remove('slideInDown')
        animateCss(notifElement, 'fadeOut', function(){
            notifElement.classList.add('notification_hidden')
        })
    }
</script>