<script setup lang="ts">

</script>

<template>
    <Head>
        <Title>About</Title>
    </Head>

    <div class="about-main-content">
    <NavBar :tierlist-list="true" />
    
    <div style="width: fit-content; margin: auto;">
    <Logo />

    <div style="margin-top: 20px;">
    <h1>About</h1>
    <h3 style="margin-top: 20px;">BuildPath: a tool for League of Legends champions runes and build paths.</h3>
    <h3 style="margin-top: 10px;">Copyright (C) Valentin Haudiquet (@vhaudiquet)</h3>
    <h3 style="margin-top: 20px;">Acknowledgments:</h3>
    <h3>- Sarah Emery, for the feedback on the designs and code</h3>
    <h3>- Martin Andrieux, for the nice algorithms :)</h3>
    <h3>- Paul Chaurand, for the feedback on the league data organization</h3>
    <h3>- Nathan Mérillon, for the tierlists ideas</h3>
    <h3>- Jean-Baptiste Döderlein, for the feedback on the mobile design</h3>
    <h3 style="margin-top: 20px;">Libraries used:</h3>
    <h3>Vue.JS, Nuxt.JS, Chart.JS, svg-dom-arrows</h3>
    <h2 style="font-size: 1rem; font-weight: 200; margin-top: 25px; max-width: 800px;">
        BuildPath isn't endorsed by Riot Games and doesn't reflect the views or opinions of 
        Riot Games or anyone officially involved in producing or managing Riot Games properties.
        Riot Games, and all associated properties are trademarks or registered trademarks of Riot Games, Inc.
    </h2>
    </div>
    </div>

    </div>
</template>

<style scoped>
.about-main-content {
    display: flex;
    margin-top: 30px;
}
</style>
