index.html

--- 
layout: pages/home 
---

<img src="assets/favicon/oktw.svg" alt="OKTW Icon" class="oktw icon homepage anime outOfScreen top" id="logo">
<div class="oktw layout flex rows anime outOfScreen left" id="title">
    <div class="oktw title fullpage white anime textEasing one" id="title_OKTW">OKTW</div>
    <div class="oktw title fullpage white anime textEasing one" id="title_Network">Network</div>
</div>

<script>
    window.onload = () => {
        anime({
            targets: '#logo',
            translateX: 0,
            translateY: 0,
            easing: 'easeInOutBack',
        });
        setTimeout(() => {
            anime({
                targets: '#title',
                translateX: 0,
                translateY: 0,
                easing: 'easeInOutBack'
            });
            setTimeout(() => {
                document.getElementById("title_OKTW").style.width = "3em";
                document.getElementById("title_Network").style.width = "4em";
            },1000)
        }, 1000)
    }
</script>
<div class="ui secondary pointing inverted menu">
    <a class="item" href="{{ "/blog" | relative_url }}">
        {% t menu.blog %}
    </a>
    <a class="item" href="{{ "/projects" | relative_url }}">
        {% t menu.projects %}
    </a>
    <a class="item" href="{{ "/about" | relative_url }}">
        {% t menu.about %}
    </a>
</div>