Added 'about' page :)

2024-12-14 18:14:14 +01:00
parent 1037f51f24
commit bc8ac87225
2 changed files with 43 additions and 0 deletions
--- a/frontend/pages/about.vue
+++ b/frontend/pages/about.vue
@@ -0,0 +1,42 @@
+<script setup lang="ts">
+
+</script>
+
+<template>
+    <Head>
+        <Title>About</Title>
+    </Head>
+
+    <div class="about-main-content">
+    <NavSideBar />
+    
+    <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>
+    <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>