sbb45
78 lines
2.7 KiB
Svelte
78 lines
2.7 KiB
Svelte
<script lang="ts">
|
||
const yr = new Date().getFullYear();
|
||
|
||
const navLinks = [
|
||
{ href: '/dashboard', label: 'Дашборд' },
|
||
{ href: '/blog', label: 'Блог' },
|
||
{ href: '/about', label: 'О проекте' }
|
||
];
|
||
</script>
|
||
|
||
<footer class="mt-auto border-t border-white/6 bg-bg-e">
|
||
<div class="mx-auto max-w-400 px-5 py-14 sm:px-10">
|
||
|
||
<div class="grid grid-cols-2 gap-10 sm:grid-cols-4">
|
||
<div class="col-span-2 flex flex-col gap-4 sm:col-span-1">
|
||
<a href="/" class="flex items-center gap-2.5 no-underline">
|
||
<svg width="24" height="24" viewBox="0 0 26 26" fill="none">
|
||
<rect width="26" height="26" rx="6" fill="rgba(255,69,0,0.08)" />
|
||
<path
|
||
d="M7 20 C7 20 9.5 13 13 15.5 C16.5 18 17 10 20 7"
|
||
stroke="#fe4b07"
|
||
stroke-width="1.8"
|
||
stroke-linecap="round"
|
||
stroke-linejoin="round"
|
||
fill="none"
|
||
/>
|
||
<circle cx="20" cy="7" r="1.6" fill="#fe4b07" />
|
||
</svg>
|
||
<span class="font-display text-sm font-black tracking-tighter">
|
||
FLAMY<span class="text-primary">TRADE</span>
|
||
</span>
|
||
</a>
|
||
<p class="max-w-[200px] text-[0.8125rem] leading-relaxed text-zinc-600">
|
||
ML-прогнозы для рыночных инструментов. Только исследования.
|
||
</p>
|
||
</div>
|
||
|
||
<div class="flex flex-col gap-3">
|
||
<span class="font-mono text-[0.6rem] tracking-widest text-zinc-600 uppercase">Навигация</span>
|
||
{#each navLinks as link}
|
||
<a
|
||
href={link.href}
|
||
class="text-[0.8125rem] text-desc no-underline transition-colors duration-150 hover:text-zinc-100"
|
||
>
|
||
{link.label}
|
||
</a>
|
||
{/each}
|
||
</div>
|
||
|
||
<div class="col-span-2 flex flex-col gap-3 sm:col-span-2">
|
||
<span class="font-mono text-[0.6rem] tracking-widest text-zinc-600 uppercase">Дисклеймер</span>
|
||
<p class="max-w-[380px] text-xs leading-relaxed text-zinc-600">
|
||
Материалы являются результатом работы исследовательской ML-модели и используются в
|
||
демонстрационных целях. Не являются индивидуальной инвестиционной рекомендацией.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div
|
||
class="mt-10 flex flex-col items-start justify-between gap-2 border-t border-white/6 pt-8 sm:flex-row sm:items-center"
|
||
>
|
||
<span class="text-xs text-zinc-600">© {yr} Flamy Trade</span>
|
||
<span class="text-xs text-zinc-600">
|
||
implemented in
|
||
<a
|
||
href="https://flamy.studio"
|
||
target="_blank"
|
||
rel="noopener noreferrer"
|
||
class="text-desc no-underline transition-colors duration-150 hover:text-primary"
|
||
>
|
||
flamy studio
|
||
</a>
|
||
</span>
|
||
</div>
|
||
|
||
</div>
|
||
</footer>
|