mirror/Hangar
2
0
Fork 0
mirror of https://github.com/HangarMC/Hangar.git synced 2024-11-21 01:21:54 +08:00
Code Issues Packages Projects Releases Wiki Activity

Footerino

Browse Source
This commit is contained in:
Alessio Gravili 2022-02-26 18:35:12 +01:00 committed by MiniDigger | Martin
parent b8189630dc
commit 70808d974d
2 changed files with 34 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
frontend-new/src/components/Footer.vue
View File

@ -1,11 +1,36 @@
<script setup lang="ts"></script>
<template>
<footer class="relative flex items-end mt-10 bg-gradient-to-r from-[#004ee9] to-[#367aff] px-8 pt-12 pb-2 text-[#f8faff] min-h-70">
<footer class="relative flex items-end mt-10 bg-gradient-to-r from-[#004ee9] to-[#367aff] px-8 pt-20 pb-2 text-[#f8faff] min-h-70">
<div class="footerContent w-screen">
<div class="flex justify-center">
Footer
<div class="flex justify-center flex-col md:flex-row justify-center gap-y-6 md:gap-y-0 md:gap-x-6">
<div class="md:w-1/3 min-w-1/3 max-w-1/3)">
<p class="text-xl font-bold text-center mb-2">About Hangar</p>
<p>Hangar is an NFT plugin repository, hosted in the blockchain. Every plugin is unique and owned just by you. Can you use it on your server? No! You only own the receipt. And that's what makes Hangar so eco-friendly.</p>
</div>
<div class="md:(w-1/3 min-w-1/3 max-w-1/3)">
<p class="text-xl font-bold text-center mb-2">Links</p>
<div class="flex flex-col items-center gap-y-3">
<router-link
:to="{ name: 'staff' }"
class="flex items-center justify-center rounded-md px-4 py-2 text-primary-100 bg-primary-50 w-fit"
hover=""
>
Open Crypto Wallet
</router-link>
<router-link
:to="{ name: 'staff' }"
class="flex items-center justify-center rounded-md px-4 py-2 text-primary-100 bg-primary-50 w-fit"
hover=""
>
Exchange Plugin NFTs
</router-link>
</div>
</div>
<div class="md:w-1/3 min-w-1/3 max-w-1/3)">
<p class="text-xl font-bold text-center mb-2">More from Paper</p>
</div>
</div>
<div class="footerBar flex items-center justify-around mt-4">
<p>Copyright © <a href="https://papermc.io/">PaperMC</a> 2016 - 2022</p>
@ -31,9 +56,9 @@
</div>
</div>
</div>
<div class="footerShape absolute z-1 left-0 right-0 top-0 overflow-hidden" style="transform: scaleY(-1) scaleX(-1);">
<div class="footerShape absolute z-1 left-0 right-0 top-0 overflow-hidden pointer-events-none" style="transform: scaleY(-1) scaleX(-1);">
<!--- <svg class="fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 218" preserveAspectRatio="none"><path d="M0 218h1200v-31.3l-40 4.4c-40 4.8-120 13.1-200 0-80-13.6-160-48.6-240-66.7-80-17.8-160-17.8-240-8.8-80 8.6-160 26.9-240 8.8-80-17.7-160-71.1-200-97.7L0 0v218z"></path></svg>
--> <svg class="fill-background-light-10 dark:fill-background-dark-80 h-180px min-w-full" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 218" preserveAspectRatio="none"><path d="M0 218h1200v-71.3l-40 0,961 V 0,480 C 268.5,456.5 537,433 857,433 C 1177,433 1548.5,456.5 1920,480 C 1920,480 1920,961 1920,961 Z"></path></svg>
--> <svg class="fill-background-light-10 dark:fill-background-dark-80 h-240px min-w-full" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 218" preserveAspectRatio="none"><path d="M0 218h1200v-61.3l-40 0,961 V 0,480 C 268.5,456.5 537,433 857,433 C 1177,433 1548.5,456.5 1920,480 C 1920,480 1920,961 1920,961 Z"></path></svg>
</div>
</footer>
</template>

4
frontend-new/src/styles/main.css
View File

@ -25,3 +25,7 @@ html {
.shadow1{
box-shadow: 0 10px 20px rgb(0 0 0 / 15%), rgb(0 0 0 / 10%) 0 0 0 1px;
}
.w-fit{
width: fit-content;
}