sbb45/Flamy-Trade_svelte
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Главная страница + адаптив

Browse Source
This commit is contained in:
sbb45
2026-05-27 10:57:39 +05:00
parent 8bda936c4b
commit a566bab1ae
13 changed files with 174 additions and 93 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/lib/components/layout/Footer.svelte
+21 -34
View File
@@ -1,55 +1,42 @@
<script lang="ts">
import Logo from '$lib/components/ui/Logo.svelte';
const yr = new Date().getFullYear();
const navLinks = [
{ href: '/dashboard', label: 'Дашборд' },
{ href: '/blog', label: 'Блог' },
{ href: '/about', label: 'О проекте' }
{ id: 0, href: '/dashboard', label: 'Дашборд' },
{ id: 1, href: '/blog', label: 'Блог' },
{ id: 2, 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="mx-auto max-w-400 px-5 py-20 sm:px-10">
<div class="grid grid-cols-2 gap-10 sm:grid-cols-4">
<div class="grid grid-cols-2 gap-10 sm:grid-cols-4 sm:justify-between">
<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">
<Logo />
<p class="max-w-55 text-base leading-[1.2] 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}
<div class="flex flex-col gap-1">
<span class="font-mono text-base tracking-widest text-zinc-600 uppercase mb-1">Навигация</span>
{#each navLinks as link (link.id)}
<a
href={link.href}
class="text-[0.8125rem] text-desc no-underline transition-colors duration-150 hover:text-zinc-100"
class="text-base 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">
<div class="col-span-2 flex flex-col gap-1.5 sm:col-span-2 ml-auto">
<span class="font-mono text-base tracking-widest text-zinc-600 uppercase">Дисклеймер</span>
<p class="max-w-85 text-sm leading-relaxed text-zinc-600">
Материалы являются результатом работы исследовательской ML-модели и используются в
демонстрационных целях. Не являются индивидуальной инвестиционной рекомендацией.
</p>
@@ -57,11 +44,11 @@
</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"
class="mt-20 flex flex-col items-start justify-between gap-2 border-t border-white/6 pt-12 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
<span class="text-base text-zinc-600">© {yr} Flamy Trade</span>
<span class="text-base text-zinc-600">
Разработано
<a
href="https://flamy.studio"
target="_blank"