mirror of
https://github.com/ivabus/gui
synced 2025-06-07 15:50:27 +03:00
#101 footer links to open browser
This commit is contained in:
neil
parent
4e4fa27364
commit
a8f1b3ff4c
2 changed files with 53 additions and 20 deletions
|
|
@ -12,35 +12,55 @@
|
||||||
here.
|
here.
|
||||||
</p>
|
</p>
|
||||||
<div class="w-3/4">
|
<div class="w-3/4">
|
||||||
<img src="/static/images/footer-grid-element.svg" />
|
<img src="/static/images/footer-grid-element.svg" alt="grid" />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="card social-box h-full w-1/4 border-2 border-gray">
|
<div class="card social-box h-full w-1/4 border-2 border-gray">
|
||||||
<ul class="list-group list-group-flush">
|
<ul class="list-group list-group-flush">
|
||||||
<div class="border-b border-gray p-3">
|
<div class="border-b border-gray p-3">
|
||||||
<a class="list-group-item" role="button" href="https://twitter.com/teaxyz"
|
<a
|
||||||
><i class="icon-twitter social-icon mr-3" />Twitter</a
|
class="list-group-item"
|
||||||
|
role="button"
|
||||||
|
href="https://twitter.com/teaxyz"
|
||||||
|
target="_blank"
|
||||||
|
rel="noreferrer"><i class="icon-twitter social-icon mr-3" />Twitter</a
|
||||||
>
|
>
|
||||||
</div>
|
</div>
|
||||||
<div class="border-b border-gray p-3">
|
<div class="border-b border-gray p-3">
|
||||||
<a class="list-group-item" role="button" href="https://discord.gg/KCZsXfJphn"
|
<a
|
||||||
><i class="icon-discord social-icon mr-3" />Discord</a
|
class="list-group-item"
|
||||||
|
role="button"
|
||||||
|
href="https://discord.gg/KCZsXfJphn"
|
||||||
|
target="_blank"
|
||||||
|
rel="noreferrer"><i class="icon-discord social-icon mr-3" />Discord</a
|
||||||
>
|
>
|
||||||
</div>
|
</div>
|
||||||
<div class="border-b border-gray p-3">
|
<div class="border-b border-gray p-3">
|
||||||
<a class="list-group-item" role="button" href="https://github.com/teaxyz"
|
<a
|
||||||
><i class="icon-github social-icon mr-3" />GitHub</a
|
class="list-group-item"
|
||||||
|
role="button"
|
||||||
|
href="https://github.com/teaxyz"
|
||||||
|
target="_blank"
|
||||||
|
rel="noreferrer"><i class="icon-github social-icon mr-3" />GitHub</a
|
||||||
>
|
>
|
||||||
</div>
|
</div>
|
||||||
<div class="border-b border-gray p-3">
|
<div class="border-b border-gray p-3">
|
||||||
<a class="list-group-item" role="button" href="https://reddit.com/r/teaxyz"
|
<a
|
||||||
><i class="icon-reddit social-icon mr-3" />Reddit</a
|
class="list-group-item"
|
||||||
|
role="button"
|
||||||
|
href="https://reddit.com/r/teaxyz"
|
||||||
|
target="_blank"
|
||||||
|
rel="noreferrer"><i class="icon-reddit social-icon mr-3" />Reddit</a
|
||||||
>
|
>
|
||||||
</div>
|
</div>
|
||||||
<div class="p-3">
|
<div class="p-3">
|
||||||
<a class="list-group-item" role="button" href="https://t.me/tea_xyz"
|
<a
|
||||||
><i class="icon-telegram social-icon mr-3" />Telegram</a
|
class="list-group-item"
|
||||||
|
role="button"
|
||||||
|
href="https://t.me/tea_xyz"
|
||||||
|
target="_blank"
|
||||||
|
rel="noreferrer"><i class="icon-telegram social-icon mr-3" />Telegram</a
|
||||||
>
|
>
|
||||||
</div>
|
</div>
|
||||||
</ul>
|
</ul>
|
||||||
|
|
@ -52,19 +72,29 @@
|
||||||
<div class="flex">
|
<div class="flex">
|
||||||
<div class="w-1/2 pt-2">
|
<div class="w-1/2 pt-2">
|
||||||
<p class="text-xs">
|
<p class="text-xs">
|
||||||
©2022 tea inc. You can also share our <a href="https://linktr.ee/teaxyz">Linktree</a>.
|
©2022 tea inc. You can also share our <a
|
||||||
|
href="https://linktr.ee/teaxyz"
|
||||||
|
target="_blank"
|
||||||
|
rel="noreferrer">Linktree</a
|
||||||
|
>.
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="flex w-1/2 pt-2">
|
<div class="flex w-1/2 pt-2">
|
||||||
<ul class="nav ml-auto flex text-xs">
|
<ul class="nav ml-auto flex text-xs">
|
||||||
<li class="nav-item mr-3 ">
|
<li class="nav-item mr-3 ">
|
||||||
<a class="nav-link footer-link small" href="https://tea.xyz/privacy-policy/"
|
<a
|
||||||
>Privacy Policy</a
|
class="nav-link footer-link small"
|
||||||
|
href="https://tea.xyz/privacy-policy/"
|
||||||
|
target="_blank"
|
||||||
|
rel="noreferrer">Privacy Policy</a
|
||||||
>
|
>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a class="nav-link footer-link small" href="https://tea.xyz/terms-of-use/"
|
<a
|
||||||
>Terms of Use</a
|
class="nav-link footer-link small"
|
||||||
|
href="https://tea.xyz/terms-of-use/"
|
||||||
|
target="_blank"
|
||||||
|
rel="noreferrer">Terms of Use</a
|
||||||
>
|
>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
|
|
|
||||||
|
|
@ -41,6 +41,12 @@
|
||||||
path: '/packages',
|
path: '/packages',
|
||||||
active: false,
|
active: false,
|
||||||
label: 'PACKAGES'
|
label: 'PACKAGES'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
path: 'https://github.com/teaxyz',
|
||||||
|
active: false,
|
||||||
|
label: 'VIEW ON GITHUB',
|
||||||
|
target: '_blank'
|
||||||
}
|
}
|
||||||
];
|
];
|
||||||
|
|
||||||
|
|
@ -83,14 +89,11 @@
|
||||||
|
|
||||||
{#each routes as route}
|
{#each routes as route}
|
||||||
<li class={route.active ? 'nav_button active' : 'nav_button'}>
|
<li class={route.active ? 'nav_button active' : 'nav_button'}>
|
||||||
<a href={route.path}>
|
<a href={route.path} target={route.target || ''}>
|
||||||
<Button class="h-16 pl-4 text-left text-white" active={route.active}>{route.label}</Button>
|
<Button class="h-16 pl-4 text-left text-white" active={route.active}>{route.label}</Button>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
{/each}
|
{/each}
|
||||||
<li class="nav_button">
|
|
||||||
<Button class="h-16 pl-4 text-left text-white" onClick={openGithub}>VIEW ON GITHUB</Button>
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<footer class="w-full border border-x-0 border-gray">
|
<footer class="w-full border border-x-0 border-gray">
|
||||||
<a href="/profile">
|
<a href="/profile">
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue