Archive/clean-cuts
1
0
Fork 0
mirror of https://github.com/BlossomiShymae/clean-cuts.git synced 2025-12-06 10:10:47 +01:00
Code Issues Actions Packages Projects Releases Wiki Activity

Init commit

Browse Source
This commit is contained in:
Blossomi Shymae
2024-05-01 20:38:02 -05:00
commit 75bc1827e4
29 changed files with 11845 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

57
pages/index.vue Normal file
View File

@@ -0,0 +1,57 @@
<template>
<div>
<div class="d-flex flex-column justify-content-center align-items-center gap-2" style="margin-top: 25%;">
<div class="d-flex flex-column justify-content-center align-items-center">
<h1 class="display-4"><TheTitle /></h1>
<p>Your local League of Legends companion index.</p>
</div>
</div>
<div class="row">
<div class="col-md-6 col-sm-12">
<h2>The <TheTitle /> Project</h2>
<p>Our primary purpose is to make game data viewable in a human-friendly
format without needing computer programming or scripting knowledge.
</p>
<p>CommunityDragon, the unofficial League of Legends data resource, is used for our project.</p>
</div>
<div class="col-md-6 col-sm-12">
<h2>Resources</h2>
<div class="row">
<div class="col-md-6 col-sm-12">
<div class="d-flex flex-column justify-content-center align-items-stretch gap-2">
<a class="btn btn-dark bg-transparent bg-blur-3 border-light border-opacity-25" asp-area="" asp-page="/Champion/Index">
<MaterialIcon name="account-group" :size="24"/> Champions
</a>
<a class="btn btn-dark bg-transparent bg-blur-3 border-light border-opacity-25">
<MaterialIcon name="magic-staff" :size="24"/> Items
</a>
<a class="btn btn-dark bg-transparent bg-blur-3 border-light border-opacity-25">
<MaterialIcon name="shield" :size="24"/> Runes
</a>
</div>
</div>
<div class="col-md-6 col-sm-12">
<div class="d-flex flex-column justify-content-center align-items-stretch gap-2">
<a class="btn btn-dark bg-transparent bg-blur-3 border-light border-opacity-25">
<MaterialIcon name="image" :size="24"/> Summoner Icons
</a>
<a class="btn btn-dark bg-transparent bg-blur-3 border-light border-opacity-25">
<MaterialIcon name="floor-lamp" :size="24"/> Ward Skins
</a>
<a class="btn btn-dark bg-transparent bg-blur-3 border-light border-opacity-25">
<MaterialIcon name="face-woman-shimmer" :size="24"/> Emotes
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</template>
<script setup lang="ts">
import MaterialIcon from '~/components/MaterialIcon.vue';
import TheTitle from '~/components/TheTitle.vue';
</script>