mirror of
https://github.com/artemium428/428th-website-2026.git
synced 2026-11-14 08:56:20 +00:00
Compare commits
2 commits
1fb33e1bd8
...
b42b03f7a6
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
b42b03f7a6 | ||
|
|
674a4b50da |
23 changed files with 4042 additions and 351 deletions
2
app.js
2
app.js
|
|
@ -1,5 +1,5 @@
|
|||
initLangSwitch();
|
||||
initTheme();
|
||||
initNavMagnet();
|
||||
|
||||
function syncTaglineFit(){
|
||||
const heroBrandInner = document.getElementById('heroBrandInner');
|
||||
|
|
|
|||
67
common.js
67
common.js
|
|
@ -22,43 +22,48 @@ function initLangSwitch(){
|
|||
});
|
||||
}
|
||||
|
||||
// ---------- ТЕМА ----------
|
||||
function getSystemTheme(){
|
||||
return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
|
||||
// ---------- NAV MAGNET (как ghost / EclipseButton) ----------
|
||||
function initNavMagnet(){
|
||||
const canHover = window.matchMedia('(hover: hover) and (pointer: fine)').matches;
|
||||
if (prefersReducedMotion || !canHover) return;
|
||||
|
||||
document.querySelectorAll('.main-nav a:not(.nav-cta)').forEach(link => {
|
||||
let raf = 0;
|
||||
let tx = 0;
|
||||
let ty = 0;
|
||||
let ts = 1;
|
||||
let cx = 0;
|
||||
let cy = 0;
|
||||
let cs = 1;
|
||||
|
||||
function tick(){
|
||||
cx += (tx - cx) * 0.18;
|
||||
cy += (ty - cy) * 0.18;
|
||||
cs += (ts - cs) * 0.18;
|
||||
link.style.transform = `translate3d(${cx}px, ${cy}px, 0) scale(${cs})`;
|
||||
const done = Math.abs(tx - cx) + Math.abs(ty - cy) + Math.abs(ts - cs) < 0.04;
|
||||
raf = done ? 0 : requestAnimationFrame(tick);
|
||||
}
|
||||
|
||||
function resolveTheme(){
|
||||
const saved = localStorage.getItem('theme');
|
||||
if (saved === 'light' || saved === 'dark') return saved;
|
||||
return getSystemTheme();
|
||||
function schedule(){
|
||||
if (!raf) raf = requestAnimationFrame(tick);
|
||||
}
|
||||
|
||||
function applyTheme(theme){
|
||||
document.documentElement.setAttribute('data-theme', theme);
|
||||
}
|
||||
|
||||
function initTheme(){
|
||||
const themeToggle = document.getElementById('themeToggle');
|
||||
const media = window.matchMedia('(prefers-color-scheme: dark)');
|
||||
|
||||
applyTheme(resolveTheme());
|
||||
|
||||
themeToggle.addEventListener('click', () => {
|
||||
const current = document.documentElement.getAttribute('data-theme');
|
||||
const next = current === 'light' ? 'dark' : 'light';
|
||||
applyTheme(next);
|
||||
localStorage.setItem('theme', next);
|
||||
link.addEventListener('mousemove', (e) => {
|
||||
const rect = link.getBoundingClientRect();
|
||||
tx = (e.clientX - rect.left - rect.width / 2) * 0.15;
|
||||
ty = (e.clientY - rect.top - rect.height / 2) * 0.15;
|
||||
ts = 1.02;
|
||||
schedule();
|
||||
});
|
||||
|
||||
const onSystemChange = () => {
|
||||
if (localStorage.getItem('theme')) return;
|
||||
applyTheme(getSystemTheme());
|
||||
};
|
||||
if (typeof media.addEventListener === 'function') {
|
||||
media.addEventListener('change', onSystemChange);
|
||||
} else if (typeof media.addListener === 'function') {
|
||||
media.addListener(onSystemChange);
|
||||
}
|
||||
link.addEventListener('mouseleave', () => {
|
||||
tx = 0;
|
||||
ty = 0;
|
||||
ts = 1;
|
||||
schedule();
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
// ---------- HERO LOGO SCROLL ANIMATION ----------
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en" data-theme="light" data-page-lang="en">
|
||||
<html lang="en" data-page-lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
|
|
@ -32,15 +32,6 @@
|
|||
<link rel="apple-touch-icon" href="/apple-touch-icon.png" sizes="180x180">
|
||||
<meta name="theme-color" content="#C4622A">
|
||||
<script>
|
||||
(function () {
|
||||
var saved = localStorage.getItem('theme');
|
||||
var theme = (saved === 'light' || saved === 'dark')
|
||||
? saved
|
||||
: (window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light');
|
||||
document.documentElement.setAttribute('data-theme', theme);
|
||||
})();
|
||||
</script>
|
||||
<script>
|
||||
(function () {
|
||||
var pageLang = document.documentElement.getAttribute('data-page-lang');
|
||||
var saved = localStorage.getItem('lang');
|
||||
|
|
@ -97,9 +88,14 @@
|
|||
}
|
||||
})();
|
||||
</script>
|
||||
<link rel="stylesheet" href="/styles.css?v=20260726d">
|
||||
<link rel="stylesheet" href="/styles.css?v=20260923k">
|
||||
</head>
|
||||
<body>
|
||||
<div class="ambient" aria-hidden="true">
|
||||
<div class="ambient-glow"></div>
|
||||
<div class="ambient-orb ambient-orb--a"></div>
|
||||
<div class="ambient-orb ambient-orb--b"></div>
|
||||
</div>
|
||||
|
||||
<header class="site-header">
|
||||
<div class="container header-inner">
|
||||
|
|
@ -110,10 +106,6 @@
|
|||
_
|
||||
<a href="/" data-set-lang="ru">RU</a>
|
||||
</nav>
|
||||
<button class="theme-toggle" id="themeToggle" aria-label="Toggle theme">
|
||||
<svg class="icon-sun" viewBox="0 0 24 24" width="20" height="20"><circle cx="12" cy="12" r="5"></circle><g stroke-width="2"><line x1="12" y1="1" x2="12" y2="4"></line><line x1="12" y1="20" x2="12" y2="23"></line><line x1="4.2" y1="4.2" x2="6.3" y2="6.3"></line><line x1="17.7" y1="17.7" x2="19.8" y2="19.8"></line><line x1="1" y1="12" x2="4" y2="12"></line><line x1="20" y1="12" x2="23" y2="12"></line><line x1="4.2" y1="19.8" x2="6.3" y2="17.7"></line><line x1="17.7" y1="6.3" x2="19.8" y2="4.2"></line></g></svg>
|
||||
<svg class="icon-moon" viewBox="0 0 24 24" width="20" height="20"><path d="M21 12.8A9 9 0 1111.2 3a7 7 0 009.8 9.8z"></path></svg>
|
||||
</button>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
|
|
@ -124,7 +116,7 @@
|
|||
<div class="hero-brand">
|
||||
<div class="hero-brand-inner" id="heroBrandInner">
|
||||
<div class="hero-brand-lockup">
|
||||
<h1 class="logo">428th</h1>
|
||||
<h1 class="logo" data-text="428th">428th</h1>
|
||||
<p class="tagline">Crypto _ Trading _ Wealth Management</p>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -138,7 +130,7 @@
|
|||
<a href="#autotrade">Auto Trading</a>
|
||||
<a href="#fund">Fund</a>
|
||||
<a href="#streams">Streams for Admins</a>
|
||||
<a href="#contact" class="nav-cta">DM us →</a>
|
||||
<a href="#contact" class="nav-cta"><span>DM us</span><span class="btn-arrow" aria-hidden="true">→</span></a>
|
||||
</nav>
|
||||
</div>
|
||||
</section>
|
||||
|
|
@ -163,10 +155,9 @@
|
|||
<div class="team-card team-card--ivan">
|
||||
<h3>Ivan</h3>
|
||||
<ul class="dash-list">
|
||||
<li>Fundamental analysis and macroeconomics</li>
|
||||
<li>Prediction markets (Polymarket)</li>
|
||||
<li>Value investing</li>
|
||||
<li>Position trading on traditional markets</li>
|
||||
<li>FA and macro</li>
|
||||
<li>Polymarket</li>
|
||||
<li>Investing</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="team-card team-card--andrey">
|
||||
|
|
@ -379,7 +370,7 @@
|
|||
<p>Write to us — we'll figure out your situation and find a solution. <span class="fw-400">Like bros.</span></p>
|
||||
|
||||
<a class="btn-outline" href="https://t.me/artemium" target="_blank" rel="noopener">
|
||||
<span>Telegram @artemium</span> →
|
||||
<span>Telegram @artemium</span><span class="btn-arrow" aria-hidden="true">→</span>
|
||||
</a>
|
||||
|
||||
<button class="link-underline" id="openContactForm"><span class="fw-400">Want to stay anonymous?</span> Here's a contact form</button>
|
||||
|
|
@ -455,7 +446,7 @@
|
|||
</div>
|
||||
|
||||
<link rel="stylesheet" href="/fonts/inter.css">
|
||||
<script src="/common.js"></script>
|
||||
<script src="/common.js?v=20260923d"></script>
|
||||
<script src="/app.js"></script>
|
||||
|
||||
</body>
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en" data-theme="light" data-page-lang="en">
|
||||
<html lang="en" data-page-lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
|
|
@ -32,15 +32,6 @@
|
|||
<link rel="apple-touch-icon" href="/apple-touch-icon.png" sizes="180x180">
|
||||
<meta name="theme-color" content="#C4622A">
|
||||
<script>
|
||||
(function () {
|
||||
var saved = localStorage.getItem('theme');
|
||||
var theme = (saved === 'light' || saved === 'dark')
|
||||
? saved
|
||||
: (window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light');
|
||||
document.documentElement.setAttribute('data-theme', theme);
|
||||
})();
|
||||
</script>
|
||||
<script>
|
||||
(function () {
|
||||
var pageLang = document.documentElement.getAttribute('data-page-lang');
|
||||
var saved = localStorage.getItem('lang');
|
||||
|
|
@ -97,9 +88,14 @@
|
|||
}
|
||||
})();
|
||||
</script>
|
||||
<link rel="stylesheet" href="/styles.css?v=20260726d">
|
||||
<link rel="stylesheet" href="/styles.css?v=20260923k">
|
||||
</head>
|
||||
<body>
|
||||
<div class="ambient" aria-hidden="true">
|
||||
<div class="ambient-glow"></div>
|
||||
<div class="ambient-orb ambient-orb--a"></div>
|
||||
<div class="ambient-orb ambient-orb--b"></div>
|
||||
</div>
|
||||
|
||||
<header class="site-header">
|
||||
<div class="container header-inner">
|
||||
|
|
@ -112,10 +108,6 @@
|
|||
</nav>
|
||||
<div class="header-actions">
|
||||
<a href="/en/" class="home-link">HOME PAGE</a>
|
||||
<button class="theme-toggle" id="themeToggle" aria-label="Toggle theme">
|
||||
<svg class="icon-sun" viewBox="0 0 24 24" width="20" height="20"><circle cx="12" cy="12" r="5"></circle><g stroke-width="2"><line x1="12" y1="1" x2="12" y2="4"></line><line x1="12" y1="20" x2="12" y2="23"></line><line x1="4.2" y1="4.2" x2="6.3" y2="6.3"></line><line x1="17.7" y1="17.7" x2="19.8" y2="19.8"></line><line x1="1" y1="12" x2="4" y2="12"></line><line x1="20" y1="12" x2="23" y2="12"></line><line x1="4.2" y1="19.8" x2="6.3" y2="17.7"></line><line x1="17.7" y1="6.3" x2="19.8" y2="4.2"></line></g></svg>
|
||||
<svg class="icon-moon" viewBox="0 0 24 24" width="20" height="20"><path d="M21 12.8A9 9 0 1111.2 3a7 7 0 009.8 9.8z"></path></svg>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
|
@ -126,14 +118,14 @@
|
|||
<div class="terminal-stage">
|
||||
<div class="terminal-brand">
|
||||
<div class="terminal-brand-inner" id="terminalBrandInner">
|
||||
<h1 class="terminal-logo"><span class="accent">428th</span><span class="terminal-logo-main">Terminal</span></h1>
|
||||
<h1 class="terminal-logo"><span class="accent">428th</span><span class="terminal-logo-main" data-text="Terminal">Terminal</span></h1>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<nav class="main-nav terminal-nav" aria-label="Sections">
|
||||
<a href="#functionality">Features</a>
|
||||
<a href="#pricing">Pricing</a>
|
||||
<a href="#contact" class="nav-cta">DM us →</a>
|
||||
<a href="#contact" class="nav-cta"><span>DM us</span><span class="btn-arrow" aria-hidden="true">→</span></a>
|
||||
</nav>
|
||||
</div>
|
||||
</section>
|
||||
|
|
@ -228,7 +220,7 @@
|
|||
<p>Write to us — we'll figure out your situation and find a solution. <span class="fw-400">Like bros.</span></p>
|
||||
|
||||
<a class="btn-outline" href="https://t.me/artemium" target="_blank" rel="noopener">
|
||||
<span>Telegram @artemium</span> →
|
||||
<span>Telegram @artemium</span><span class="btn-arrow" aria-hidden="true">→</span>
|
||||
</a>
|
||||
|
||||
<button class="link-underline" id="openContactForm"><span class="fw-400">Want to stay anonymous?</span> Here's a contact form</button>
|
||||
|
|
@ -304,7 +296,7 @@
|
|||
</div>
|
||||
|
||||
<link rel="stylesheet" href="/fonts/inter.css">
|
||||
<script src="/common.js"></script>
|
||||
<script src="/common.js?v=20260923d"></script>
|
||||
<script src="/terminal.js"></script>
|
||||
|
||||
</body>
|
||||
|
|
|
|||
37
index.html
37
index.html
|
|
@ -1,5 +1,5 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="ru" data-theme="light" data-page-lang="ru">
|
||||
<html lang="ru" data-page-lang="ru">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
|
|
@ -32,15 +32,6 @@
|
|||
<link rel="apple-touch-icon" href="/apple-touch-icon.png" sizes="180x180">
|
||||
<meta name="theme-color" content="#C4622A">
|
||||
<script>
|
||||
(function () {
|
||||
var saved = localStorage.getItem('theme');
|
||||
var theme = (saved === 'light' || saved === 'dark')
|
||||
? saved
|
||||
: (window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light');
|
||||
document.documentElement.setAttribute('data-theme', theme);
|
||||
})();
|
||||
</script>
|
||||
<script>
|
||||
(function () {
|
||||
var pageLang = document.documentElement.getAttribute('data-page-lang');
|
||||
var saved = localStorage.getItem('lang');
|
||||
|
|
@ -97,9 +88,14 @@
|
|||
}
|
||||
})();
|
||||
</script>
|
||||
<link rel="stylesheet" href="/styles.css?v=20260726d">
|
||||
<link rel="stylesheet" href="/styles.css?v=20260923k">
|
||||
</head>
|
||||
<body>
|
||||
<div class="ambient" aria-hidden="true">
|
||||
<div class="ambient-glow"></div>
|
||||
<div class="ambient-orb ambient-orb--a"></div>
|
||||
<div class="ambient-orb ambient-orb--b"></div>
|
||||
</div>
|
||||
|
||||
<header class="site-header">
|
||||
<div class="container header-inner">
|
||||
|
|
@ -110,10 +106,6 @@
|
|||
_
|
||||
<a href="/" data-set-lang="ru" class="active" aria-current="page">RU</a>
|
||||
</nav>
|
||||
<button class="theme-toggle" id="themeToggle" aria-label="Переключить тему">
|
||||
<svg class="icon-sun" viewBox="0 0 24 24" width="20" height="20"><circle cx="12" cy="12" r="5"></circle><g stroke-width="2"><line x1="12" y1="1" x2="12" y2="4"></line><line x1="12" y1="20" x2="12" y2="23"></line><line x1="4.2" y1="4.2" x2="6.3" y2="6.3"></line><line x1="17.7" y1="17.7" x2="19.8" y2="19.8"></line><line x1="1" y1="12" x2="4" y2="12"></line><line x1="20" y1="12" x2="23" y2="12"></line><line x1="4.2" y1="19.8" x2="6.3" y2="17.7"></line><line x1="17.7" y1="6.3" x2="19.8" y2="4.2"></line></g></svg>
|
||||
<svg class="icon-moon" viewBox="0 0 24 24" width="20" height="20"><path d="M21 12.8A9 9 0 1111.2 3a7 7 0 009.8 9.8z"></path></svg>
|
||||
</button>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
|
|
@ -124,7 +116,7 @@
|
|||
<div class="hero-brand">
|
||||
<div class="hero-brand-inner" id="heroBrandInner">
|
||||
<div class="hero-brand-lockup">
|
||||
<h1 class="logo">428th</h1>
|
||||
<h1 class="logo" data-text="428th">428th</h1>
|
||||
<p class="tagline">Crypto _ Trading _ Wealth Management</p>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -138,7 +130,7 @@
|
|||
<a href="#autotrade">Автотрейдинг</a>
|
||||
<a href="#fund">Фонд</a>
|
||||
<a href="#streams">Стримы для админов</a>
|
||||
<a href="#contact" class="nav-cta">Написать в ЛС →</a>
|
||||
<a href="#contact" class="nav-cta"><span>Написать в ЛС</span><span class="btn-arrow" aria-hidden="true">→</span></a>
|
||||
</nav>
|
||||
</div>
|
||||
</section>
|
||||
|
|
@ -163,10 +155,9 @@
|
|||
<div class="team-card team-card--ivan">
|
||||
<h3>Иван</h3>
|
||||
<ul class="dash-list">
|
||||
<li>Фундаментальный анализ и макроэкономика</li>
|
||||
<li>Рынок предсказаний (Polymarket)</li>
|
||||
<li>Инвестиции в ценность</li>
|
||||
<li>Позиционная торговля классических рынков</li>
|
||||
<li>ФА и макро</li>
|
||||
<li>Polymarket</li>
|
||||
<li>Инвестиции</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="team-card team-card--andrey">
|
||||
|
|
@ -379,7 +370,7 @@
|
|||
<p>Напишите — разберём вашу ситуацию и найдём решение. <span class="fw-400">По-братски.</span></p>
|
||||
|
||||
<a class="btn-outline" href="https://t.me/artemium" target="_blank" rel="noopener">
|
||||
<span>Telegram @artemium</span> →
|
||||
<span>Telegram @artemium</span><span class="btn-arrow" aria-hidden="true">→</span>
|
||||
</a>
|
||||
|
||||
<button class="link-underline" id="openContactForm"><span class="fw-400">Хотите анонимно?</span> Вот форма для связи</button>
|
||||
|
|
@ -455,7 +446,7 @@
|
|||
</div>
|
||||
|
||||
<link rel="stylesheet" href="/fonts/inter.css">
|
||||
<script src="/common.js"></script>
|
||||
<script src="/common.js?v=20260923d"></script>
|
||||
<script src="/app.js"></script>
|
||||
|
||||
</body>
|
||||
|
|
|
|||
30
preview/app.js
Normal file
30
preview/app.js
Normal file
|
|
@ -0,0 +1,30 @@
|
|||
initLangSwitch();
|
||||
initNavMagnet();
|
||||
|
||||
function syncTaglineFit(){
|
||||
const heroBrandInner = document.getElementById('heroBrandInner');
|
||||
const logo = heroBrandInner?.querySelector('.logo');
|
||||
const tagline = heroBrandInner?.querySelector('.tagline');
|
||||
if (!logo || !tagline) return;
|
||||
|
||||
document.documentElement.style.setProperty('--hero-tagline-fit', '1');
|
||||
const logoW = logo.getBoundingClientRect().width;
|
||||
const taglineW = tagline.scrollWidth;
|
||||
const fit = taglineW > 0 ? Math.min(1, logoW / taglineW) : 1;
|
||||
document.documentElement.style.setProperty('--hero-tagline-fit', fit.toFixed(4));
|
||||
}
|
||||
|
||||
initHeroScroll({
|
||||
section: document.querySelector('.hero'),
|
||||
stage: document.querySelector('.hero-stage'),
|
||||
brand: document.querySelector('.hero-brand'),
|
||||
brandInner: document.getElementById('heroBrandInner'),
|
||||
mobileAnimClass: 'hero--mobile-anim',
|
||||
scrollDrivenClass: 'hero--scroll-driven',
|
||||
brandScaleAnimation: 'hero-brand-scale',
|
||||
syncFit: syncTaglineFit,
|
||||
subtractRunwayOnMobile: false
|
||||
});
|
||||
|
||||
initReveal();
|
||||
initContactForm();
|
||||
470
preview/common.js
Normal file
470
preview/common.js
Normal file
|
|
@ -0,0 +1,470 @@
|
|||
// ---------- SHARED UTILITIES ----------
|
||||
function readCssPx(name, fallback, el = document.documentElement){
|
||||
const value = getComputedStyle(el).getPropertyValue(name).trim();
|
||||
const parsed = parseFloat(value);
|
||||
return Number.isFinite(parsed) ? parsed : fallback;
|
||||
}
|
||||
|
||||
const prefersReducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;
|
||||
|
||||
// ---------- ЯЗЫК (переключатель = ссылки на статические URL) ----------
|
||||
function initLangSwitch(){
|
||||
const root = document.getElementById('langSwitch');
|
||||
if (!root) return;
|
||||
|
||||
root.querySelectorAll('a[data-set-lang]').forEach(link => {
|
||||
link.addEventListener('click', () => {
|
||||
const lang = link.getAttribute('data-set-lang');
|
||||
if (lang === 'ru' || lang === 'en' || lang === 'ua') {
|
||||
localStorage.setItem('lang', lang);
|
||||
}
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
// ---------- NAV MAGNET (как ghost / EclipseButton) ----------
|
||||
function initNavMagnet(){
|
||||
const canHover = window.matchMedia('(hover: hover) and (pointer: fine)').matches;
|
||||
if (prefersReducedMotion || !canHover) return;
|
||||
|
||||
document.querySelectorAll('.main-nav a:not(.nav-cta)').forEach(link => {
|
||||
let raf = 0;
|
||||
let tx = 0;
|
||||
let ty = 0;
|
||||
let ts = 1;
|
||||
let cx = 0;
|
||||
let cy = 0;
|
||||
let cs = 1;
|
||||
|
||||
function tick(){
|
||||
cx += (tx - cx) * 0.18;
|
||||
cy += (ty - cy) * 0.18;
|
||||
cs += (ts - cs) * 0.18;
|
||||
link.style.transform = `translate3d(${cx}px, ${cy}px, 0) scale(${cs})`;
|
||||
const done = Math.abs(tx - cx) + Math.abs(ty - cy) + Math.abs(ts - cs) < 0.04;
|
||||
raf = done ? 0 : requestAnimationFrame(tick);
|
||||
}
|
||||
|
||||
function schedule(){
|
||||
if (!raf) raf = requestAnimationFrame(tick);
|
||||
}
|
||||
|
||||
link.addEventListener('mousemove', (e) => {
|
||||
const rect = link.getBoundingClientRect();
|
||||
tx = (e.clientX - rect.left - rect.width / 2) * 0.15;
|
||||
ty = (e.clientY - rect.top - rect.height / 2) * 0.15;
|
||||
ts = 1.02;
|
||||
schedule();
|
||||
});
|
||||
|
||||
link.addEventListener('mouseleave', () => {
|
||||
tx = 0;
|
||||
ty = 0;
|
||||
ts = 1;
|
||||
schedule();
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
// ---------- HERO LOGO SCROLL ANIMATION ----------
|
||||
function initHeroScroll(config){
|
||||
const {
|
||||
section,
|
||||
stage,
|
||||
brand,
|
||||
brandInner,
|
||||
mobileAnimClass,
|
||||
scrollDrivenClass,
|
||||
brandScaleAnimation,
|
||||
syncFit,
|
||||
brandGapFromSection = false,
|
||||
clampMobileScale = null,
|
||||
clearSectionVars = null,
|
||||
setMobileScaleVar = false,
|
||||
subtractRunwayOnMobile = true
|
||||
} = config;
|
||||
|
||||
const siteHeader = document.querySelector('.site-header');
|
||||
const mainNav = document.querySelector('.main-nav');
|
||||
|
||||
let cachedBaseHeight = 0;
|
||||
let cachedBrandGap = 32;
|
||||
let cachedMaxScale = 1.9;
|
||||
let cachedMaxBrandHeight = 0;
|
||||
let cachedMinBrandHeight = 0;
|
||||
let cachedNavHeight = 0;
|
||||
let heroRunway = 0;
|
||||
let heroStartY = 0;
|
||||
let heroResizeTimer = 0;
|
||||
let heroIsMobile = false;
|
||||
let heroUseScrollTimeline = false;
|
||||
let lastHeroScrollStep = -1;
|
||||
let postHeroLift = null;
|
||||
|
||||
const heroRoot = document.documentElement;
|
||||
|
||||
function clearHeroAnimationVars(){
|
||||
heroRoot.style.removeProperty('--hero-scale');
|
||||
heroRoot.style.removeProperty('--hero-brand-height');
|
||||
heroRoot.style.removeProperty('--hero-stage-height');
|
||||
heroRoot.style.removeProperty('--hero-brand-max-h');
|
||||
heroRoot.style.removeProperty('--hero-brand-min-h');
|
||||
heroRoot.style.removeProperty('--hero-nav-shift');
|
||||
heroRoot.style.removeProperty('--hero-nav-shift-max');
|
||||
heroRoot.style.removeProperty('--hero-scroll-start');
|
||||
heroRoot.style.removeProperty('--hero-scroll-end');
|
||||
if (brandInner){
|
||||
brandInner.style.removeProperty('animation-range');
|
||||
brandInner.style.removeProperty('animation-timeline');
|
||||
brandInner.style.removeProperty('animation');
|
||||
}
|
||||
if (mainNav){
|
||||
mainNav.style.removeProperty('animation-range');
|
||||
mainNav.style.removeProperty('animation-timeline');
|
||||
mainNav.style.removeProperty('animation');
|
||||
mainNav.style.removeProperty('transform');
|
||||
}
|
||||
if (postHeroLift){
|
||||
postHeroLift.style.removeProperty('animation-range');
|
||||
postHeroLift.style.removeProperty('animation-timeline');
|
||||
postHeroLift.style.removeProperty('animation');
|
||||
postHeroLift.style.removeProperty('transform');
|
||||
delete postHeroLift.dataset.heroLiftExited;
|
||||
}
|
||||
if (clearSectionVars) clearSectionVars(section);
|
||||
}
|
||||
|
||||
function ensurePostHeroLift(){
|
||||
if (postHeroLift?.isConnected) return postHeroLift;
|
||||
postHeroLift = section?.parentElement?.querySelector(':scope > .post-hero-lift') || null;
|
||||
return postHeroLift;
|
||||
}
|
||||
|
||||
function applyHeroScrollAnimations(range){
|
||||
brandInner.style.animation = `${brandScaleAnimation} ease-out both`;
|
||||
brandInner.style.animationTimeline = 'scroll(root block)';
|
||||
brandInner.style.animationRange = range;
|
||||
mainNav.style.animation = 'hero-nav-lift ease-out both';
|
||||
mainNav.style.animationTimeline = 'scroll(root block)';
|
||||
mainNav.style.animationRange = range;
|
||||
ensurePostHeroLift();
|
||||
if (postHeroLift){
|
||||
postHeroLift.style.animation = 'hero-content-lift ease-out both';
|
||||
postHeroLift.style.animationTimeline = 'scroll(root block)';
|
||||
postHeroLift.style.animationRange = range;
|
||||
postHeroLift.style.removeProperty('transform');
|
||||
delete postHeroLift.dataset.heroLiftExited;
|
||||
}
|
||||
}
|
||||
|
||||
function setHeroMobileMode(enabled){
|
||||
if (!section) return;
|
||||
section.classList.toggle(mobileAnimClass, enabled);
|
||||
section.classList.toggle(scrollDrivenClass, enabled && heroUseScrollTimeline);
|
||||
if (enabled) ensurePostHeroLift();
|
||||
}
|
||||
|
||||
function getHeroScrollRunwayMultiplier(){
|
||||
return readCssPx('--hero-scroll-runway-multiplier', 1);
|
||||
}
|
||||
|
||||
function getHeroEffectiveRunway(){
|
||||
return heroRunway * getHeroScrollRunwayMultiplier();
|
||||
}
|
||||
|
||||
function getHeroAnimationRange(){
|
||||
return `${heroStartY}px ${heroStartY + getHeroEffectiveRunway()}px`;
|
||||
}
|
||||
|
||||
function easeOutCubic(t){
|
||||
return 1 - (1 - t) ** 3;
|
||||
}
|
||||
|
||||
function getHeroScrollProgress(){
|
||||
return Math.min(Math.max(window.scrollY - heroStartY, 0), getHeroEffectiveRunway());
|
||||
}
|
||||
|
||||
function updateHeroContentLift(){
|
||||
if (!heroIsMobile || prefersReducedMotion || !section){
|
||||
if (postHeroLift) postHeroLift.style.removeProperty('transform');
|
||||
return;
|
||||
}
|
||||
|
||||
ensurePostHeroLift();
|
||||
if (!postHeroLift) return;
|
||||
|
||||
if (heroUseScrollTimeline){
|
||||
const exited = section.getBoundingClientRect().bottom <= 0;
|
||||
if (exited){
|
||||
if (postHeroLift.dataset.heroLiftExited !== '1'){
|
||||
postHeroLift.style.animation = 'none';
|
||||
postHeroLift.style.transform = 'translate3d(0, 0, 0)';
|
||||
postHeroLift.dataset.heroLiftExited = '1';
|
||||
}
|
||||
return;
|
||||
}
|
||||
if (postHeroLift.dataset.heroLiftExited === '1'){
|
||||
delete postHeroLift.dataset.heroLiftExited;
|
||||
const range = getHeroAnimationRange();
|
||||
postHeroLift.style.animation = 'hero-content-lift ease-out both';
|
||||
postHeroLift.style.animationTimeline = 'scroll(root block)';
|
||||
postHeroLift.style.animationRange = range;
|
||||
postHeroLift.style.removeProperty('transform');
|
||||
}
|
||||
return;
|
||||
}
|
||||
|
||||
if (section.getBoundingClientRect().bottom <= 0){
|
||||
postHeroLift.style.transform = 'translate3d(0, 0, 0)';
|
||||
return;
|
||||
}
|
||||
const navShift = getComputedStyle(heroRoot).getPropertyValue('--hero-nav-shift').trim() || '0px';
|
||||
postHeroLift.style.transform = `translate3d(0, ${navShift}, 0)`;
|
||||
}
|
||||
|
||||
function isHeroMobileViewport(){
|
||||
return window.innerWidth < 600;
|
||||
}
|
||||
|
||||
function getHeroMaxScale(){
|
||||
const mobile = window.innerWidth < 600;
|
||||
const scope = section || document.documentElement;
|
||||
return readCssPx(mobile ? '--hero-max-scale-mobile' : '--hero-max-scale', mobile ? 1.6 : 2.2, scope);
|
||||
}
|
||||
|
||||
function syncSiteHeaderHeight(){
|
||||
if (!siteHeader) return;
|
||||
const height = siteHeader.getBoundingClientRect().height;
|
||||
document.documentElement.style.setProperty('--site-header-height', `${Math.ceil(height)}px`);
|
||||
}
|
||||
|
||||
function getHeroBrandHeight(scale){
|
||||
return cachedBaseHeight * scale + cachedBrandGap;
|
||||
}
|
||||
|
||||
function getHeroStickyTop(){
|
||||
return readCssPx('--site-header-height', 57) + readCssPx('--hero-stage-offset', 80);
|
||||
}
|
||||
|
||||
function measureHero(){
|
||||
syncSiteHeaderHeight();
|
||||
heroIsMobile = isHeroMobileViewport();
|
||||
lastHeroScrollStep = -1;
|
||||
|
||||
if (!brandInner || !brand || !section || !stage || prefersReducedMotion){
|
||||
heroUseScrollTimeline = false;
|
||||
setHeroMobileMode(false);
|
||||
clearHeroAnimationVars();
|
||||
syncFit();
|
||||
return;
|
||||
}
|
||||
|
||||
const gapScope = brandGapFromSection ? section : document.documentElement;
|
||||
cachedBrandGap = readCssPx('--hero-brand-gap', 32, gapScope);
|
||||
cachedMaxScale = getHeroMaxScale();
|
||||
clearHeroAnimationVars();
|
||||
brandInner.style.removeProperty('transform');
|
||||
|
||||
syncFit();
|
||||
cachedBaseHeight = brandInner.offsetHeight;
|
||||
if (heroIsMobile){
|
||||
if (clampMobileScale){
|
||||
cachedMaxScale = clampMobileScale(cachedMaxScale, brand, brandInner, section);
|
||||
}
|
||||
cachedMaxBrandHeight = getHeroBrandHeight(cachedMaxScale);
|
||||
cachedMinBrandHeight = getHeroBrandHeight(1);
|
||||
} else {
|
||||
cachedMaxBrandHeight = getHeroBrandHeight(1);
|
||||
cachedMinBrandHeight = getHeroBrandHeight(1 / cachedMaxScale);
|
||||
}
|
||||
cachedNavHeight = mainNav ? mainNav.offsetHeight : 0;
|
||||
heroRunway = Math.max(cachedMaxBrandHeight - cachedMinBrandHeight, 0);
|
||||
heroStartY = stage.getBoundingClientRect().top + window.scrollY - getHeroStickyTop();
|
||||
|
||||
heroUseScrollTimeline = heroIsMobile
|
||||
&& typeof CSS !== 'undefined'
|
||||
&& CSS.supports('animation-timeline', 'scroll()');
|
||||
|
||||
if (heroIsMobile){
|
||||
setHeroMobileMode(true);
|
||||
if (setMobileScaleVar){
|
||||
section.style.setProperty('--hero-max-scale-mobile', cachedMaxScale.toFixed(4));
|
||||
}
|
||||
heroRoot.style.setProperty('--hero-brand-max-h', `${cachedMaxBrandHeight}px`);
|
||||
heroRoot.style.setProperty('--hero-brand-min-h', `${cachedMinBrandHeight}px`);
|
||||
heroRoot.style.setProperty('--hero-brand-height', `${cachedMaxBrandHeight}px`);
|
||||
heroRoot.style.setProperty('--hero-stage-height', `${cachedMaxBrandHeight + cachedNavHeight}px`);
|
||||
heroRoot.style.setProperty('--hero-nav-shift-max', `${-(cachedMaxBrandHeight - cachedMinBrandHeight)}px`);
|
||||
if (heroUseScrollTimeline){
|
||||
applyHeroScrollAnimations(getHeroAnimationRange());
|
||||
}
|
||||
} else {
|
||||
setHeroMobileMode(false);
|
||||
}
|
||||
|
||||
updateHeroBrand();
|
||||
updateHeroContentLift();
|
||||
}
|
||||
|
||||
function updateHeroBrand(){
|
||||
if (!brandInner || !brand || !stage || prefersReducedMotion || cachedBaseHeight <= 0) return;
|
||||
if (heroUseScrollTimeline) return;
|
||||
|
||||
const scrolled = getHeroScrollProgress();
|
||||
const effectiveRunway = getHeroEffectiveRunway();
|
||||
const linearProgress = effectiveRunway > 0 ? scrolled / effectiveRunway : 1;
|
||||
const progress = easeOutCubic(Math.min(linearProgress, 1));
|
||||
|
||||
if (heroIsMobile){
|
||||
const scale = cachedMaxScale - progress * (cachedMaxScale - 1);
|
||||
const brandHeight = cachedBaseHeight * scale + cachedBrandGap;
|
||||
const navShift = cachedMaxBrandHeight - brandHeight;
|
||||
|
||||
heroRoot.style.setProperty('--hero-scale', scale.toFixed(4));
|
||||
heroRoot.style.setProperty('--hero-nav-shift', `${-navShift}px`);
|
||||
updateHeroContentLift();
|
||||
return;
|
||||
}
|
||||
|
||||
if (scrolled === lastHeroScrollStep) return;
|
||||
lastHeroScrollStep = scrolled;
|
||||
|
||||
const brandHeight = cachedMaxBrandHeight - progress * (cachedMaxBrandHeight - cachedMinBrandHeight);
|
||||
const scale = (brandHeight - cachedBrandGap) / cachedBaseHeight;
|
||||
|
||||
heroRoot.style.setProperty('--hero-scale', scale.toFixed(4));
|
||||
heroRoot.style.setProperty('--hero-brand-height', `${brandHeight}px`);
|
||||
heroRoot.style.setProperty('--hero-stage-height', `${brandHeight + cachedNavHeight}px`);
|
||||
}
|
||||
|
||||
let heroScrollRaf = 0;
|
||||
let heroLastScrollY = -1;
|
||||
|
||||
function runHeroScrollFrame(){
|
||||
heroScrollRaf = 0;
|
||||
const scrollY = window.scrollY;
|
||||
|
||||
if (heroIsMobile) updateHeroContentLift();
|
||||
if (!heroUseScrollTimeline) updateHeroBrand();
|
||||
|
||||
if (scrollY !== heroLastScrollY){
|
||||
heroLastScrollY = scrollY;
|
||||
scheduleHeroScrollFrame();
|
||||
}
|
||||
}
|
||||
|
||||
function scheduleHeroScrollFrame(){
|
||||
if (heroScrollRaf) return;
|
||||
heroScrollRaf = requestAnimationFrame(runHeroScrollFrame);
|
||||
}
|
||||
|
||||
function onHeroScroll(){
|
||||
scheduleHeroScrollFrame();
|
||||
}
|
||||
|
||||
function initHeroAnimation(){
|
||||
measureHero();
|
||||
}
|
||||
|
||||
function scheduleHeroMeasure(){
|
||||
clearTimeout(heroResizeTimer);
|
||||
heroResizeTimer = setTimeout(initHeroAnimation, 120);
|
||||
}
|
||||
|
||||
function getNavScrollOffset(){
|
||||
return readCssPx('--site-header-height', 57) + 24;
|
||||
}
|
||||
|
||||
function getSectionScrollInset(target){
|
||||
const paddingTop = parseFloat(getComputedStyle(target).paddingTop);
|
||||
return Number.isFinite(paddingTop) ? paddingTop : 0;
|
||||
}
|
||||
|
||||
function scrollToSection(target){
|
||||
const offset = getNavScrollOffset();
|
||||
let top = target.getBoundingClientRect().top + window.scrollY - offset + getSectionScrollInset(target);
|
||||
const belowHero = section
|
||||
&& (section.compareDocumentPosition(target) & Node.DOCUMENT_POSITION_FOLLOWING);
|
||||
const canSubtractRunway = subtractRunwayOnMobile || !heroIsMobile;
|
||||
if (belowHero && heroRunway > 0 && canSubtractRunway && window.scrollY < heroStartY + heroRunway){
|
||||
top -= heroRunway;
|
||||
}
|
||||
|
||||
window.scrollTo({
|
||||
top: Math.max(top, 0),
|
||||
behavior: prefersReducedMotion ? 'auto' : 'smooth'
|
||||
});
|
||||
}
|
||||
|
||||
window.addEventListener('scroll', onHeroScroll, { passive: true });
|
||||
window.addEventListener('resize', scheduleHeroMeasure);
|
||||
window.addEventListener('load', initHeroAnimation);
|
||||
|
||||
if (brandInner && window.ResizeObserver){
|
||||
const heroResizeObserver = new ResizeObserver(scheduleHeroMeasure);
|
||||
heroResizeObserver.observe(brandInner);
|
||||
}
|
||||
|
||||
if (siteHeader && window.ResizeObserver){
|
||||
const headerResizeObserver = new ResizeObserver(scheduleHeroMeasure);
|
||||
headerResizeObserver.observe(siteHeader);
|
||||
}
|
||||
|
||||
initHeroAnimation();
|
||||
|
||||
document.querySelectorAll('.main-nav a[href^="#"]').forEach(link => {
|
||||
link.addEventListener('click', e => {
|
||||
const target = document.querySelector(link.getAttribute('href'));
|
||||
if (!target) return;
|
||||
|
||||
e.preventDefault();
|
||||
scrollToSection(target);
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
// ---------- REVEAL ON SCROLL ----------
|
||||
function initReveal(){
|
||||
const observer = new IntersectionObserver((entries) => {
|
||||
entries.forEach(entry => {
|
||||
if (entry.isIntersecting){
|
||||
entry.target.classList.add('visible');
|
||||
observer.unobserve(entry.target);
|
||||
}
|
||||
});
|
||||
}, { threshold: 0.15 });
|
||||
|
||||
document.querySelectorAll('.reveal').forEach(el => observer.observe(el));
|
||||
}
|
||||
|
||||
// ---------- МОДАЛКА + ФОРМА ----------
|
||||
function initContactForm(){
|
||||
const modal = document.getElementById('contactModal');
|
||||
document.getElementById('openContactForm').addEventListener('click', () => modal.classList.add('open'));
|
||||
document.getElementById('closeContactForm').addEventListener('click', () => modal.classList.remove('open'));
|
||||
modal.addEventListener('click', e => { if (e.target === modal) modal.classList.remove('open'); });
|
||||
|
||||
const form = document.getElementById('contactForm');
|
||||
const status = document.getElementById('formStatus');
|
||||
|
||||
form.addEventListener('submit', async (e) => {
|
||||
e.preventDefault();
|
||||
status.textContent = form.dataset.statusLoading || '...';
|
||||
|
||||
const data = Object.fromEntries(new FormData(form).entries());
|
||||
|
||||
try {
|
||||
const res = await fetch('/api/contact', {
|
||||
method: 'POST',
|
||||
headers: { 'Content-Type': 'application/json' },
|
||||
body: JSON.stringify(data)
|
||||
});
|
||||
if (!res.ok) throw new Error('request_failed');
|
||||
status.textContent = form.dataset.statusSuccess || '✓';
|
||||
form.reset();
|
||||
setTimeout(() => modal.classList.remove('open'), 1200);
|
||||
} catch (err) {
|
||||
status.textContent = form.dataset.statusError || 'Error';
|
||||
}
|
||||
});
|
||||
}
|
||||
454
preview/en/index.html
Normal file
454
preview/en/index.html
Normal file
|
|
@ -0,0 +1,454 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en" data-page-lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>428th _ Crypto · Trading · Wealth Management</title>
|
||||
<meta name="description" content="428th — crypto trading, education, copy trading, BingX partner.">
|
||||
<meta name="robots" content="index, follow">
|
||||
<link rel="canonical" href="https://428th.com/en/">
|
||||
<link rel="alternate" hreflang="ru" href="https://428th.com/">
|
||||
<link rel="alternate" hreflang="en" href="https://428th.com/en/">
|
||||
<link rel="alternate" hreflang="uk" href="https://428th.com/ua/">
|
||||
<link rel="alternate" hreflang="x-default" href="https://428th.com/">
|
||||
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:site_name" content="428th">
|
||||
<meta property="og:locale" content="en_US">
|
||||
<meta property="og:url" content="https://428th.com/en/">
|
||||
<meta property="og:title" content="428th _ Crypto · Trading · Wealth Management">
|
||||
<meta property="og:description" content="428th — crypto trading, education, copy trading, BingX partner.">
|
||||
<meta property="og:image" content="https://428th.com/og.png?v=2">
|
||||
<meta property="og:image:width" content="1200">
|
||||
<meta property="og:image:height" content="630">
|
||||
|
||||
<meta name="twitter:card" content="summary_large_image">
|
||||
<meta name="twitter:title" content="428th _ Crypto · Trading · Wealth Management">
|
||||
<meta name="twitter:description" content="428th — crypto trading, education, copy trading, BingX partner.">
|
||||
<meta name="twitter:image" content="https://428th.com/og.png?v=2">
|
||||
|
||||
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
|
||||
<link rel="icon" href="/favicon.png" type="image/png" sizes="32x32">
|
||||
<link rel="apple-touch-icon" href="/apple-touch-icon.png" sizes="180x180">
|
||||
<meta name="theme-color" content="#C4622A">
|
||||
<script>
|
||||
(function () {
|
||||
var pageLang = document.documentElement.getAttribute('data-page-lang');
|
||||
var saved = localStorage.getItem('lang');
|
||||
if (saved === 'uk') { saved = 'ua'; localStorage.setItem('lang', 'ua'); }
|
||||
|
||||
function normalizePath(path) {
|
||||
if (!path || path === '/') return '/';
|
||||
return path.replace(/\/+$/, '') || '/';
|
||||
}
|
||||
|
||||
function pathFor(lang) {
|
||||
var path = location.pathname || '/';
|
||||
var rest = path.replace(/^\/preview(?=\/|$)/, '') || '/';
|
||||
rest = rest.replace(/^\/(en|ua)(?=\/|$)/, '') || '/';
|
||||
if (rest === '/index.html') rest = '/';
|
||||
rest = normalizePath(rest);
|
||||
|
||||
if (lang === 'ru') {
|
||||
if (rest === '/') return '/preview/';
|
||||
if (rest === '/terminal') return '/preview/terminal/';
|
||||
return '/preview' + rest;
|
||||
}
|
||||
if (rest === '/') return '/preview/' + lang + '/';
|
||||
if (rest === '/terminal') return '/preview/' + lang + '/terminal/';
|
||||
return '/preview/' + lang + rest;
|
||||
}
|
||||
|
||||
function needsRedirect(target) {
|
||||
return normalizePath(location.pathname) !== normalizePath(target);
|
||||
}
|
||||
|
||||
if (saved === 'ru' || saved === 'en' || saved === 'ua') {
|
||||
if (saved !== pageLang) {
|
||||
var target = pathFor(saved);
|
||||
if (needsRedirect(target)) location.replace(target);
|
||||
}
|
||||
return;
|
||||
}
|
||||
|
||||
if (pageLang !== 'ru') {
|
||||
localStorage.setItem('lang', pageLang);
|
||||
return;
|
||||
}
|
||||
|
||||
var browser = String(navigator.language || '').slice(0, 2).toLowerCase();
|
||||
var preferred = 'ru';
|
||||
if (browser === 'en') preferred = 'en';
|
||||
else if (browser === 'uk' || browser === 'ua') preferred = 'ua';
|
||||
|
||||
if (preferred !== 'ru') {
|
||||
var preferredTarget = pathFor(preferred);
|
||||
if (needsRedirect(preferredTarget)) location.replace(preferredTarget);
|
||||
} else {
|
||||
localStorage.setItem('lang', 'ru');
|
||||
}
|
||||
})();
|
||||
</script>
|
||||
<link rel="stylesheet" href="/preview/styles.css?v=20260923k">
|
||||
</head>
|
||||
<body>
|
||||
<div class="ambient" aria-hidden="true">
|
||||
<div class="ambient-glow"></div>
|
||||
<div class="ambient-orb ambient-orb--a"></div>
|
||||
<div class="ambient-orb ambient-orb--b"></div>
|
||||
</div>
|
||||
|
||||
<header class="site-header">
|
||||
<div class="container header-inner">
|
||||
<nav class="lang-switch" id="langSwitch" aria-label="Language">
|
||||
<a href="/preview/en/" data-set-lang="en" class="active" aria-current="page">EN</a>
|
||||
_
|
||||
<a href="/preview/ua/" data-set-lang="ua">UA</a>
|
||||
_
|
||||
<a href="/preview/" data-set-lang="ru">RU</a>
|
||||
</nav>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<main>
|
||||
|
||||
<section class="hero container">
|
||||
<div class="hero-stage">
|
||||
<div class="hero-brand">
|
||||
<div class="hero-brand-inner" id="heroBrandInner">
|
||||
<div class="hero-brand-lockup">
|
||||
<h1 class="logo" data-text="428th">428th</h1>
|
||||
<p class="tagline">Crypto _ Trading _ Wealth Management</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<nav class="main-nav" aria-label="Sections">
|
||||
<a href="#about">About</a>
|
||||
<a href="#premium">Premium</a>
|
||||
<a href="#education">Education</a>
|
||||
<a href="#copytrade">Copy Trading</a>
|
||||
<a href="#autotrade">Auto Trading</a>
|
||||
<a href="#fund">Fund</a>
|
||||
<a href="#streams">Streams for Admins</a>
|
||||
<a href="#contact" class="nav-cta"><span>DM us</span><span class="btn-arrow" aria-hidden="true">→</span></a>
|
||||
</nav>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div class="post-hero-lift">
|
||||
|
||||
<!-- КТО МЫ -->
|
||||
<section id="about" class="section reveal">
|
||||
<div class="container">
|
||||
<span class="eyebrow">About</span>
|
||||
<h2>428th — part of the SIMPLE CRYPTO team</h2>
|
||||
<p class="lead">United by the idea of effective capital management. We've been working with crypto assets since 2018. We share our decisions with subscribers who respects. <span class="fw-400">With those who don't — we don't.</span></p>
|
||||
|
||||
<div class="team-grid">
|
||||
<div class="team-card">
|
||||
<h3>Artemii</h3>
|
||||
<ul class="dash-list">
|
||||
<li>Manual and algo-trading</li>
|
||||
<li>Automation</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="team-card team-card--ivan">
|
||||
<h3>Ivan</h3>
|
||||
<ul class="dash-list">
|
||||
<li>FA and macro</li>
|
||||
<li>Polymarket</li>
|
||||
<li>Investing</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="team-card team-card--andrey">
|
||||
<h3>Andrei</h3>
|
||||
<ul class="dash-list">
|
||||
<li>DeFi specialist</li>
|
||||
<li>Retro hunter</li>
|
||||
<li>Betting enthusiast</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="team-card team-card--danylo">
|
||||
<h3>Danylo</h3>
|
||||
<ul class="dash-list">
|
||||
<li>Software engineer</li>
|
||||
<li>TradFi maniac</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- PREMIUM -->
|
||||
<section id="premium" class="section reveal">
|
||||
<div class="container">
|
||||
<span class="eyebrow">Premium</span>
|
||||
<h2>Working together as the team</h2>
|
||||
<p class="lead">A private chat split into topics where we communicate with our members personally. UA/RU mostly.</p>
|
||||
|
||||
<ol class="numbered-list" data-count="5">
|
||||
<li><span class="num">01</span><p>Every day — a conference call or technical video market review for Crypto + TradFi. Current situation, expectations, setup hunting, key levels.</p></li>
|
||||
<li><span class="num">02</span><p>24/7 trend setups from proprietary algorithms on 15-min and 6h timeframes. Clear entry, stop, take-profit, and chart.</p></li>
|
||||
<li><span class="num">03</span><p>Q&A, breakdowns of trading systems and tricks.</p></li>
|
||||
<li><span class="num">04</span><p>Fundamental analysis of markets and assets.</p></li>
|
||||
<li><span class="num">05</span><p>Recommendations on Retro, DeFi, and Polymarket.</p></li>
|
||||
</ol>
|
||||
|
||||
<div class="entry-options">
|
||||
<span class="sublabel">
|
||||
<span>Ways to join</span><span class="sublabel-note"> (any of these)</span>
|
||||
</span>
|
||||
<ul class="dash-list">
|
||||
<li><span class="fw-400">$500 for the educational course, with 12 months of Premium included.</span> It's just easier for us to work with people who know the basics.</li>
|
||||
<li><span class="fw-400">$50/month subscription.</span> Don't want to learn — pay extra for laziness.</li>
|
||||
<li><span class="fw-400">Connected BingX copy trading with a $3,000+ deposit.</span> The top option for those who already trust us.</li>
|
||||
<li><span class="fw-400">$500k+/month crypto volume on a partner Bybit or BingX account.</span> For whales, all doors are open.</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ОБУЧЕНИЕ -->
|
||||
<section id="education" class="section reveal">
|
||||
<div class="container">
|
||||
<span class="eyebrow">Education</span>
|
||||
<h2>Author's trading course</h2>
|
||||
<p class="lead">Each topic includes a text lecture and video practice. 1–1.5 months at your own pace. Lessons average 20 minutes. Price: $500.</p>
|
||||
|
||||
<div class="two-col">
|
||||
<div>
|
||||
<h4>What's included</h4>
|
||||
<ul class="dash-list">
|
||||
<li>Lifetime access to the student chat, course updates, conferences, proprietary indicators</li>
|
||||
<li>All trading styles: intraday, medium-term, portfolio</li>
|
||||
<li>Support from us and students from past cohorts</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div>
|
||||
<h4>Methods</h4>
|
||||
<ul class="dash-list">
|
||||
<li>Classic TA + PA + VSA + LRA + SM</li>
|
||||
<li>Proven nuances of common analysis methods</li>
|
||||
<li>New approaches and strategies as you study and practice</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="note-box">
|
||||
<p><span class="fw-400">Elliott Wave Analysis (EWA) isn't included yet — that's the next level.</span> You can trade just fine without it. If you want, use our wave markings.</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- КОПИТРЕЙДИНГ -->
|
||||
<section id="copytrade" class="section reveal">
|
||||
<div class="container">
|
||||
<span class="eyebrow">Copy Trading on BingX</span>
|
||||
<h2>Semi-automated trading</h2>
|
||||
<p class="lead">Artemii trades alongside bots on two futures master accounts — short-term and medium-term. Easy money button! (when it works)</p>
|
||||
|
||||
<ol class="numbered-list" data-count="3">
|
||||
<li><span class="num">01</span><p>Two master accounts: short-term and medium-term futures trading.</p></li>
|
||||
<li><span class="num">02</span><p>Available only for BingX referrals. Unlocks free Premium-group access.</p></li>
|
||||
<li><span class="num">03</span><p>Connect if you're ready to experiment or trust us about as much as yourself — or more.</p></li>
|
||||
</ol>
|
||||
|
||||
<div class="note-box">
|
||||
<p>There's little stats so far and it doesn't mean much — the tech solution was just launched. <span class="fw-400">Connect consciously.</span></p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- АВТОТРЕЙДИНГ _ TERMINAL -->
|
||||
<section id="autotrade" class="section reveal">
|
||||
<div class="container">
|
||||
<span class="eyebrow">Auto Trading _ Terminal</span>
|
||||
<h2>Automation via TradingView indicators</h2>
|
||||
<p class="lead">Got a working indicator that looks awesome but trading it manually is madness? Connect signals and watch it trade.</p>
|
||||
|
||||
<ol class="numbered-list" data-count="4">
|
||||
<li><span class="num">01</span><p>Sign up, connect your BingX, ByBit, or MEXC account via API. You need to be our referral or pay up.</p></li>
|
||||
<li><span class="num">02</span><p>Modify your script for our webhooks. It's not scary.</p></li>
|
||||
<li><span class="num">03</span><p>Set up alerts, enjoy. The bot won't break if you trade alongside it and manually adjust its positions.</p></li>
|
||||
<li><span class="num">04</span><p><span class="fw-400">Not much of a programmer?</span> We'll help rewrite the script and get you connected — for free.</p></li>
|
||||
</ol>
|
||||
|
||||
<div class="note-box">
|
||||
<p>
|
||||
<span>More about 428th Terminal —</span>
|
||||
<a href="/preview/en/terminal/">on this page.</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ФОНД -->
|
||||
<section id="fund" class="section reveal">
|
||||
<div class="container">
|
||||
<div class="section-labels">
|
||||
<span class="eyebrow">Fund</span>
|
||||
<span class="badge">Closed to new participants (sorry, investments are in the red for now)</span>
|
||||
</div>
|
||||
<h2>Multi-family office</h2>
|
||||
<p class="lead">For those who want to ride the crypto trend and earn from capital — without managing the market themselves.</p>
|
||||
|
||||
<div class="two-col">
|
||||
<div>
|
||||
<h4>To manage on your own you need</h4>
|
||||
<ul class="dash-list">
|
||||
<li>Time for constant market monitoring</li>
|
||||
<li>A foundation for systematic analysis</li>
|
||||
<li>Experience working safely with blockchains</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div>
|
||||
<h4>Alternatively — trust us with everything</h4>
|
||||
<ul class="dash-list">
|
||||
<li>Capital planning and allocation</li>
|
||||
<li>Position management</li>
|
||||
<li>Reporting and payouts</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="note-box">
|
||||
<p><span class="fw-400">If you work the market on your own — that's the best approach</span>, and we support it fully.</p>
|
||||
<p>If not — we provide access to crypto returns without diving into every action.</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- СТРИМЫ -->
|
||||
<section id="streams" class="section reveal">
|
||||
<div class="container">
|
||||
<span class="eyebrow">Crypto Admin Streams</span>
|
||||
<h2>admins.stream service</h2>
|
||||
<p class="lead">Admins come together to host a conference for subscribers and exchange traffic. Sponsors welcome.</p>
|
||||
|
||||
<ol class="numbered-list" data-count="6">
|
||||
<li><span class="num">01</span><p>We assemble a group of admins, set talk topics, stream date, announcement posts schedule and prizes.</p></li>
|
||||
<li><span class="num">02</span><p>Admins publish announcement posts, people register in a TG bot. They need to subscribe to each admin.</p></li>
|
||||
<li><span class="num">03</span><p>All viewers are tracked — who came from where and all that. Anyone who floods with bots — gets banned. But we're prepared: captchas in the bot, captchas on stream.</p></li>
|
||||
<li><span class="num">04</span><p>We run the conference — admins together on a call, and viewers watch the stream and chat in the broadcast interface.</p></li>
|
||||
<li><span class="num">05</span><p>Among those who attended the conference (everyone gets a unique link), selected prizes are raffled off.</p></li>
|
||||
<li><span class="num">06</span><p>Admins are happy with engaged live traffic, subscribers are happy with top-notch content and rewards.</p></li>
|
||||
</ol>
|
||||
|
||||
<div class="note-box">
|
||||
<p><span class="fw-400">Interested?</span> Reach out, let's talk.</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- EXCHANGE -->
|
||||
<section id="exchange" class="section reveal">
|
||||
<div class="container">
|
||||
<span class="eyebrow">Exchange service</span>
|
||||
<h2>428th Exchange</h2>
|
||||
<p class="lead">Our partners for financial solutions. Simply the best. Work worldwide.</p>
|
||||
|
||||
<ul class="dash-list dash-list--block">
|
||||
<li>Buying and selling crypto for cash.</li>
|
||||
<li>Working with bank cards and accounts.</li>
|
||||
<li>Cash relocation.</li>
|
||||
<li>Paying invoices and payment links.</li>
|
||||
<li>Working with e-money and payment systems.</li>
|
||||
<li>Paying CNY to AliPay and WeChat Pay cards.</li>
|
||||
</ul>
|
||||
|
||||
<div class="note-box">
|
||||
<p>Shortly, we'll try to solve any task — message <a href="https://t.me/a428th_exchange_bot" target="_blank" rel="noopener">@a428th_exchange_bot</a></p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- КОНТАКТ -->
|
||||
<section id="contact" class="section reveal contact-section">
|
||||
<div class="container center">
|
||||
<span class="eyebrow">Contact</span>
|
||||
<p><span class="fw-400">For all questions — DMs only.</span> Sales aren't automated, and we never planned them to be.</p>
|
||||
<p>Write to us — we'll figure out your situation and find a solution. <span class="fw-400">Like bros.</span></p>
|
||||
|
||||
<a class="btn-outline" href="https://t.me/artemium" target="_blank" rel="noopener">
|
||||
<span>Telegram @artemium</span><span class="btn-arrow" aria-hidden="true">→</span>
|
||||
</a>
|
||||
|
||||
<button class="link-underline" id="openContactForm"><span class="fw-400">Want to stay anonymous?</span> Here's a contact form</button>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ССЫЛКИ / FOOTER -->
|
||||
<footer class="site-footer">
|
||||
<div class="container two-col">
|
||||
<div>
|
||||
<h5>Our channels</h5>
|
||||
<ul class="dash-list">
|
||||
<li>Telegram: <a href="https://t.me/+QIZFJDaZjrliMDI6" target="_blank" rel="noopener">@a428th</a> + <a href="https://t.me/+cJfqh9ZTHswwMThi" target="_blank" rel="noopener">work chat</a></li>
|
||||
<li>YouTube: <a href="https://www.youtube.com/channel/UCdAD0ER3neqgjhCsgetY1bw" target="_blank" rel="noopener">428th _ Crypto</a></li>
|
||||
<li>X (Twitter): <a href="#" target="_blank" rel="noopener">428th _ Crypto</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div>
|
||||
<h5>Referral links with the best terms</h5>
|
||||
<ul class="dash-list">
|
||||
<li><span><span class="fw-400">Favorite</span> crypto exchange</span> <a href="https://bingxdao.com/partner/artemium/" target="_blank" rel="noopener">BingX</a></li>
|
||||
<li><span>Top TradFi on</span> <a href="https://partner.bybit.com/b/ARTEMIUM" target="_blank" rel="noopener">ByBit</a></li>
|
||||
<li>
|
||||
<a href="https://www.binance.com/register?ref=ARTEMIUM" target="_blank" rel="noopener">Binance</a>,
|
||||
<a href="https://partner.bitget.com/bg/artemium" target="_blank" rel="noopener">BitGet</a>,
|
||||
<a href="https://promote.mexc.com/b/artemium" target="_blank" rel="noopener">MEXC</a>,
|
||||
<a href="#" target="_blank" rel="noopener">OKX</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="container footer-bottom">
|
||||
<span class="footer-wolf">🐺</span>
|
||||
<span class="footer-copy">© 2026 _ 428th.com</span>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
</div>
|
||||
|
||||
</main>
|
||||
|
||||
<!-- Модалка формы связи -->
|
||||
<div class="modal-overlay" id="contactModal">
|
||||
<div class="modal-box">
|
||||
<button class="modal-close" id="closeContactForm">×</button>
|
||||
<h3>Contact form</h3>
|
||||
|
||||
<form id="contactForm" data-status-loading="..." data-status-success="Sent ✓" data-status-error="Could not send. Please try again.">
|
||||
<div class="hp-field" aria-hidden="true" style="position:absolute;left:-10000px;top:auto;width:1px;height:1px;margin:0;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0;opacity:0;pointer-events:none">
|
||||
<label for="hp_company">Company fax</label>
|
||||
<input id="hp_company" type="text" name="hp_company" value="" tabindex="-1" autocomplete="off">
|
||||
</div>
|
||||
|
||||
<label>
|
||||
<span>Name</span>
|
||||
<input type="text" name="name" required="">
|
||||
</label>
|
||||
|
||||
<label>
|
||||
<span>How to reach you</span>
|
||||
<input type="text" name="contact" placeholder="Telegram @username, Email, WhatsApp..." required="">
|
||||
</label>
|
||||
|
||||
<label>
|
||||
<span>Message</span>
|
||||
<textarea name="message" rows="4" required=""></textarea>
|
||||
</label>
|
||||
|
||||
<button type="submit" class="btn-solid">Send</button>
|
||||
<p class="form-status" id="formStatus"></p>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<link rel="stylesheet" href="/fonts/inter.css">
|
||||
<script src="/preview/common.js?v=20260923d"></script>
|
||||
<script src="/preview/app.js"></script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
304
preview/en/terminal/index.html
Normal file
304
preview/en/terminal/index.html
Normal file
|
|
@ -0,0 +1,304 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en" data-page-lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>428th Terminal — auto trading via TradingView signals</title>
|
||||
<meta name="description" content="428th Terminal — auto-trading via TradingView signals on BingX, Bybit and MEXC. Positions open automatically with stop-loss and take-profit.">
|
||||
<meta name="robots" content="index, follow">
|
||||
<link rel="canonical" href="https://428th.com/en/terminal/">
|
||||
<link rel="alternate" hreflang="ru" href="https://428th.com/terminal/">
|
||||
<link rel="alternate" hreflang="en" href="https://428th.com/en/terminal/">
|
||||
<link rel="alternate" hreflang="uk" href="https://428th.com/ua/terminal/">
|
||||
<link rel="alternate" hreflang="x-default" href="https://428th.com/terminal/">
|
||||
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:site_name" content="428th">
|
||||
<meta property="og:locale" content="en_US">
|
||||
<meta property="og:url" content="https://428th.com/en/terminal/">
|
||||
<meta property="og:title" content="428th Terminal — auto trading via TradingView signals">
|
||||
<meta property="og:description" content="428th Terminal — auto-trading via TradingView signals on BingX, Bybit and MEXC. Positions open automatically with stop-loss and take-profit.">
|
||||
<meta property="og:image" content="https://428th.com/og.png?v=2">
|
||||
<meta property="og:image:width" content="1200">
|
||||
<meta property="og:image:height" content="630">
|
||||
|
||||
<meta name="twitter:card" content="summary_large_image">
|
||||
<meta name="twitter:title" content="428th Terminal — auto trading via TradingView signals">
|
||||
<meta name="twitter:description" content="428th Terminal — auto-trading via TradingView signals on BingX, Bybit and MEXC. Positions open automatically with stop-loss and take-profit.">
|
||||
<meta name="twitter:image" content="https://428th.com/og.png?v=2">
|
||||
|
||||
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
|
||||
<link rel="icon" href="/favicon.png" type="image/png" sizes="32x32">
|
||||
<link rel="apple-touch-icon" href="/apple-touch-icon.png" sizes="180x180">
|
||||
<meta name="theme-color" content="#C4622A">
|
||||
<script>
|
||||
(function () {
|
||||
var pageLang = document.documentElement.getAttribute('data-page-lang');
|
||||
var saved = localStorage.getItem('lang');
|
||||
if (saved === 'uk') { saved = 'ua'; localStorage.setItem('lang', 'ua'); }
|
||||
|
||||
function normalizePath(path) {
|
||||
if (!path || path === '/') return '/';
|
||||
return path.replace(/\/+$/, '') || '/';
|
||||
}
|
||||
|
||||
function pathFor(lang) {
|
||||
var path = location.pathname || '/';
|
||||
var rest = path.replace(/^\/preview(?=\/|$)/, '') || '/';
|
||||
rest = rest.replace(/^\/(en|ua)(?=\/|$)/, '') || '/';
|
||||
if (rest === '/index.html') rest = '/';
|
||||
rest = normalizePath(rest);
|
||||
|
||||
if (lang === 'ru') {
|
||||
if (rest === '/') return '/preview/';
|
||||
if (rest === '/terminal') return '/preview/terminal/';
|
||||
return '/preview' + rest;
|
||||
}
|
||||
if (rest === '/') return '/preview/' + lang + '/';
|
||||
if (rest === '/terminal') return '/preview/' + lang + '/terminal/';
|
||||
return '/preview/' + lang + rest;
|
||||
}
|
||||
|
||||
function needsRedirect(target) {
|
||||
return normalizePath(location.pathname) !== normalizePath(target);
|
||||
}
|
||||
|
||||
if (saved === 'ru' || saved === 'en' || saved === 'ua') {
|
||||
if (saved !== pageLang) {
|
||||
var target = pathFor(saved);
|
||||
if (needsRedirect(target)) location.replace(target);
|
||||
}
|
||||
return;
|
||||
}
|
||||
|
||||
if (pageLang !== 'ru') {
|
||||
localStorage.setItem('lang', pageLang);
|
||||
return;
|
||||
}
|
||||
|
||||
var browser = String(navigator.language || '').slice(0, 2).toLowerCase();
|
||||
var preferred = 'ru';
|
||||
if (browser === 'en') preferred = 'en';
|
||||
else if (browser === 'uk' || browser === 'ua') preferred = 'ua';
|
||||
|
||||
if (preferred !== 'ru') {
|
||||
var preferredTarget = pathFor(preferred);
|
||||
if (needsRedirect(preferredTarget)) location.replace(preferredTarget);
|
||||
} else {
|
||||
localStorage.setItem('lang', 'ru');
|
||||
}
|
||||
})();
|
||||
</script>
|
||||
<link rel="stylesheet" href="/preview/styles.css?v=20260923k">
|
||||
</head>
|
||||
<body>
|
||||
<div class="ambient" aria-hidden="true">
|
||||
<div class="ambient-glow"></div>
|
||||
<div class="ambient-orb ambient-orb--a"></div>
|
||||
<div class="ambient-orb ambient-orb--b"></div>
|
||||
</div>
|
||||
|
||||
<header class="site-header">
|
||||
<div class="container header-inner">
|
||||
<nav class="lang-switch" id="langSwitch" aria-label="Language">
|
||||
<a href="/preview/en/terminal/" data-set-lang="en" class="active" aria-current="page">EN</a>
|
||||
_
|
||||
<a href="/preview/ua/terminal/" data-set-lang="ua">UA</a>
|
||||
_
|
||||
<a href="/preview/terminal/" data-set-lang="ru">RU</a>
|
||||
</nav>
|
||||
<div class="header-actions">
|
||||
<a href="/preview/en/" class="home-link">HOME PAGE</a>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<main>
|
||||
|
||||
<section class="terminal-hero container">
|
||||
<div class="terminal-stage">
|
||||
<div class="terminal-brand">
|
||||
<div class="terminal-brand-inner" id="terminalBrandInner">
|
||||
<h1 class="terminal-logo"><span class="accent">428th</span><span class="terminal-logo-main" data-text="Terminal">Terminal</span></h1>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<nav class="main-nav terminal-nav" aria-label="Sections">
|
||||
<a href="#functionality">Features</a>
|
||||
<a href="#pricing">Pricing</a>
|
||||
<a href="#contact" class="nav-cta"><span>DM us</span><span class="btn-arrow" aria-hidden="true">→</span></a>
|
||||
</nav>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div class="post-hero-lift">
|
||||
|
||||
<!-- ФУНКЦИОНАЛ -->
|
||||
<section id="functionality" class="section reveal">
|
||||
<div class="container">
|
||||
<span class="eyebrow">Features</span>
|
||||
<h2>Link a TradingView indicator with an exchange</h2>
|
||||
<p class="lead">Basically, that's the main reason we built the terminal. Say you or someone else has a great indicator:</p>
|
||||
|
||||
<div class="two-col">
|
||||
<div>
|
||||
<h4>Trade signals manually</h4>
|
||||
<ul class="dash-list">
|
||||
<li>You need to sit at your computer or phone 24/7</li>
|
||||
<li>Easy to miss a signal</li>
|
||||
<li>You might not get in on time</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div>
|
||||
<h4>Connect to the terminal</h4>
|
||||
<ul class="dash-list">
|
||||
<li>Position opens automatically</li>
|
||||
<li>Stop and take-profit set right away</li>
|
||||
<li>If needed, do whatever you want with it manually</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="note-box">
|
||||
<p>The point is to automate trading with an indicator you like.</p>
|
||||
</div>
|
||||
|
||||
<ol class="numbered-list" data-count="4">
|
||||
<li><span class="num">01</span><p>Sign up, connect your BingX, ByBit, or MEXC account via API. You need to be our referral or pay up.</p></li>
|
||||
<li><span class="num">02</span><p>Modify your script for our webhooks. It's not scary.</p></li>
|
||||
<li><span class="num">03</span><p>Set up alerts, enjoy. The bot won't break even if you trade alongside it and manually adjust its positions.</p></li>
|
||||
<li><span class="num">04</span><p><span class="fw-400">Not much of a programmer?</span> We'll help rewrite the script and get you connected — for free.</p></li>
|
||||
</ol>
|
||||
|
||||
<p class="lead">We originally built the terminal for auto trading with our own indicators. <span class="fw-400">So it does exactly what we need:</span></p>
|
||||
|
||||
<ul class="dash-list dash-list--block">
|
||||
<li>Accepts webhooks from TradingView.</li>
|
||||
<li>Opens positions on BingX, ByBit, or MEXC accordingly.</li>
|
||||
<li>Accepts manual edits: you can close positions, reduce their sizes, or move SL/TPs on the exchange.</li>
|
||||
<li>Shows trading statistics.</li>
|
||||
</ul>
|
||||
|
||||
<div class="note-box">
|
||||
<p><span class="fw-400">Now we're coming up with and adding new features.</span> Want something? DM us.</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ЦЕНЫ -->
|
||||
<section id="pricing" class="section reveal">
|
||||
<div class="container">
|
||||
<span class="eyebrow">Pricing</span>
|
||||
<h2>This is actually the fun part</h2>
|
||||
<p class="lead">Work for free if your account is our referral. <span class="fw-400">If not — it'll be expensive :(</span></p>
|
||||
|
||||
<ul class="dash-list dash-list--block">
|
||||
<li>We couldn't come up with a payment option more convenient than the exchange partner system.</li>
|
||||
<li>If it's really important for you to trade without our referral, you probably don't care how much you pay anyway.</li>
|
||||
<li>Direct service payment — $500/month per API key.</li>
|
||||
<li>Reminder: no payment needed for trading on a referral account. Your commission bonuses are enough for us.</li>
|
||||
<li>If you're an influencer and a partner of your chosen exchange — DM us, we'll work something out.</li>
|
||||
</ul>
|
||||
|
||||
<div class="note-box">
|
||||
<p>Being our referral is <span class="fw-400">cool either way.</span></p>
|
||||
</div>
|
||||
|
||||
<ol class="numbered-list" data-count="4">
|
||||
<li><span class="num">01</span><p>With $500k+/month in crypto volume, you get free Premium group access. More info — <a href="/preview/en/#premium">here</a>.</p></li>
|
||||
<li><span class="num">02</span><p>Your trading fees drop by 30-50%, and if you're a whale, we'll arrange cashbacks.</p></li>
|
||||
<li><span class="num">03</span><p>Exchange questions or issues can be solved through us quickly. Especially on BingX — they're true bros for real.</p></li>
|
||||
<li><span class="num">04</span><p><span class="fw-400">Downsides? None.</span> Registration links are at the bottom of the page.</p></li>
|
||||
</ol>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- КОНТАКТ -->
|
||||
<section id="contact" class="section reveal contact-section">
|
||||
<div class="container center">
|
||||
<span class="eyebrow">Contact</span>
|
||||
<p><span class="fw-400">For all questions — DMs only.</span> Sales aren't automated, and we never planned them to be.</p>
|
||||
<p>Write to us — we'll figure out your situation and find a solution. <span class="fw-400">Like bros.</span></p>
|
||||
|
||||
<a class="btn-outline" href="https://t.me/artemium" target="_blank" rel="noopener">
|
||||
<span>Telegram @artemium</span><span class="btn-arrow" aria-hidden="true">→</span>
|
||||
</a>
|
||||
|
||||
<button class="link-underline" id="openContactForm"><span class="fw-400">Want to stay anonymous?</span> Here's a contact form</button>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ССЫЛКИ / FOOTER -->
|
||||
<footer class="site-footer">
|
||||
<div class="container two-col">
|
||||
<div>
|
||||
<h5>Our channels</h5>
|
||||
<ul class="dash-list">
|
||||
<li>Telegram: <a href="https://t.me/+QIZFJDaZjrliMDI6" target="_blank" rel="noopener">@a428th</a> + <a href="https://t.me/+cJfqh9ZTHswwMThi" target="_blank" rel="noopener">work chat</a></li>
|
||||
<li>YouTube: <a href="https://www.youtube.com/channel/UCdAD0ER3neqgjhCsgetY1bw" target="_blank" rel="noopener">428th _ Crypto</a></li>
|
||||
<li>X (Twitter): <a href="#" target="_blank" rel="noopener">428th _ Crypto</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div>
|
||||
<h5>Referral links with the best terms</h5>
|
||||
<ul class="dash-list">
|
||||
<li><span><span class="fw-400">Favorite</span> crypto exchange</span> <a href="https://bingxdao.com/partner/artemium/" target="_blank" rel="noopener">BingX</a></li>
|
||||
<li><span>Top TradFi on</span> <a href="https://partner.bybit.com/b/ARTEMIUM" target="_blank" rel="noopener">ByBit</a></li>
|
||||
<li>
|
||||
<a href="https://www.binance.com/register?ref=ARTEMIUM" target="_blank" rel="noopener">Binance</a>,
|
||||
<a href="https://partner.bitget.com/bg/artemium" target="_blank" rel="noopener">BitGet</a>,
|
||||
<a href="https://promote.mexc.com/b/artemium" target="_blank" rel="noopener">MEXC</a>,
|
||||
<a href="#" target="_blank" rel="noopener">OKX</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="container footer-bottom">
|
||||
<span class="footer-wolf">🐺</span>
|
||||
<span class="footer-copy">© 2026 _ 428th.com</span>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
</div>
|
||||
|
||||
</main>
|
||||
|
||||
<!-- Модалка формы связи -->
|
||||
<div class="modal-overlay" id="contactModal">
|
||||
<div class="modal-box">
|
||||
<button class="modal-close" id="closeContactForm">×</button>
|
||||
<h3>Contact form</h3>
|
||||
|
||||
<form id="contactForm" data-status-loading="..." data-status-success="Sent ✓" data-status-error="Could not send. Please try again.">
|
||||
<div class="hp-field" aria-hidden="true" style="position:absolute;left:-10000px;top:auto;width:1px;height:1px;margin:0;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0;opacity:0;pointer-events:none">
|
||||
<label for="hp_company">Company fax</label>
|
||||
<input id="hp_company" type="text" name="hp_company" value="" tabindex="-1" autocomplete="off">
|
||||
</div>
|
||||
|
||||
<label>
|
||||
<span>Name</span>
|
||||
<input type="text" name="name" required="">
|
||||
</label>
|
||||
|
||||
<label>
|
||||
<span>How to reach you</span>
|
||||
<input type="text" name="contact" placeholder="Telegram @username, Email, WhatsApp..." required="">
|
||||
</label>
|
||||
|
||||
<label>
|
||||
<span>Message</span>
|
||||
<textarea name="message" rows="4" required=""></textarea>
|
||||
</label>
|
||||
|
||||
<button type="submit" class="btn-solid">Send</button>
|
||||
<p class="form-status" id="formStatus"></p>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<link rel="stylesheet" href="/fonts/inter.css">
|
||||
<script src="/preview/common.js?v=20260923d"></script>
|
||||
<script src="/preview/terminal.js"></script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
454
preview/index.html
Normal file
454
preview/index.html
Normal file
|
|
@ -0,0 +1,454 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="ru" data-page-lang="ru">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>428th _ Crypto · Trading · Wealth Management</title>
|
||||
<meta name="description" content="428th — крипто трейдинг, обучение, копитрейдинг, BingX партнер.">
|
||||
<meta name="robots" content="index, follow">
|
||||
<link rel="canonical" href="https://428th.com/">
|
||||
<link rel="alternate" hreflang="ru" href="https://428th.com/">
|
||||
<link rel="alternate" hreflang="en" href="https://428th.com/en/">
|
||||
<link rel="alternate" hreflang="uk" href="https://428th.com/ua/">
|
||||
<link rel="alternate" hreflang="x-default" href="https://428th.com/">
|
||||
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:site_name" content="428th">
|
||||
<meta property="og:locale" content="ru_RU">
|
||||
<meta property="og:url" content="https://428th.com/">
|
||||
<meta property="og:title" content="428th _ Crypto · Trading · Wealth Management">
|
||||
<meta property="og:description" content="428th — крипто трейдинг, обучение, копитрейдинг, BingX партнер.">
|
||||
<meta property="og:image" content="https://428th.com/og.png?v=2">
|
||||
<meta property="og:image:width" content="1200">
|
||||
<meta property="og:image:height" content="630">
|
||||
|
||||
<meta name="twitter:card" content="summary_large_image">
|
||||
<meta name="twitter:title" content="428th _ Crypto · Trading · Wealth Management">
|
||||
<meta name="twitter:description" content="428th — крипто трейдинг, обучение, копитрейдинг, BingX партнер.">
|
||||
<meta name="twitter:image" content="https://428th.com/og.png?v=2">
|
||||
|
||||
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
|
||||
<link rel="icon" href="/favicon.png" type="image/png" sizes="32x32">
|
||||
<link rel="apple-touch-icon" href="/apple-touch-icon.png" sizes="180x180">
|
||||
<meta name="theme-color" content="#C4622A">
|
||||
<script>
|
||||
(function () {
|
||||
var pageLang = document.documentElement.getAttribute('data-page-lang');
|
||||
var saved = localStorage.getItem('lang');
|
||||
if (saved === 'uk') { saved = 'ua'; localStorage.setItem('lang', 'ua'); }
|
||||
|
||||
function normalizePath(path) {
|
||||
if (!path || path === '/') return '/';
|
||||
return path.replace(/\/+$/, '') || '/';
|
||||
}
|
||||
|
||||
function pathFor(lang) {
|
||||
var path = location.pathname || '/';
|
||||
var rest = path.replace(/^\/preview(?=\/|$)/, '') || '/';
|
||||
rest = rest.replace(/^\/(en|ua)(?=\/|$)/, '') || '/';
|
||||
if (rest === '/index.html') rest = '/';
|
||||
rest = normalizePath(rest);
|
||||
|
||||
if (lang === 'ru') {
|
||||
if (rest === '/') return '/preview/';
|
||||
if (rest === '/terminal') return '/preview/terminal/';
|
||||
return '/preview' + rest;
|
||||
}
|
||||
if (rest === '/') return '/preview/' + lang + '/';
|
||||
if (rest === '/terminal') return '/preview/' + lang + '/terminal/';
|
||||
return '/preview/' + lang + rest;
|
||||
}
|
||||
|
||||
function needsRedirect(target) {
|
||||
return normalizePath(location.pathname) !== normalizePath(target);
|
||||
}
|
||||
|
||||
if (saved === 'ru' || saved === 'en' || saved === 'ua') {
|
||||
if (saved !== pageLang) {
|
||||
var target = pathFor(saved);
|
||||
if (needsRedirect(target)) location.replace(target);
|
||||
}
|
||||
return;
|
||||
}
|
||||
|
||||
if (pageLang !== 'ru') {
|
||||
localStorage.setItem('lang', pageLang);
|
||||
return;
|
||||
}
|
||||
|
||||
var browser = String(navigator.language || '').slice(0, 2).toLowerCase();
|
||||
var preferred = 'ru';
|
||||
if (browser === 'en') preferred = 'en';
|
||||
else if (browser === 'uk' || browser === 'ua') preferred = 'ua';
|
||||
|
||||
if (preferred !== 'ru') {
|
||||
var preferredTarget = pathFor(preferred);
|
||||
if (needsRedirect(preferredTarget)) location.replace(preferredTarget);
|
||||
} else {
|
||||
localStorage.setItem('lang', 'ru');
|
||||
}
|
||||
})();
|
||||
</script>
|
||||
<link rel="stylesheet" href="/preview/styles.css?v=20260923k">
|
||||
</head>
|
||||
<body>
|
||||
<div class="ambient" aria-hidden="true">
|
||||
<div class="ambient-glow"></div>
|
||||
<div class="ambient-orb ambient-orb--a"></div>
|
||||
<div class="ambient-orb ambient-orb--b"></div>
|
||||
</div>
|
||||
|
||||
<header class="site-header">
|
||||
<div class="container header-inner">
|
||||
<nav class="lang-switch" id="langSwitch" aria-label="Language">
|
||||
<a href="/preview/en/" data-set-lang="en">EN</a>
|
||||
_
|
||||
<a href="/preview/ua/" data-set-lang="ua">UA</a>
|
||||
_
|
||||
<a href="/preview/" data-set-lang="ru" class="active" aria-current="page">RU</a>
|
||||
</nav>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<main>
|
||||
|
||||
<section class="hero container">
|
||||
<div class="hero-stage">
|
||||
<div class="hero-brand">
|
||||
<div class="hero-brand-inner" id="heroBrandInner">
|
||||
<div class="hero-brand-lockup">
|
||||
<h1 class="logo" data-text="428th">428th</h1>
|
||||
<p class="tagline">Crypto _ Trading _ Wealth Management</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<nav class="main-nav" aria-label="Разделы">
|
||||
<a href="#about">Кто мы</a>
|
||||
<a href="#premium">Premium</a>
|
||||
<a href="#education">Обучение</a>
|
||||
<a href="#copytrade">Копитрейдинг</a>
|
||||
<a href="#autotrade">Автотрейдинг</a>
|
||||
<a href="#fund">Фонд</a>
|
||||
<a href="#streams">Стримы для админов</a>
|
||||
<a href="#contact" class="nav-cta"><span>Написать в ЛС</span><span class="btn-arrow" aria-hidden="true">→</span></a>
|
||||
</nav>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div class="post-hero-lift">
|
||||
|
||||
<!-- КТО МЫ -->
|
||||
<section id="about" class="section reveal">
|
||||
<div class="container">
|
||||
<span class="eyebrow">Кто мы</span>
|
||||
<h2>428th — часть команды SIMPLE CRYPTO</h2>
|
||||
<p class="lead">Объединены идеей эффективного управления капиталом. С 2018 года работаем с крипто-активами. Своими решениями делимся с уважаемыми подписчиками. <span class="fw-400">С неуважаемыми — не делимся.</span></p>
|
||||
|
||||
<div class="team-grid">
|
||||
<div class="team-card">
|
||||
<h3>Артемий</h3>
|
||||
<ul class="dash-list">
|
||||
<li>Ручной и алго-трейдинг</li>
|
||||
<li>Автоматизация</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="team-card team-card--ivan">
|
||||
<h3>Иван</h3>
|
||||
<ul class="dash-list">
|
||||
<li>ФА и макро</li>
|
||||
<li>Polymarket</li>
|
||||
<li>Инвестиции</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="team-card team-card--andrey">
|
||||
<h3>Андрей</h3>
|
||||
<ul class="dash-list">
|
||||
<li>DeFi specialist</li>
|
||||
<li>Retro hunter</li>
|
||||
<li>Betting enthusiast</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="team-card team-card--danylo">
|
||||
<h3>Данило</h3>
|
||||
<ul class="dash-list">
|
||||
<li>Software engineer</li>
|
||||
<li>TradFi maniac</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- PREMIUM -->
|
||||
<section id="premium" class="section reveal">
|
||||
<div class="container">
|
||||
<span class="eyebrow">Premium</span>
|
||||
<h2>Работа в команде</h2>
|
||||
<p class="lead">Закрытый чат, разделённый на темы, в котором мы общаемся с вами лично.</p>
|
||||
|
||||
<ol class="numbered-list" data-count="5">
|
||||
<li><span class="num">01</span><p>Каждый день — конференция или технический видео-обзор рынка Crypto + TradFi. Текущая ситуация, ожидания, поиск сетапов, расстановка ориентиров.</p></li>
|
||||
<li><span class="num">02</span><p>24/7 трендовые сетапы от авторских алгоритмов по таймфреймам 15 мин и 6ч. Чёткий вход, стоп, тейк и график.</p></li>
|
||||
<li><span class="num">03</span><p>Ответы на вопросы, разборы торговых систем и фишек.</p></li>
|
||||
<li><span class="num">04</span><p>Фундаментальный разбор рынков и активов.</p></li>
|
||||
<li><span class="num">05</span><p>Рекомендации по направлениям Retro, DeFi, Polymarket.</p></li>
|
||||
</ol>
|
||||
|
||||
<div class="entry-options">
|
||||
<span class="sublabel">
|
||||
<span>Варианты входа</span><span class="sublabel-note"> (любой из них)</span>
|
||||
</span>
|
||||
<ul class="dash-list">
|
||||
<li><span class="fw-400">500$ за обучение, в подарок 12 месяцев подписки на Premium.</span> Нам просто лучше работать с теми, кто знает базу.</li>
|
||||
<li><span class="fw-400">Подписка 50$/мес.</span> Не хотите учиться — доплата за лень.</li>
|
||||
<li><span class="fw-400">Подключённый копитрейдинг BingX на депозит $3 000+.</span> Топовый вариант для тех, кто уже доверяет.</li>
|
||||
<li><span class="fw-400">Оборот криптой на партнёрском аккаунте Bybit или BingX на $500k+/мес.</span> Для китов все двери открыты.</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ОБУЧЕНИЕ -->
|
||||
<section id="education" class="section reveal">
|
||||
<div class="container">
|
||||
<span class="eyebrow">Обучение</span>
|
||||
<h2>Авторский курс по трейдингу</h2>
|
||||
<p class="lead">По каждой теме — текстовая лекция и видео-практика. 1-1.5 месяца в свободном режиме. Уроки по 20 минут в среднем. Цена 500$.</p>
|
||||
|
||||
<div class="two-col">
|
||||
<div>
|
||||
<h4>Что входит</h4>
|
||||
<ul class="dash-list">
|
||||
<li>Бессрочный доступ в чат учеников, обновления курса, конференции, авторские индикаторы</li>
|
||||
<li>Все стили торговли: интрадей, среднесрок, портфель</li>
|
||||
<li>Поддержка от нас и учеников прошлых потоков</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div>
|
||||
<h4>Методы</h4>
|
||||
<ul class="dash-list">
|
||||
<li>Классический ТА + PA + VSA + LRA + SM</li>
|
||||
<li>Проверенные тонкости распространённых методов анализа</li>
|
||||
<li>Новые подходы и стратегии по мере изучения и отработки</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="note-box">
|
||||
<p><span class="fw-400">Волнового анализа (EWA) сейчас нет — это следующий уровень.</span> Торговать нормально и без него. По желанию — опирайтесь на наши разметки.</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- КОПИТРЕЙДИНГ -->
|
||||
<section id="copytrade" class="section reveal">
|
||||
<div class="container">
|
||||
<span class="eyebrow">Копитрейдинг на BingX</span>
|
||||
<h2>Полуавтоматическая торговля</h2>
|
||||
<p class="lead">Артемий вместе с ботами торгует на двух фьючерсных мастер-аккаунтах — краткосрок и среднесрок. Кнопка бабло!</p>
|
||||
|
||||
<ol class="numbered-list" data-count="3">
|
||||
<li><span class="num">01</span><p>Два мастер-аккаунта: краткосрочная и среднесрочная торговля на фьючерсах.</p></li>
|
||||
<li><span class="num">02</span><p>Доступно только для рефералов BingX. Открывает возможность бесплатного входа в Premium.</p></li>
|
||||
<li><span class="num">03</span><p>Подключайтесь, если готовы к эксперименту или доверяете нам примерно как себе — или сильнее.</p></li>
|
||||
</ol>
|
||||
|
||||
<div class="note-box">
|
||||
<p>Статистики пока мало и она ничего не даёт — техническое решение только запущено. <span class="fw-400">Подключайтесь осознанно.</span></p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- АВТОТРЕЙДИНГ _ TERMINAL -->
|
||||
<section id="autotrade" class="section reveal">
|
||||
<div class="container">
|
||||
<span class="eyebrow">Автотрейдинг _ Terminal</span>
|
||||
<h2>Автоматизация по индикаторам TradingView</h2>
|
||||
<p class="lead">Есть рабочий индикатор, на вид офигенный, но работать руками — дичь? Подключайте сигналы и наблюдайте за торговлей.</p>
|
||||
|
||||
<ol class="numbered-list" data-count="4">
|
||||
<li><span class="num">01</span><p>Регистрируетесь, подключаете по API аккаунт на BingX, ByBit или MEXC. Нужно быть нашим рефералом или дать денег.</p></li>
|
||||
<li><span class="num">02</span><p>Модифицируете скрипт под наши webhook. Это не страшно.</p></li>
|
||||
<li><span class="num">03</span><p>Настраиваете алерты, кайфуете. Бот не сломается, даже если вы будете торговать вместе с ним и менять его позиции руками.</p></li>
|
||||
<li><span class="num">04</span><p><span class="fw-400">Вы не особо программист?</span> Мы поможем переписать скрипт и подключиться — бесплатно.</p></li>
|
||||
</ol>
|
||||
|
||||
<div class="note-box">
|
||||
<p>
|
||||
<span>Подробнее про 428th Terminal —</span>
|
||||
<a href="/preview/terminal/">на этой странице.</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ФОНД -->
|
||||
<section id="fund" class="section reveal">
|
||||
<div class="container">
|
||||
<div class="section-labels">
|
||||
<span class="eyebrow">Фонд</span>
|
||||
<span class="badge">Закрыт для новых участников (сори, инвестиции пока в минусе)</span>
|
||||
</div>
|
||||
<h2>Multi-family office</h2>
|
||||
<p class="lead">Для тех, кто хочет быть в крипто-тренде и получать доход от капитала — без самостоятельной работы с рынком.</p>
|
||||
|
||||
<div class="two-col">
|
||||
<div>
|
||||
<h4>Для самостоятельного управления нужно</h4>
|
||||
<ul class="dash-list">
|
||||
<li>Время на постоянное наблюдение за рынком</li>
|
||||
<li>База для системного анализа</li>
|
||||
<li>Опыт безопасной работы с блокчейнами</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div>
|
||||
<h4>Как вариант — доверить всё нам</h4>
|
||||
<ul class="dash-list">
|
||||
<li>Планирование и распределение капитала</li>
|
||||
<li>Управление позициями</li>
|
||||
<li>Отчётность и выплаты</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="note-box">
|
||||
<p><span class="fw-400">Если работаете с рынком своей головой и руками — это лучший подход</span>, мы его поддерживаем максимально.</p>
|
||||
<p>Если нет — мы предоставляем доступ к крипто-доходности без погружения в каждое действие.</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- СТРИМЫ -->
|
||||
<section id="streams" class="section reveal">
|
||||
<div class="container">
|
||||
<span class="eyebrow">Стримы крипто-админов</span>
|
||||
<h2>Сервис admins.stream</h2>
|
||||
<p class="lead">Админы собираются вместе, чтобы провести конференцию для подписчиков и обменяться трафиком. Можно подключить спонсоров.</p>
|
||||
|
||||
<ol class="numbered-list" data-count="6">
|
||||
<li><span class="num">01</span><p>Собираем группу админов, фиксируем темы выступлений, дату стрима, расписание постов-анонсов, призы.</p></li>
|
||||
<li><span class="num">02</span><p>Админы выпускают посты-анонсы, люди регистрируются в тг-боте. Им нужно подписаться на каждого админа.</p></li>
|
||||
<li><span class="num">03</span><p>Все зрители фиксируются в базе, кто откуда пришёл и всё такое. Кто нальёт ботов — прибью. Но мы подготовились: капчи в боте, капчи на стриме.</p></li>
|
||||
<li><span class="num">04</span><p>Проводим конференцию — админы на созвоне, а зрители смотрят стрим и могут пообщаться в чате трансляции.</p></li>
|
||||
<li><span class="num">05</span><p>Среди тех, кто пришёл на конференцию (у всех индивидуальная ссылка), разыгрываются выбранные призы.</p></li>
|
||||
<li><span class="num">06</span><p>Админы довольны живым заинтересованным трафиком, подписчики радуются качественному контенту и наградам.</p></li>
|
||||
</ol>
|
||||
|
||||
<div class="note-box">
|
||||
<p><span class="fw-400">Интересно?</span> Обращайтесь, договоримся.</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- EXCHANGE -->
|
||||
<section id="exchange" class="section reveal">
|
||||
<div class="container">
|
||||
<span class="eyebrow">Обменный сервис</span>
|
||||
<h2>428th Exchange</h2>
|
||||
<p class="lead">Наши партнеры по решению финансовых вопросов. Просто лучшие. Работают по всему миру.</p>
|
||||
|
||||
<ul class="dash-list dash-list--block">
|
||||
<li>Покупка и продажа крипты за наличные.</li>
|
||||
<li>Работа с банковскими картами и счетами.</li>
|
||||
<li>Перестановка наличных.</li>
|
||||
<li>Оплата инвойсов и ссылок.</li>
|
||||
<li>Работа с электронными деньгами и платежными системами.</li>
|
||||
<li>Оплата Юаня на карты AliPay, WeChat Pay.</li>
|
||||
</ul>
|
||||
|
||||
<div class="note-box">
|
||||
<p>Постараемся решить любую задачу — напишите <a href="https://t.me/a428th_exchange_bot" target="_blank" rel="noopener">@a428th_exchange_bot</a></p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- КОНТАКТ -->
|
||||
<section id="contact" class="section reveal contact-section">
|
||||
<div class="container center">
|
||||
<span class="eyebrow">Контакт</span>
|
||||
<p><span class="fw-400">По всем вопросам — только в ЛС.</span> Продажи не автоматизированы, а мы и не планировали.</p>
|
||||
<p>Напишите — разберём вашу ситуацию и найдём решение. <span class="fw-400">По-братски.</span></p>
|
||||
|
||||
<a class="btn-outline" href="https://t.me/artemium" target="_blank" rel="noopener">
|
||||
<span>Telegram @artemium</span><span class="btn-arrow" aria-hidden="true">→</span>
|
||||
</a>
|
||||
|
||||
<button class="link-underline" id="openContactForm"><span class="fw-400">Хотите анонимно?</span> Вот форма для связи</button>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ССЫЛКИ / FOOTER -->
|
||||
<footer class="site-footer">
|
||||
<div class="container two-col">
|
||||
<div>
|
||||
<h5>Наши каналы</h5>
|
||||
<ul class="dash-list">
|
||||
<li>Telegram: <a href="https://t.me/+QIZFJDaZjrliMDI6" target="_blank" rel="noopener">@a428th</a> + <a href="https://t.me/+cJfqh9ZTHswwMThi" target="_blank" rel="noopener">рабочий чат</a></li>
|
||||
<li>YouTube: <a href="https://www.youtube.com/channel/UCdAD0ER3neqgjhCsgetY1bw" target="_blank" rel="noopener">428th _ Crypto</a></li>
|
||||
<li>X (Twitter): <a href="#" target="_blank" rel="noopener">428th _ Crypto</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div>
|
||||
<h5>Рефералки с лучшими условиями</h5>
|
||||
<ul class="dash-list">
|
||||
<li><span><span class="fw-400">Любимая</span> криптобиржа</span> <a href="https://bingxdao.com/partner/artemium/" target="_blank" rel="noopener">BingX</a></li>
|
||||
<li><span>Топовый TradFi на</span> <a href="https://partner.bybit.com/b/ARTEMIUM" target="_blank" rel="noopener">ByBit</a></li>
|
||||
<li>
|
||||
<a href="https://www.binance.com/register?ref=ARTEMIUM" target="_blank" rel="noopener">Binance</a>,
|
||||
<a href="https://partner.bitget.com/bg/artemium" target="_blank" rel="noopener">BitGet</a>,
|
||||
<a href="https://promote.mexc.com/b/artemium" target="_blank" rel="noopener">MEXC</a>,
|
||||
<a href="#" target="_blank" rel="noopener">OKX</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="container footer-bottom">
|
||||
<span class="footer-wolf">🐺</span>
|
||||
<span class="footer-copy">© 2026 _ 428th.com</span>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
</div>
|
||||
|
||||
</main>
|
||||
|
||||
<!-- Модалка формы связи -->
|
||||
<div class="modal-overlay" id="contactModal">
|
||||
<div class="modal-box">
|
||||
<button class="modal-close" id="closeContactForm">×</button>
|
||||
<h3>Форма для связи</h3>
|
||||
|
||||
<form id="contactForm" data-status-loading="..." data-status-success="Отправлено ✓" data-status-error="Не удалось отправить. Попробуйте ещё раз.">
|
||||
<div class="hp-field" aria-hidden="true" style="position:absolute;left:-10000px;top:auto;width:1px;height:1px;margin:0;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0;opacity:0;pointer-events:none">
|
||||
<label for="hp_company">Company fax</label>
|
||||
<input id="hp_company" type="text" name="hp_company" value="" tabindex="-1" autocomplete="off">
|
||||
</div>
|
||||
|
||||
<label>
|
||||
<span>Имя</span>
|
||||
<input type="text" name="name" required="">
|
||||
</label>
|
||||
|
||||
<label>
|
||||
<span>Способ связи</span>
|
||||
<input type="text" name="contact" placeholder="Telegram @username, Email, WhatsApp..." required="">
|
||||
</label>
|
||||
|
||||
<label>
|
||||
<span>Сообщение</span>
|
||||
<textarea name="message" rows="4" required=""></textarea>
|
||||
</label>
|
||||
|
||||
<button type="submit" class="btn-solid">Отправить</button>
|
||||
<p class="form-status" id="formStatus"></p>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<link rel="stylesheet" href="/fonts/inter.css">
|
||||
<script src="/preview/common.js?v=20260923d"></script>
|
||||
<script src="/preview/app.js"></script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
836
preview/styles.css
Normal file
836
preview/styles.css
Normal file
|
|
@ -0,0 +1,836 @@
|
|||
:root{
|
||||
--bg:#000000;
|
||||
--accent:#C4622A;
|
||||
--heading:#F2F1EE;
|
||||
--logo:#FFFFFF;
|
||||
--text:#B4B2AC;
|
||||
--border: rgba(255,255,255,0.14);
|
||||
--card-bg: rgba(255,255,255,0.04);
|
||||
--metal-fill: linear-gradient(180deg,
|
||||
#ffffff 0%,
|
||||
#f7f7f7 12%,
|
||||
#ececec 24%,
|
||||
#e0e0e0 38%,
|
||||
#d2d2d2 52%,
|
||||
#c8c8c8 66%,
|
||||
#d0d0d0 80%,
|
||||
#bdbdbd 100%
|
||||
);
|
||||
--transition: 0.35s ease;
|
||||
|
||||
/* Hero animation tuning — see comments in .hero block below */
|
||||
--hero-logo-size: clamp(64px, 12vw, 140px);
|
||||
--hero-tagline-ratio: calc(15 / 140);
|
||||
--hero-tagline-fit: 1;
|
||||
--hero-max-scale: 2.2;
|
||||
--hero-max-scale-mobile: 1.6;
|
||||
--hero-active-scale: var(--hero-max-scale);
|
||||
--hero-scroll-runway-multiplier: 12;
|
||||
--hero-brand-gap: 48px;
|
||||
--hero-stage-offset: 28px;
|
||||
--hero-bottom-gap: 80px;
|
||||
--site-header-height: 57px;
|
||||
}
|
||||
|
||||
*{box-sizing:border-box;}
|
||||
html,body{margin:0;padding:0;background:var(--bg);}
|
||||
|
||||
body{
|
||||
font-family:'Inter', -apple-system, sans-serif;
|
||||
font-size:16px;
|
||||
font-weight:300;
|
||||
line-height:1.6;
|
||||
background:var(--bg);
|
||||
color:var(--text);
|
||||
-webkit-font-smoothing:antialiased;
|
||||
-moz-osx-font-smoothing:grayscale;
|
||||
transition: background var(--transition), color var(--transition);
|
||||
overflow-x:hidden;
|
||||
}
|
||||
|
||||
.ambient{
|
||||
position:fixed;
|
||||
inset:0;
|
||||
z-index:0;
|
||||
pointer-events:none;
|
||||
overflow:hidden;
|
||||
}
|
||||
.ambient::after{
|
||||
content:'';
|
||||
position:absolute;
|
||||
inset:0;
|
||||
opacity:0.045;
|
||||
mix-blend-mode:overlay;
|
||||
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
|
||||
}
|
||||
.ambient-glow{
|
||||
/* Hollow ring centered off-canvas past the top-right corner.
|
||||
The circle itself never enters the viewport; only the inner
|
||||
falloff of the rim clips the upper-right. */
|
||||
position:absolute;
|
||||
inset:0;
|
||||
filter:blur(48px);
|
||||
transform-origin:118% -8%;
|
||||
background:radial-gradient(circle 120vmax at 45% 50%,
|
||||
transparent 0%,
|
||||
transparent 22%,
|
||||
rgba(255,255,255,0.035) 32%,
|
||||
rgba(255,255,255,0.08) 42%,
|
||||
rgba(255,255,255,0.15) 52%,
|
||||
rgba(255,255,255,0.07) 62%,
|
||||
transparent 74%
|
||||
);
|
||||
animation:ambient-breathe 8s ease-in-out infinite;
|
||||
}
|
||||
.ambient-orb{
|
||||
display:none;
|
||||
}
|
||||
@keyframes ambient-breathe{
|
||||
0%,100%{opacity:0.78; transform:scale(1);}
|
||||
50%{opacity:1; transform:scale(1.018);}
|
||||
}
|
||||
@keyframes metal-sheen{
|
||||
0%,100%{background-position:0% 0%;}
|
||||
50%{background-position:0% 100%;}
|
||||
}
|
||||
@keyframes idle-float{
|
||||
0%,100%{transform:translateY(0);}
|
||||
50%{transform:translateY(-6px);}
|
||||
}
|
||||
|
||||
.container {
|
||||
max-width: 1120px;
|
||||
margin: 0 auto;
|
||||
padding: 0 24px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
h1,h3,h5{
|
||||
color:var(--heading);
|
||||
font-weight:600;
|
||||
margin:0 0 16px;
|
||||
}
|
||||
|
||||
h2{
|
||||
color:var(--heading);
|
||||
font-size:clamp(36px, 5vw, 56px);
|
||||
font-weight:200;
|
||||
line-height:1.18;
|
||||
letter-spacing:-0.005em;
|
||||
margin:0 0 28px;
|
||||
}
|
||||
|
||||
h4{
|
||||
color:var(--text);
|
||||
font-weight:400;
|
||||
margin:0 0 16px;
|
||||
}
|
||||
|
||||
a{color:var(--accent); text-decoration:none; transition:opacity var(--transition);}
|
||||
a:hover{opacity:0.7;}
|
||||
|
||||
.fw-400{font-weight:400;}
|
||||
|
||||
/* Header */
|
||||
.site-header{
|
||||
position:sticky; top:0; z-index:50;
|
||||
background:rgba(0,0,0,0.35);
|
||||
backdrop-filter:blur(16px);
|
||||
-webkit-backdrop-filter:blur(16px);
|
||||
border-bottom:1px solid rgba(255,255,255,0.08);
|
||||
}
|
||||
main, .site-footer{
|
||||
position:relative;
|
||||
z-index:1;
|
||||
}
|
||||
.header-inner{
|
||||
display:flex; justify-content:space-between; align-items:center;
|
||||
padding-top:16px;
|
||||
padding-bottom:16px;
|
||||
}
|
||||
.lang-switch{font-size:13px; letter-spacing:0.05em; display:flex; align-items:center; gap:6px; line-height:1; transform:translateY(1px);}
|
||||
.lang-switch a{
|
||||
background:none; border:none; cursor:pointer; padding:0; margin:0;
|
||||
color:var(--text); font-family:inherit; font-size:13px; font-weight:inherit;
|
||||
line-height:1; display:inline-flex; align-items:center;
|
||||
text-decoration:none;
|
||||
transition: color var(--transition);
|
||||
}
|
||||
.lang-switch a.active{color:var(--accent); font-weight:500;}
|
||||
|
||||
.header-actions{
|
||||
display:flex; align-items:center; gap:28px; line-height:1;
|
||||
}
|
||||
.home-link{
|
||||
font-size:13px; letter-spacing:0.05em; line-height:1;
|
||||
color:var(--text); text-decoration:none;
|
||||
font-family:inherit; font-weight:400;
|
||||
display:inline-flex; align-items:center;
|
||||
transform:translateY(1px);
|
||||
transition: color var(--transition);
|
||||
}
|
||||
.home-link:hover{color:var(--accent);}
|
||||
|
||||
/* Hero
|
||||
Size: --hero-logo-size, --hero-active-scale (max render → scale down on scroll)
|
||||
Motion: --hero-scroll-runway-multiplier — во сколько раз дольше скроллить (1 = как было)
|
||||
Spacing: --hero-brand-gap — отступ под логотипом
|
||||
--hero-stage-offset — отступ hero-stage от site-header
|
||||
--hero-bottom-gap — отступ hero до следующей секции
|
||||
Sticky: --site-header-height — высота шапки (JS) */
|
||||
.hero{
|
||||
--hero-max-scale:1.95;
|
||||
--hero-active-scale:var(--hero-max-scale);
|
||||
--hero-logo-size:clamp(60px, 11vw, 128px);
|
||||
position:relative;
|
||||
padding-top:var(--hero-stage-offset);
|
||||
padding-bottom:var(--hero-bottom-gap);
|
||||
text-align:left;
|
||||
}
|
||||
.hero-stage{
|
||||
position:sticky;
|
||||
top:calc(var(--site-header-height) + var(--hero-stage-offset));
|
||||
z-index:1;
|
||||
contain:layout style;
|
||||
height:var(--hero-stage-height, auto);
|
||||
}
|
||||
.hero-brand{
|
||||
position:relative;
|
||||
left:0;
|
||||
padding-bottom:var(--hero-brand-gap);
|
||||
overflow:hidden;
|
||||
contain:layout style;
|
||||
height:var(--hero-brand-height, auto);
|
||||
}
|
||||
.hero-brand-inner{
|
||||
position:absolute;
|
||||
left:0;
|
||||
top:0;
|
||||
transform-origin:left top;
|
||||
transform:translate3d(0, 0, 0) scale(var(--hero-scale, 1));
|
||||
will-change:transform;
|
||||
backface-visibility:hidden;
|
||||
-webkit-backface-visibility:hidden;
|
||||
}
|
||||
.hero-brand-lockup{
|
||||
display:inline-grid;
|
||||
grid-template-columns:max-content;
|
||||
}
|
||||
.logo{
|
||||
position:relative;
|
||||
font-size:var(--hero-logo-size);
|
||||
font-weight:600;
|
||||
letter-spacing:-0.03em;
|
||||
line-height:0.9;
|
||||
margin:0 0 8px -0.022em;
|
||||
color:transparent;
|
||||
background-image:var(--metal-fill);
|
||||
background-size:100% 180%;
|
||||
background-position:0% 0%;
|
||||
-webkit-background-clip:text;
|
||||
background-clip:text;
|
||||
filter:drop-shadow(0 0 0.35px rgba(210,210,210,0.55));
|
||||
animation:metal-sheen 10s ease-in-out infinite;
|
||||
}
|
||||
.tagline{
|
||||
font-size:calc(var(--hero-logo-size) * var(--hero-tagline-ratio) * var(--hero-tagline-fit, 1));
|
||||
letter-spacing:0.08em;
|
||||
text-transform:uppercase;
|
||||
color:var(--text);
|
||||
margin:0;
|
||||
white-space:nowrap;
|
||||
width:0;
|
||||
min-width:100%;
|
||||
}
|
||||
@media (prefers-reduced-motion: no-preference){
|
||||
.hero-brand-inner .logo{
|
||||
font-size:calc(var(--hero-logo-size) * var(--hero-active-scale));
|
||||
margin-bottom:calc(8px * var(--hero-active-scale));
|
||||
}
|
||||
.hero-brand-inner .tagline{
|
||||
font-size:calc(var(--hero-logo-size) * var(--hero-tagline-ratio) * var(--hero-active-scale) * var(--hero-tagline-fit, 1));
|
||||
}
|
||||
}
|
||||
@media (prefers-reduced-motion: no-preference) and (max-width:600px){
|
||||
.hero-brand-inner .logo{
|
||||
font-size:var(--hero-logo-size);
|
||||
margin-bottom:8px;
|
||||
}
|
||||
.hero-brand-inner .tagline{
|
||||
font-size:calc(var(--hero-logo-size) * var(--hero-tagline-ratio) * var(--hero-tagline-fit, 1));
|
||||
}
|
||||
}
|
||||
.main-nav{
|
||||
display:flex;
|
||||
flex-wrap:wrap;
|
||||
justify-content:stretch;
|
||||
gap:12px 16px;
|
||||
width:100%;
|
||||
border:none;
|
||||
padding:0;
|
||||
overflow:visible;
|
||||
}
|
||||
.main-nav a{
|
||||
position:relative;
|
||||
display:inline-flex;
|
||||
align-items:center;
|
||||
justify-content:center;
|
||||
flex:1 1 calc(25% - 12px);
|
||||
max-width:none;
|
||||
box-sizing:border-box;
|
||||
min-height:48px;
|
||||
padding:0 12px;
|
||||
font-size:15px;
|
||||
line-height:1;
|
||||
color:var(--text);
|
||||
letter-spacing:0.03em;
|
||||
text-align:center;
|
||||
border-radius:999px;
|
||||
border:1px solid rgba(255,255,255,0.09);
|
||||
background:linear-gradient(165deg, rgba(255,255,255,0.028) 0%, rgba(255,255,255,0.006) 42%, rgba(255,255,255,0.014) 100%);
|
||||
backdrop-filter:blur(22px) saturate(1.35);
|
||||
-webkit-backdrop-filter:blur(22px) saturate(1.35);
|
||||
box-shadow:inset 0 1px 0 rgba(255,255,255,0.07);
|
||||
overflow:visible;
|
||||
will-change:transform;
|
||||
transition: background var(--transition), color var(--transition), border-color var(--transition);
|
||||
}
|
||||
.main-nav a:hover,
|
||||
.main-nav a:focus-visible{
|
||||
z-index:2;
|
||||
background:linear-gradient(165deg, rgba(255,255,255,0.06) 0%, rgba(255,255,255,0.02) 100%);
|
||||
color:var(--heading);
|
||||
border-color:rgba(255,255,255,0.18);
|
||||
opacity:1;
|
||||
}
|
||||
.main-nav a:focus-visible{
|
||||
outline:none;
|
||||
box-shadow:inset 0 1px 0 rgba(255,255,255,0.1), 0 0 0 2px #000, 0 0 0 4px rgba(255,255,255,0.28);
|
||||
}
|
||||
.main-nav .nav-cta{
|
||||
color:var(--accent);
|
||||
overflow:hidden;
|
||||
}
|
||||
.main-nav .nav-cta > span:first-child{
|
||||
display:inline-block;
|
||||
transition:transform 0.3s ease;
|
||||
}
|
||||
.main-nav .nav-cta .btn-arrow{
|
||||
position:absolute;
|
||||
right:14px;
|
||||
opacity:0;
|
||||
transform:translateX(18px);
|
||||
transition:transform 0.3s ease, opacity 0.3s ease;
|
||||
}
|
||||
.main-nav .nav-cta:hover,
|
||||
.main-nav .nav-cta:focus-visible{
|
||||
background:var(--accent);
|
||||
color:#fff;
|
||||
border-color:var(--accent);
|
||||
}
|
||||
.main-nav .nav-cta:hover > span:first-child,
|
||||
.main-nav .nav-cta:focus-visible > span:first-child{transform:translateX(-8px);}
|
||||
.main-nav .nav-cta:hover .btn-arrow,
|
||||
.main-nav .nav-cta:focus-visible .btn-arrow{opacity:1; transform:translateX(0);}
|
||||
|
||||
/* Sections */
|
||||
.section{
|
||||
--section-padding-y:80px;
|
||||
padding:var(--section-padding-y) 0;
|
||||
border-top:1px solid var(--border);
|
||||
scroll-margin-top:calc(var(--site-header-height) + 24px + var(--section-padding-y));
|
||||
}
|
||||
.eyebrow{
|
||||
display:inline-block; font-size:17px; font-weight:400;
|
||||
letter-spacing:0.1em;
|
||||
color:var(--accent); text-transform:uppercase;
|
||||
vertical-align:middle; margin-bottom:16px;
|
||||
}
|
||||
.section-labels{
|
||||
display:flex; align-items:center; flex-wrap:wrap;
|
||||
gap:12px; margin-bottom:16px;
|
||||
}
|
||||
.section-labels .eyebrow{margin-bottom:0;}
|
||||
.section-labels .badge{margin-left:0;}
|
||||
.badge{
|
||||
display:inline-block; vertical-align:middle;
|
||||
margin-left:12px; padding:4px 10px;
|
||||
font-size:12px; border:1px solid var(--border); border-radius:4px;
|
||||
color:var(--text);
|
||||
}
|
||||
.lead{
|
||||
width:100%;
|
||||
max-width:none;
|
||||
margin-bottom:40px;
|
||||
}
|
||||
|
||||
.numbered-list{list-style:none; margin:0 0 32px; padding:0;}
|
||||
.numbered-list li{
|
||||
display:grid;
|
||||
grid-template-columns:28px 20px 1px 20px minmax(0, 1fr);
|
||||
align-items:center;
|
||||
padding:20px 0;
|
||||
border-top:1px solid var(--border);
|
||||
}
|
||||
.numbered-list li::before{
|
||||
content:'';
|
||||
grid-column:3;
|
||||
grid-row:1;
|
||||
width:1px;
|
||||
background:var(--border);
|
||||
align-self:stretch;
|
||||
}
|
||||
.numbered-list li:first-child{border-top:none;}
|
||||
.num{
|
||||
grid-column:1;
|
||||
display:flex;
|
||||
align-items:center;
|
||||
justify-content:center;
|
||||
color:var(--accent);
|
||||
font-weight:500;
|
||||
}
|
||||
.numbered-list p{grid-column:5; margin:0; line-height:1.7;}
|
||||
|
||||
.dash-list{list-style:none; padding:0; margin:0;}
|
||||
.dash-list--block{margin-bottom:32px;}
|
||||
.dash-list li{
|
||||
position:relative; padding-left:28px; margin-bottom:14px;
|
||||
}
|
||||
.dash-list li::before{
|
||||
content:"—"; position:absolute; left:0; color:var(--accent);
|
||||
}
|
||||
|
||||
.two-col{display:grid; grid-template-columns:1fr 1fr; gap:40px; margin-bottom:32px;}
|
||||
.two-col h4{
|
||||
font-size:15px; font-weight:600; color:var(--text);
|
||||
line-height:1.3; margin-bottom:16px;
|
||||
text-transform:uppercase; letter-spacing:0.05em;
|
||||
}
|
||||
|
||||
.note-box,
|
||||
.two-col > div,
|
||||
.team-card,
|
||||
.entry-options{
|
||||
border:1px solid rgba(255,255,255,0.09);
|
||||
border-radius:18px;
|
||||
background:linear-gradient(165deg, rgba(255,255,255,0.028) 0%, rgba(255,255,255,0.006) 42%, rgba(255,255,255,0.014) 100%);
|
||||
backdrop-filter:blur(22px) saturate(1.35);
|
||||
-webkit-backdrop-filter:blur(22px) saturate(1.35);
|
||||
box-shadow:
|
||||
inset 0 1px 0 rgba(255,255,255,0.07),
|
||||
inset 0 -1px 0 rgba(255,255,255,0.02);
|
||||
}
|
||||
.note-box{
|
||||
border-left:2px solid var(--accent);
|
||||
padding:24px 28px;
|
||||
}
|
||||
.two-col > div{
|
||||
padding:24px 26px;
|
||||
}
|
||||
.note-box:not(:last-child){margin-bottom:32px;}
|
||||
.note-box p{margin:0 0 8px; line-height:1.6;}
|
||||
.note-box p:last-child{margin:0;}
|
||||
|
||||
.numbered-list + .lead{margin-top:40px;}
|
||||
|
||||
.team-grid{
|
||||
display:grid;
|
||||
grid-template-columns:repeat(4, minmax(0, 1fr));
|
||||
justify-content:stretch;
|
||||
align-items:stretch;
|
||||
gap:16px;
|
||||
width:100%;
|
||||
max-width:100%;
|
||||
margin-top:32px;
|
||||
box-sizing:border-box;
|
||||
}
|
||||
.team-card{
|
||||
position:relative;
|
||||
text-align:left;
|
||||
padding:22px 16px;
|
||||
min-width:0;
|
||||
}
|
||||
.team-card h3{
|
||||
font-size:16px;
|
||||
line-height:1.2;
|
||||
margin-bottom:16px;
|
||||
white-space:nowrap;
|
||||
}
|
||||
.team-card ul{list-style:none; padding:0; margin:0;}
|
||||
.team-card li{
|
||||
margin-bottom:6px;
|
||||
color:var(--text);
|
||||
font-size:14px;
|
||||
white-space:nowrap;
|
||||
}
|
||||
.team-card .dash-list li{padding-left:20px;}
|
||||
|
||||
.entry-options{
|
||||
margin-top:8px;
|
||||
padding:24px 28px;
|
||||
}
|
||||
.entry-options .dash-list li:last-child{margin-bottom:0;}
|
||||
.sublabel{
|
||||
font-size:13px; text-transform:uppercase;
|
||||
letter-spacing:0.05em; color:var(--text);
|
||||
font-weight:600; display:block; margin-bottom:16px;
|
||||
}
|
||||
.sublabel-note{color:#9A9A94; font-weight:600;}
|
||||
|
||||
.more-link{font-size:inherit;}
|
||||
|
||||
.contact-section{text-align:center;}
|
||||
.contact-section .eyebrow{margin-bottom:36px;}
|
||||
.center{
|
||||
display:flex; flex-direction:column; align-items:center;
|
||||
gap:0;
|
||||
}
|
||||
.contact-section .center > p:first-of-type{margin:0 0 16px;}
|
||||
.contact-section .center > p:nth-of-type(2){margin:0 0 36px;}
|
||||
.btn-outline{
|
||||
position:relative;
|
||||
display:inline-flex;
|
||||
align-items:center;
|
||||
justify-content:center;
|
||||
overflow:hidden;
|
||||
border:1px solid var(--accent); color:var(--accent);
|
||||
padding:12px 28px; border-radius:999px; font-size:14px; font-weight:400;
|
||||
margin-bottom:28px;
|
||||
transition: background var(--transition), color var(--transition);
|
||||
animation:idle-float 8s ease-in-out infinite;
|
||||
animation-delay:-2.5s;
|
||||
}
|
||||
.btn-outline > span:first-child{
|
||||
display:inline-block;
|
||||
transition:transform 0.3s ease;
|
||||
}
|
||||
.btn-outline .btn-arrow{
|
||||
position:absolute;
|
||||
right:14px;
|
||||
opacity:0;
|
||||
transform:translateX(18px);
|
||||
transition:transform 0.3s ease, opacity 0.3s ease;
|
||||
}
|
||||
.btn-outline:hover,
|
||||
.btn-outline:focus-visible{background:var(--accent); color:#fff; opacity:1;}
|
||||
.btn-outline:hover > span:first-child,
|
||||
.btn-outline:focus-visible > span:first-child{transform:translateX(-8px);}
|
||||
.btn-outline:hover .btn-arrow,
|
||||
.btn-outline:focus-visible .btn-arrow{opacity:1; transform:translateX(0);}
|
||||
.link-underline{
|
||||
background:none; border:none; cursor:pointer;
|
||||
color:var(--text); text-decoration:underline; font-family:inherit; font-size:13px;
|
||||
}
|
||||
|
||||
/* Footer */
|
||||
.site-footer{
|
||||
border-top:1px solid var(--border);
|
||||
padding:48px 0 24px;
|
||||
font-size:13px;
|
||||
}
|
||||
.site-footer h5{
|
||||
font-size:12px; text-transform:uppercase;
|
||||
letter-spacing:0.05em; color:var(--text);
|
||||
}
|
||||
.site-footer .dash-list{margin-top:8px;}
|
||||
.footer-bottom{
|
||||
display:flex; justify-content:space-between; align-items:center;
|
||||
margin-top:40px; padding-top:24px;
|
||||
border-top:1px solid var(--border);
|
||||
font-size:12px; color:var(--text);
|
||||
}
|
||||
.footer-wolf{
|
||||
font-size:1.5em;
|
||||
line-height:1;
|
||||
opacity:1;
|
||||
}
|
||||
.footer-copy{opacity:0.7;}
|
||||
|
||||
/* Modal */
|
||||
.modal-overlay{
|
||||
position:fixed; inset:0; background:rgba(0,0,0,0.5);
|
||||
display:flex; align-items:center; justify-content:center;
|
||||
opacity:0; visibility:hidden; transition: opacity var(--transition);
|
||||
z-index:100;
|
||||
}
|
||||
.modal-overlay.open{opacity:1; visibility:visible;}
|
||||
.modal-box{
|
||||
background:var(--bg);
|
||||
border:1px solid rgba(255,255,255,0.28);
|
||||
border-radius:8px; padding:32px;
|
||||
max-width:420px; width:90%; position:relative;
|
||||
transform:translateY(20px); transition:transform var(--transition);
|
||||
}
|
||||
.modal-overlay.open .modal-box{transform:translateY(0);}
|
||||
.modal-close{
|
||||
position:absolute; top:12px; right:16px; background:none; border:none;
|
||||
font-size:22px; cursor:pointer; color:var(--text);
|
||||
}
|
||||
#contactForm label{display:block; margin-bottom:20px; font-size:13px; color:var(--text);}
|
||||
#contactForm .hp-field{
|
||||
position:absolute !important;
|
||||
left:-10000px !important;
|
||||
top:auto !important;
|
||||
width:1px !important;
|
||||
height:1px !important;
|
||||
margin:0 !important;
|
||||
padding:0 !important;
|
||||
overflow:hidden !important;
|
||||
clip:rect(0,0,0,0) !important;
|
||||
border:0 !important;
|
||||
opacity:0 !important;
|
||||
pointer-events:none !important;
|
||||
}
|
||||
#contactForm .hp-field input{
|
||||
width:1px !important;
|
||||
height:1px !important;
|
||||
margin:0 !important;
|
||||
padding:0 !important;
|
||||
border:0 !important;
|
||||
}
|
||||
#contactForm input, #contactForm textarea{
|
||||
width:100%; margin-top:6px; padding:10px; border:1px solid var(--border);
|
||||
border-radius:4px; background:transparent; color:var(--heading); font-family:inherit;
|
||||
font-size:14px; font-weight:400;
|
||||
}
|
||||
.btn-solid{
|
||||
background:var(--accent); color:#fff; border:none;
|
||||
padding:12px 24px; border-radius:999px; cursor:pointer; width:100%;
|
||||
}
|
||||
.form-status{font-size:13px; margin-top:12px; min-height:16px;}
|
||||
|
||||
/* Reveal animation */
|
||||
.reveal{opacity:0; transform:translateY(18px); transition: opacity 0.8s ease, transform 0.8s ease;}
|
||||
.reveal.visible{opacity:1; transform:translateY(0);}
|
||||
|
||||
@media (prefers-reduced-motion: reduce){
|
||||
.hero-stage,
|
||||
.terminal-stage{position:static; height:auto !important;}
|
||||
.hero-brand,
|
||||
.terminal-brand{height:auto !important;}
|
||||
.hero-brand-inner,
|
||||
.terminal-brand-inner{position:static; transform:none !important; will-change:auto; animation:none !important;}
|
||||
.hero--mobile-anim .main-nav,
|
||||
.terminal--mobile-anim .main-nav{transform:none !important; animation:none !important;}
|
||||
.ambient-glow,
|
||||
.ambient-orb,
|
||||
.logo,
|
||||
.terminal-logo-main,
|
||||
.btn-outline{animation:none !important; filter:none;}
|
||||
.main-nav a{transform:none !important; will-change:auto;}
|
||||
}
|
||||
|
||||
/* Mobile: compositor-only hero animation (no height changes while scrolling) */
|
||||
@media (max-width:600px){
|
||||
.hero--mobile-anim .hero-stage,
|
||||
.hero--mobile-anim .hero-brand{
|
||||
contain:none;
|
||||
}
|
||||
.hero--mobile-anim .main-nav{
|
||||
transform:translate3d(0, var(--hero-nav-shift, 0), 0);
|
||||
will-change:transform;
|
||||
backface-visibility:hidden;
|
||||
-webkit-backface-visibility:hidden;
|
||||
}
|
||||
.post-hero-lift{
|
||||
will-change:transform;
|
||||
backface-visibility:hidden;
|
||||
-webkit-backface-visibility:hidden;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width:600px){
|
||||
.terminal--mobile-anim .terminal-stage,
|
||||
.terminal--mobile-anim .terminal-brand{
|
||||
contain:none;
|
||||
}
|
||||
.terminal--mobile-anim .main-nav{
|
||||
transform:translate3d(0, var(--hero-nav-shift, 0), 0);
|
||||
will-change:transform;
|
||||
backface-visibility:hidden;
|
||||
-webkit-backface-visibility:hidden;
|
||||
}
|
||||
}
|
||||
|
||||
@supports (animation-timeline: scroll(root)){
|
||||
@media (prefers-reduced-motion: no-preference) and (max-width:600px){
|
||||
.hero--scroll-driven .hero-brand-inner{
|
||||
will-change:transform;
|
||||
}
|
||||
.hero--scroll-driven .main-nav{
|
||||
will-change:transform;
|
||||
}
|
||||
.hero--scroll-driven + .post-hero-lift{
|
||||
will-change:transform;
|
||||
}
|
||||
.terminal--scroll-driven .terminal-brand-inner,
|
||||
.terminal--scroll-driven .main-nav{
|
||||
will-change:transform;
|
||||
}
|
||||
.terminal--scroll-driven + .post-hero-lift{
|
||||
will-change:transform;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes hero-brand-scale{
|
||||
from{transform:translate3d(0, 0, 0) scale(var(--hero-max-scale-mobile));}
|
||||
to{transform:translate3d(0, 0, 0) scale(1);}
|
||||
}
|
||||
@keyframes terminal-brand-scale{
|
||||
from{transform:translate3d(-50%, 0, 0) scale(var(--hero-max-scale-mobile));}
|
||||
to{transform:translate3d(-50%, 0, 0) scale(1);}
|
||||
}
|
||||
@keyframes hero-nav-lift{
|
||||
from{transform:translate3d(0, 0, 0);}
|
||||
to{transform:translate3d(0, var(--hero-nav-shift-max), 0);}
|
||||
}
|
||||
@keyframes hero-content-lift{
|
||||
from{transform:translate3d(0, 0, 0);}
|
||||
to{transform:translate3d(0, var(--hero-nav-shift-max), 0);}
|
||||
}
|
||||
|
||||
/* Terminal landing page — hero + 3-col nav */
|
||||
.terminal-hero{
|
||||
--hero-max-scale:2.55;
|
||||
--hero-active-scale:var(--hero-max-scale);
|
||||
--hero-logo-size:clamp(72px, 13.5vw, 158px);
|
||||
--hero-terminal-overflow:1.14;
|
||||
--hero-brand-gap:var(--hero-bottom-gap);
|
||||
position:relative;
|
||||
padding-top:var(--hero-stage-offset);
|
||||
padding-bottom:var(--hero-bottom-gap);
|
||||
text-align:center;
|
||||
overflow:visible;
|
||||
}
|
||||
.terminal-stage{
|
||||
position:sticky;
|
||||
top:calc(var(--site-header-height) + var(--hero-stage-offset));
|
||||
z-index:1;
|
||||
contain:layout style;
|
||||
height:var(--hero-stage-height, auto);
|
||||
}
|
||||
.terminal-brand{
|
||||
position:relative;
|
||||
padding-bottom:var(--hero-brand-gap);
|
||||
overflow:visible;
|
||||
contain:layout style;
|
||||
height:var(--hero-brand-height, auto);
|
||||
}
|
||||
.terminal-brand-inner{
|
||||
position:absolute;
|
||||
left:50%;
|
||||
top:0;
|
||||
transform-origin:center top;
|
||||
transform:translate3d(-50%, 0, 0) scale(var(--hero-scale, 1));
|
||||
will-change:transform;
|
||||
backface-visibility:hidden;
|
||||
-webkit-backface-visibility:hidden;
|
||||
}
|
||||
.terminal-logo{
|
||||
display:inline-flex;
|
||||
align-items:baseline;
|
||||
gap:0.06em;
|
||||
font-size:var(--hero-logo-size);
|
||||
font-weight:600;
|
||||
letter-spacing:-0.03em;
|
||||
line-height:0.9;
|
||||
color:var(--logo);
|
||||
margin:0;
|
||||
}
|
||||
.terminal-logo .accent{
|
||||
color:var(--accent);
|
||||
font-size:0.62em;
|
||||
}
|
||||
.terminal-logo-main{
|
||||
position:relative;
|
||||
color:transparent;
|
||||
background-image:var(--metal-fill);
|
||||
background-size:100% 180%;
|
||||
background-position:0% 0%;
|
||||
-webkit-background-clip:text;
|
||||
background-clip:text;
|
||||
filter:drop-shadow(0 0 0.35px rgba(210,210,210,0.55));
|
||||
animation:metal-sheen 10s ease-in-out infinite;
|
||||
}
|
||||
@media (prefers-reduced-motion: no-preference){
|
||||
.terminal-brand-inner .terminal-logo{
|
||||
font-size:calc(var(--hero-logo-size) * var(--hero-active-scale) * var(--hero-terminal-fit, 1));
|
||||
}
|
||||
}
|
||||
@media (prefers-reduced-motion: no-preference) and (max-width:600px){
|
||||
.terminal-brand-inner .terminal-logo{
|
||||
font-size:calc(var(--hero-logo-size) * var(--hero-terminal-fit, 1));
|
||||
}
|
||||
}
|
||||
.terminal-nav{
|
||||
justify-content:center;
|
||||
width:100%;
|
||||
}
|
||||
.terminal-nav a{
|
||||
flex:1 1 calc(33.333% - 11px);
|
||||
max-width:none;
|
||||
}
|
||||
|
||||
/* Responsive */
|
||||
@media (max-width:900px){
|
||||
.section{--section-padding-y:64px;}
|
||||
.main-nav:not(.terminal-nav) a{
|
||||
flex:1 1 calc(50% - 8px);
|
||||
max-width:none;
|
||||
}
|
||||
.two-col{grid-template-columns:1fr;}
|
||||
}
|
||||
@media (max-width:600px){
|
||||
.header-inner{
|
||||
padding-top:12px;
|
||||
padding-bottom:12px;
|
||||
}
|
||||
.hero{
|
||||
padding-top:var(--hero-stage-offset);
|
||||
padding-bottom:var(--hero-bottom-gap);
|
||||
}
|
||||
.terminal-hero{
|
||||
--hero-terminal-overflow:1;
|
||||
}
|
||||
:root{
|
||||
--site-header-height: 49px;
|
||||
--hero-logo-size: clamp(72px, 18vw, 120px);
|
||||
--hero-brand-gap: 24px;
|
||||
--hero-bottom-gap: 24px;
|
||||
--hero-max-scale-mobile: 2;
|
||||
--hero-active-scale: 1;
|
||||
}
|
||||
.section{--section-padding-y:48px;}
|
||||
.main-nav:not(.terminal-nav) a{
|
||||
flex:1 1 calc(50% - 8px);
|
||||
max-width:none;
|
||||
min-height:44px;
|
||||
padding:0 12px;
|
||||
font-size:14px;
|
||||
}
|
||||
.terminal-nav,
|
||||
.terminal-nav a{
|
||||
width:100%;
|
||||
}
|
||||
.terminal-nav a{
|
||||
flex:1 1 100%;
|
||||
max-width:100%;
|
||||
min-height:44px;
|
||||
padding:0 12px;
|
||||
font-size:14px;
|
||||
}
|
||||
h2{font-size:clamp(28px, 8vw, 40px);}
|
||||
.team-grid{
|
||||
grid-template-columns:1fr;
|
||||
justify-content:stretch;
|
||||
gap:24px;
|
||||
}
|
||||
.team-card,
|
||||
.team-card--ivan,
|
||||
.team-card--andrey,
|
||||
.team-card--danylo{
|
||||
padding:20px 16px;
|
||||
text-align:left;
|
||||
}
|
||||
}
|
||||
48
preview/terminal.js
Normal file
48
preview/terminal.js
Normal file
|
|
@ -0,0 +1,48 @@
|
|||
initLangSwitch();
|
||||
initNavMagnet();
|
||||
|
||||
const terminalHero = document.querySelector('.terminal-hero');
|
||||
const terminalBrand = document.querySelector('.terminal-brand');
|
||||
const terminalBrandInner = document.getElementById('terminalBrandInner');
|
||||
|
||||
function syncTerminalLogoFit(){
|
||||
const logo = terminalBrandInner?.querySelector('.terminal-logo');
|
||||
if (!logo || !terminalBrand) return;
|
||||
|
||||
document.documentElement.style.setProperty('--hero-terminal-fit', '1');
|
||||
const brandWidth = terminalBrand.clientWidth;
|
||||
const logoW = terminalBrandInner.offsetWidth;
|
||||
const overflow = readCssPx('--hero-terminal-overflow', 1, terminalHero);
|
||||
const targetWidth = brandWidth * overflow;
|
||||
const fit = logoW > 0 ? targetWidth / logoW : 1;
|
||||
document.documentElement.style.setProperty('--hero-terminal-fit', fit.toFixed(4));
|
||||
}
|
||||
|
||||
initHeroScroll({
|
||||
section: terminalHero,
|
||||
stage: document.querySelector('.terminal-stage'),
|
||||
brand: terminalBrand,
|
||||
brandInner: terminalBrandInner,
|
||||
mobileAnimClass: 'terminal--mobile-anim',
|
||||
scrollDrivenClass: 'terminal--scroll-driven',
|
||||
brandScaleAnimation: 'terminal-brand-scale',
|
||||
syncFit: syncTerminalLogoFit,
|
||||
brandGapFromSection: true,
|
||||
setMobileScaleVar: true,
|
||||
subtractRunwayOnMobile: true,
|
||||
clearSectionVars(section){
|
||||
if (section) section.style.removeProperty('--hero-max-scale-mobile');
|
||||
},
|
||||
clampMobileScale(maxScale, brand, brandInner, section){
|
||||
const brandWidth = brand.clientWidth;
|
||||
const unscaledWidth = brandInner.offsetWidth;
|
||||
const overflow = readCssPx('--hero-terminal-overflow', 1, section);
|
||||
if (brandWidth > 0 && unscaledWidth > 0){
|
||||
return Math.min(maxScale, (brandWidth * overflow) / unscaledWidth);
|
||||
}
|
||||
return maxScale;
|
||||
}
|
||||
});
|
||||
|
||||
initReveal();
|
||||
initContactForm();
|
||||
304
preview/terminal/index.html
Normal file
304
preview/terminal/index.html
Normal file
|
|
@ -0,0 +1,304 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="ru" data-page-lang="ru">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>428th Terminal — автотрейдинг по TradingView сигналам</title>
|
||||
<meta name="description" content="428th Terminal — автотрейдинг по сигналам TradingView на BingX, Bybit и MEXC. Автоматическое открытие позиций со стопом и тейком.">
|
||||
<meta name="robots" content="index, follow">
|
||||
<link rel="canonical" href="https://428th.com/terminal/">
|
||||
<link rel="alternate" hreflang="ru" href="https://428th.com/terminal/">
|
||||
<link rel="alternate" hreflang="en" href="https://428th.com/en/terminal/">
|
||||
<link rel="alternate" hreflang="uk" href="https://428th.com/ua/terminal/">
|
||||
<link rel="alternate" hreflang="x-default" href="https://428th.com/terminal/">
|
||||
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:site_name" content="428th">
|
||||
<meta property="og:locale" content="ru_RU">
|
||||
<meta property="og:url" content="https://428th.com/terminal/">
|
||||
<meta property="og:title" content="428th Terminal — автотрейдинг по TradingView сигналам">
|
||||
<meta property="og:description" content="428th Terminal — автотрейдинг по сигналам TradingView на BingX, Bybit и MEXC. Автоматическое открытие позиций со стопом и тейком.">
|
||||
<meta property="og:image" content="https://428th.com/og.png?v=2">
|
||||
<meta property="og:image:width" content="1200">
|
||||
<meta property="og:image:height" content="630">
|
||||
|
||||
<meta name="twitter:card" content="summary_large_image">
|
||||
<meta name="twitter:title" content="428th Terminal — автотрейдинг по TradingView сигналам">
|
||||
<meta name="twitter:description" content="428th Terminal — автотрейдинг по сигналам TradingView на BingX, Bybit и MEXC. Автоматическое открытие позиций со стопом и тейком.">
|
||||
<meta name="twitter:image" content="https://428th.com/og.png?v=2">
|
||||
|
||||
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
|
||||
<link rel="icon" href="/favicon.png" type="image/png" sizes="32x32">
|
||||
<link rel="apple-touch-icon" href="/apple-touch-icon.png" sizes="180x180">
|
||||
<meta name="theme-color" content="#C4622A">
|
||||
<script>
|
||||
(function () {
|
||||
var pageLang = document.documentElement.getAttribute('data-page-lang');
|
||||
var saved = localStorage.getItem('lang');
|
||||
if (saved === 'uk') { saved = 'ua'; localStorage.setItem('lang', 'ua'); }
|
||||
|
||||
function normalizePath(path) {
|
||||
if (!path || path === '/') return '/';
|
||||
return path.replace(/\/+$/, '') || '/';
|
||||
}
|
||||
|
||||
function pathFor(lang) {
|
||||
var path = location.pathname || '/';
|
||||
var rest = path.replace(/^\/preview(?=\/|$)/, '') || '/';
|
||||
rest = rest.replace(/^\/(en|ua)(?=\/|$)/, '') || '/';
|
||||
if (rest === '/index.html') rest = '/';
|
||||
rest = normalizePath(rest);
|
||||
|
||||
if (lang === 'ru') {
|
||||
if (rest === '/') return '/preview/';
|
||||
if (rest === '/terminal') return '/preview/terminal/';
|
||||
return '/preview' + rest;
|
||||
}
|
||||
if (rest === '/') return '/preview/' + lang + '/';
|
||||
if (rest === '/terminal') return '/preview/' + lang + '/terminal/';
|
||||
return '/preview/' + lang + rest;
|
||||
}
|
||||
|
||||
function needsRedirect(target) {
|
||||
return normalizePath(location.pathname) !== normalizePath(target);
|
||||
}
|
||||
|
||||
if (saved === 'ru' || saved === 'en' || saved === 'ua') {
|
||||
if (saved !== pageLang) {
|
||||
var target = pathFor(saved);
|
||||
if (needsRedirect(target)) location.replace(target);
|
||||
}
|
||||
return;
|
||||
}
|
||||
|
||||
if (pageLang !== 'ru') {
|
||||
localStorage.setItem('lang', pageLang);
|
||||
return;
|
||||
}
|
||||
|
||||
var browser = String(navigator.language || '').slice(0, 2).toLowerCase();
|
||||
var preferred = 'ru';
|
||||
if (browser === 'en') preferred = 'en';
|
||||
else if (browser === 'uk' || browser === 'ua') preferred = 'ua';
|
||||
|
||||
if (preferred !== 'ru') {
|
||||
var preferredTarget = pathFor(preferred);
|
||||
if (needsRedirect(preferredTarget)) location.replace(preferredTarget);
|
||||
} else {
|
||||
localStorage.setItem('lang', 'ru');
|
||||
}
|
||||
})();
|
||||
</script>
|
||||
<link rel="stylesheet" href="/preview/styles.css?v=20260923k">
|
||||
</head>
|
||||
<body>
|
||||
<div class="ambient" aria-hidden="true">
|
||||
<div class="ambient-glow"></div>
|
||||
<div class="ambient-orb ambient-orb--a"></div>
|
||||
<div class="ambient-orb ambient-orb--b"></div>
|
||||
</div>
|
||||
|
||||
<header class="site-header">
|
||||
<div class="container header-inner">
|
||||
<nav class="lang-switch" id="langSwitch" aria-label="Language">
|
||||
<a href="/preview/en/terminal/" data-set-lang="en">EN</a>
|
||||
_
|
||||
<a href="/preview/ua/terminal/" data-set-lang="ua">UA</a>
|
||||
_
|
||||
<a href="/preview/terminal/" data-set-lang="ru" class="active" aria-current="page">RU</a>
|
||||
</nav>
|
||||
<div class="header-actions">
|
||||
<a href="/preview/" class="home-link">HOME PAGE</a>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<main>
|
||||
|
||||
<section class="terminal-hero container">
|
||||
<div class="terminal-stage">
|
||||
<div class="terminal-brand">
|
||||
<div class="terminal-brand-inner" id="terminalBrandInner">
|
||||
<h1 class="terminal-logo"><span class="accent">428th</span><span class="terminal-logo-main" data-text="Terminal">Terminal</span></h1>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<nav class="main-nav terminal-nav" aria-label="Разделы">
|
||||
<a href="#functionality">Функционал</a>
|
||||
<a href="#pricing">Цены</a>
|
||||
<a href="#contact" class="nav-cta"><span>Написать в ЛС</span><span class="btn-arrow" aria-hidden="true">→</span></a>
|
||||
</nav>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div class="post-hero-lift">
|
||||
|
||||
<!-- ФУНКЦИОНАЛ -->
|
||||
<section id="functionality" class="section reveal">
|
||||
<div class="container">
|
||||
<span class="eyebrow">Функционал</span>
|
||||
<h2>Связать TradingView индикатор с биржей</h2>
|
||||
<p class="lead">В общем, это главное, для чего мы сделали терминал. Предположим, у вас или у кого-то есть крутой индикатор:</p>
|
||||
|
||||
<div class="two-col">
|
||||
<div>
|
||||
<h4>Торговать по сигналам руками</h4>
|
||||
<ul class="dash-list">
|
||||
<li>Надо сидеть 24/7 у компа или телефона</li>
|
||||
<li>Легко пропустить сигнал</li>
|
||||
<li>Можно не успеть войти</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div>
|
||||
<h4>Подключить к терминалу</h4>
|
||||
<ul class="dash-list">
|
||||
<li>Позиция откроется автоматически</li>
|
||||
<li>Сразу поставит стоп и тейк</li>
|
||||
<li>Если нужно, делайте с ней руками что угодно</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="note-box">
|
||||
<p>Смысл в том, чтобы автоматизировать торговлю по индикатору, который вам нравится.</p>
|
||||
</div>
|
||||
|
||||
<ol class="numbered-list" data-count="4">
|
||||
<li><span class="num">01</span><p>Регистрируетесь, подключаете по API аккаунт на BingX, ByBit или MEXC. Нужно быть нашим рефералом или дать денег.</p></li>
|
||||
<li><span class="num">02</span><p>Модифицируете скрипт под наши Webhook. Это не страшно.</p></li>
|
||||
<li><span class="num">03</span><p>Настраиваете алерты, кайфуете. Бот не сломается, даже если вы будете торговать вместе с ним и менять его позиции руками.</p></li>
|
||||
<li><span class="num">04</span><p><span class="fw-400">Вы не особо программист?</span> Мы поможем переписать скрипт и подключиться — бесплатно.</p></li>
|
||||
</ol>
|
||||
|
||||
<p class="lead">Изначально мы делали терминал для автотрейдинга по своим индикаторам. <span class="fw-400">Поэтому он делает ровно то, что нам нужно:</span></p>
|
||||
|
||||
<ul class="dash-list dash-list--block">
|
||||
<li>Принимает Webhook c TradingView.</li>
|
||||
<li>Реализует на его основе позицию на BingX, ByBit или MEXC.</li>
|
||||
<li>Принимает ручные правки: на бирже позицию можно закрыть, сократить, подвинуть стоп или тейк.</li>
|
||||
<li>Показывает торговую статистику.</li>
|
||||
</ul>
|
||||
|
||||
<div class="note-box">
|
||||
<p><span class="fw-400">Теперь мы придумываем и добавляем новые функции.</span> Если что-то хотите — напишите в лс.</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ЦЕНЫ -->
|
||||
<section id="pricing" class="section reveal">
|
||||
<div class="container">
|
||||
<span class="eyebrow">Цены</span>
|
||||
<h2>Это самое смешное</h2>
|
||||
<p class="lead">Работайте бесплатно, если ваш аккаунт — наш реферал. <span class="fw-400">Если нет — будет дорого :(</span></p>
|
||||
|
||||
<ul class="dash-list dash-list--block">
|
||||
<li>Мы не смогли придумать вариант оплаты, который удобнее, чем биржевая партнерская система.</li>
|
||||
<li>Если вам очень важно торговать без нашей рефералки, значит вам и так пофиг сколько платить.</li>
|
||||
<li>Цена за прямую оплату сервиса — $500 в месяц за каждый API ключ.</li>
|
||||
<li>Напомним, за торговлю на реферальном аккаунте платить не нужно. Нам хватит бонусов от ваших комиссий.</li>
|
||||
<li>А если вы инфлюенсер и партнер выбранной для работы биржи — напишите в лс, договоримся.</li>
|
||||
</ul>
|
||||
|
||||
<div class="note-box">
|
||||
<p>Быть нашим рефералом — <span class="fw-400">круто в любом случае.</span></p>
|
||||
</div>
|
||||
|
||||
<ol class="numbered-list" data-count="4">
|
||||
<li><span class="num">01</span><p>При обороте криптой $500k+ в месяц вы станете участником Premium группы бесплатно. Больше инфы — <a href="/preview/#premium">здесь</a>.</p></li>
|
||||
<li><span class="num">02</span><p>Ваша комиссия за торговлю станет ниже на 30-50%, а если вы вообще кит, то договоримся на кешбеки.</p></li>
|
||||
<li><span class="num">03</span><p>Ваши вопросы или проблемы с биржей можно решить через нас и быстро. Особенно на BingX, там братья вообще.</p></li>
|
||||
<li><span class="num">04</span><p><span class="fw-400">Минусы? Их нет.</span> А ссылки для регистрации — внизу страницы.</p></li>
|
||||
</ol>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- КОНТАКТ -->
|
||||
<section id="contact" class="section reveal contact-section">
|
||||
<div class="container center">
|
||||
<span class="eyebrow">Контакт</span>
|
||||
<p><span class="fw-400">По всем вопросам — только в ЛС.</span> Продажи не автоматизированы, а мы и не планировали.</p>
|
||||
<p>Напишите — разберём вашу ситуацию и найдём решение. <span class="fw-400">По-братски.</span></p>
|
||||
|
||||
<a class="btn-outline" href="https://t.me/artemium" target="_blank" rel="noopener">
|
||||
<span>Telegram @artemium</span><span class="btn-arrow" aria-hidden="true">→</span>
|
||||
</a>
|
||||
|
||||
<button class="link-underline" id="openContactForm"><span class="fw-400">Хотите анонимно?</span> Вот форма для связи</button>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ССЫЛКИ / FOOTER -->
|
||||
<footer class="site-footer">
|
||||
<div class="container two-col">
|
||||
<div>
|
||||
<h5>Наши каналы</h5>
|
||||
<ul class="dash-list">
|
||||
<li>Telegram: <a href="https://t.me/+QIZFJDaZjrliMDI6" target="_blank" rel="noopener">@a428th</a> + <a href="https://t.me/+cJfqh9ZTHswwMThi" target="_blank" rel="noopener">рабочий чат</a></li>
|
||||
<li>YouTube: <a href="https://www.youtube.com/channel/UCdAD0ER3neqgjhCsgetY1bw" target="_blank" rel="noopener">428th _ Crypto</a></li>
|
||||
<li>X (Twitter): <a href="#" target="_blank" rel="noopener">428th _ Crypto</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div>
|
||||
<h5>Рефералки с лучшими условиями</h5>
|
||||
<ul class="dash-list">
|
||||
<li><span><span class="fw-400">Любимая</span> криптобиржа</span> <a href="https://bingxdao.com/partner/artemium/" target="_blank" rel="noopener">BingX</a></li>
|
||||
<li><span>Топовый TradFi на</span> <a href="https://partner.bybit.com/b/ARTEMIUM" target="_blank" rel="noopener">ByBit</a></li>
|
||||
<li>
|
||||
<a href="https://www.binance.com/register?ref=ARTEMIUM" target="_blank" rel="noopener">Binance</a>,
|
||||
<a href="https://partner.bitget.com/bg/artemium" target="_blank" rel="noopener">BitGet</a>,
|
||||
<a href="https://promote.mexc.com/b/artemium" target="_blank" rel="noopener">MEXC</a>,
|
||||
<a href="#" target="_blank" rel="noopener">OKX</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="container footer-bottom">
|
||||
<span class="footer-wolf">🐺</span>
|
||||
<span class="footer-copy">© 2026 _ 428th.com</span>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
</div>
|
||||
|
||||
</main>
|
||||
|
||||
<!-- Модалка формы связи -->
|
||||
<div class="modal-overlay" id="contactModal">
|
||||
<div class="modal-box">
|
||||
<button class="modal-close" id="closeContactForm">×</button>
|
||||
<h3>Форма для связи</h3>
|
||||
|
||||
<form id="contactForm" data-status-loading="..." data-status-success="Отправлено ✓" data-status-error="Не удалось отправить. Попробуйте ещё раз.">
|
||||
<div class="hp-field" aria-hidden="true" style="position:absolute;left:-10000px;top:auto;width:1px;height:1px;margin:0;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0;opacity:0;pointer-events:none">
|
||||
<label for="hp_company">Company fax</label>
|
||||
<input id="hp_company" type="text" name="hp_company" value="" tabindex="-1" autocomplete="off">
|
||||
</div>
|
||||
|
||||
<label>
|
||||
<span>Имя</span>
|
||||
<input type="text" name="name" required="">
|
||||
</label>
|
||||
|
||||
<label>
|
||||
<span>Способ связи</span>
|
||||
<input type="text" name="contact" placeholder="Telegram @username, Email, WhatsApp..." required="">
|
||||
</label>
|
||||
|
||||
<label>
|
||||
<span>Сообщение</span>
|
||||
<textarea name="message" rows="4" required=""></textarea>
|
||||
</label>
|
||||
|
||||
<button type="submit" class="btn-solid">Отправить</button>
|
||||
<p class="form-status" id="formStatus"></p>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<link rel="stylesheet" href="/fonts/inter.css">
|
||||
<script src="/preview/common.js?v=20260923d"></script>
|
||||
<script src="/preview/terminal.js"></script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
454
preview/ua/index.html
Normal file
454
preview/ua/index.html
Normal file
|
|
@ -0,0 +1,454 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="uk" data-page-lang="ua">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>428th _ Crypto · Trading · Wealth Management</title>
|
||||
<meta name="description" content="428th — крипто-трейдинг, навчання, копітрейдинг, BingX партнер.">
|
||||
<meta name="robots" content="index, follow">
|
||||
<link rel="canonical" href="https://428th.com/ua/">
|
||||
<link rel="alternate" hreflang="ru" href="https://428th.com/">
|
||||
<link rel="alternate" hreflang="en" href="https://428th.com/en/">
|
||||
<link rel="alternate" hreflang="uk" href="https://428th.com/ua/">
|
||||
<link rel="alternate" hreflang="x-default" href="https://428th.com/">
|
||||
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:site_name" content="428th">
|
||||
<meta property="og:locale" content="uk_UA">
|
||||
<meta property="og:url" content="https://428th.com/ua/">
|
||||
<meta property="og:title" content="428th _ Crypto · Trading · Wealth Management">
|
||||
<meta property="og:description" content="428th — крипто-трейдинг, навчання, копітрейдинг, BingX партнер.">
|
||||
<meta property="og:image" content="https://428th.com/og.png?v=2">
|
||||
<meta property="og:image:width" content="1200">
|
||||
<meta property="og:image:height" content="630">
|
||||
|
||||
<meta name="twitter:card" content="summary_large_image">
|
||||
<meta name="twitter:title" content="428th _ Crypto · Trading · Wealth Management">
|
||||
<meta name="twitter:description" content="428th — крипто-трейдинг, навчання, копітрейдинг, BingX партнер.">
|
||||
<meta name="twitter:image" content="https://428th.com/og.png?v=2">
|
||||
|
||||
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
|
||||
<link rel="icon" href="/favicon.png" type="image/png" sizes="32x32">
|
||||
<link rel="apple-touch-icon" href="/apple-touch-icon.png" sizes="180x180">
|
||||
<meta name="theme-color" content="#C4622A">
|
||||
<script>
|
||||
(function () {
|
||||
var pageLang = document.documentElement.getAttribute('data-page-lang');
|
||||
var saved = localStorage.getItem('lang');
|
||||
if (saved === 'uk') { saved = 'ua'; localStorage.setItem('lang', 'ua'); }
|
||||
|
||||
function normalizePath(path) {
|
||||
if (!path || path === '/') return '/';
|
||||
return path.replace(/\/+$/, '') || '/';
|
||||
}
|
||||
|
||||
function pathFor(lang) {
|
||||
var path = location.pathname || '/';
|
||||
var rest = path.replace(/^\/preview(?=\/|$)/, '') || '/';
|
||||
rest = rest.replace(/^\/(en|ua)(?=\/|$)/, '') || '/';
|
||||
if (rest === '/index.html') rest = '/';
|
||||
rest = normalizePath(rest);
|
||||
|
||||
if (lang === 'ru') {
|
||||
if (rest === '/') return '/preview/';
|
||||
if (rest === '/terminal') return '/preview/terminal/';
|
||||
return '/preview' + rest;
|
||||
}
|
||||
if (rest === '/') return '/preview/' + lang + '/';
|
||||
if (rest === '/terminal') return '/preview/' + lang + '/terminal/';
|
||||
return '/preview/' + lang + rest;
|
||||
}
|
||||
|
||||
function needsRedirect(target) {
|
||||
return normalizePath(location.pathname) !== normalizePath(target);
|
||||
}
|
||||
|
||||
if (saved === 'ru' || saved === 'en' || saved === 'ua') {
|
||||
if (saved !== pageLang) {
|
||||
var target = pathFor(saved);
|
||||
if (needsRedirect(target)) location.replace(target);
|
||||
}
|
||||
return;
|
||||
}
|
||||
|
||||
if (pageLang !== 'ru') {
|
||||
localStorage.setItem('lang', pageLang);
|
||||
return;
|
||||
}
|
||||
|
||||
var browser = String(navigator.language || '').slice(0, 2).toLowerCase();
|
||||
var preferred = 'ru';
|
||||
if (browser === 'en') preferred = 'en';
|
||||
else if (browser === 'uk' || browser === 'ua') preferred = 'ua';
|
||||
|
||||
if (preferred !== 'ru') {
|
||||
var preferredTarget = pathFor(preferred);
|
||||
if (needsRedirect(preferredTarget)) location.replace(preferredTarget);
|
||||
} else {
|
||||
localStorage.setItem('lang', 'ru');
|
||||
}
|
||||
})();
|
||||
</script>
|
||||
<link rel="stylesheet" href="/preview/styles.css?v=20260923k">
|
||||
</head>
|
||||
<body>
|
||||
<div class="ambient" aria-hidden="true">
|
||||
<div class="ambient-glow"></div>
|
||||
<div class="ambient-orb ambient-orb--a"></div>
|
||||
<div class="ambient-orb ambient-orb--b"></div>
|
||||
</div>
|
||||
|
||||
<header class="site-header">
|
||||
<div class="container header-inner">
|
||||
<nav class="lang-switch" id="langSwitch" aria-label="Language">
|
||||
<a href="/preview/en/" data-set-lang="en">EN</a>
|
||||
_
|
||||
<a href="/preview/ua/" data-set-lang="ua" class="active" aria-current="page">UA</a>
|
||||
_
|
||||
<a href="/preview/" data-set-lang="ru">RU</a>
|
||||
</nav>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<main>
|
||||
|
||||
<section class="hero container">
|
||||
<div class="hero-stage">
|
||||
<div class="hero-brand">
|
||||
<div class="hero-brand-inner" id="heroBrandInner">
|
||||
<div class="hero-brand-lockup">
|
||||
<h1 class="logo" data-text="428th">428th</h1>
|
||||
<p class="tagline">Crypto _ Trading _ Wealth Management</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<nav class="main-nav" aria-label="Розділи">
|
||||
<a href="#about">Хто ми</a>
|
||||
<a href="#premium">Premium</a>
|
||||
<a href="#education">Навчання</a>
|
||||
<a href="#copytrade">Копітрейдинг</a>
|
||||
<a href="#autotrade">Автотрейдинг</a>
|
||||
<a href="#fund">Фонд</a>
|
||||
<a href="#streams">Стріми для адмінів</a>
|
||||
<a href="#contact" class="nav-cta"><span>Написати в ЛС</span><span class="btn-arrow" aria-hidden="true">→</span></a>
|
||||
</nav>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div class="post-hero-lift">
|
||||
|
||||
<!-- КТО МЫ -->
|
||||
<section id="about" class="section reveal">
|
||||
<div class="container">
|
||||
<span class="eyebrow">Хто ми</span>
|
||||
<h2>428th — частина команди SIMPLE CRYPTO</h2>
|
||||
<p class="lead">Об'єднані ідеєю ефективного управління капіталом. З 2018 року працюємо з крипто-активами. Своїми рішеннями ділимося з шанобливими підписниками. <span class="fw-400">З нешанобливими — не ділимося.</span></p>
|
||||
|
||||
<div class="team-grid">
|
||||
<div class="team-card">
|
||||
<h3>Артемій</h3>
|
||||
<ul class="dash-list">
|
||||
<li>Ручний та алго-трейдинг</li>
|
||||
<li>Автоматизація</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="team-card team-card--ivan">
|
||||
<h3>Іван</h3>
|
||||
<ul class="dash-list">
|
||||
<li>ФА і макро</li>
|
||||
<li>Polymarket</li>
|
||||
<li>Інвестиції</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="team-card team-card--andrey">
|
||||
<h3>Андрій</h3>
|
||||
<ul class="dash-list">
|
||||
<li>DeFi specialist</li>
|
||||
<li>Retro hunter</li>
|
||||
<li>Betting enthusiast</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="team-card team-card--danylo">
|
||||
<h3>Данило</h3>
|
||||
<ul class="dash-list">
|
||||
<li>Software engineer</li>
|
||||
<li>TradFi maniac</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- PREMIUM -->
|
||||
<section id="premium" class="section reveal">
|
||||
<div class="container">
|
||||
<span class="eyebrow">Premium</span>
|
||||
<h2>Робота в команді</h2>
|
||||
<p class="lead">Закритий чат, розділений на теми, в якому ми спілкуємося з вами особисто. В основному російською, але кому як зручно.</p>
|
||||
|
||||
<ol class="numbered-list" data-count="5">
|
||||
<li><span class="num">01</span><p>Щодня — конференція або технічний відео-огляд ринку Crypto + TradFi. Поточна ситуація, очікування, пошук сетапів, орієнтири.</p></li>
|
||||
<li><span class="num">02</span><p>24/7 трендові сетапи від авторських алгоритмів за таймфреймами 15 хв і 6 год. Чіткий вхід, стоп, тейк і графік.</p></li>
|
||||
<li><span class="num">03</span><p>Відповіді на питання, розбори торгових систем і фішок.</p></li>
|
||||
<li><span class="num">04</span><p>Фундаментальний розбір ринків і активів.</p></li>
|
||||
<li><span class="num">05</span><p>Рекомендації щодо напрямків Retro, DeFi, Polymarket.</p></li>
|
||||
</ol>
|
||||
|
||||
<div class="entry-options">
|
||||
<span class="sublabel">
|
||||
<span>Варіанти входу</span><span class="sublabel-note"> (будь-який з них)</span>
|
||||
</span>
|
||||
<ul class="dash-list">
|
||||
<li><span class="fw-400">500$ за навчання, у подарунок 12 місяців підписки на Premium.</span> Нам просто краще працювати з тими, хто знає базу.</li>
|
||||
<li><span class="fw-400">Підписка 50$/міс.</span> Не хочете вчитися — доплата за лінь.</li>
|
||||
<li><span class="fw-400">Підключений копітрейдинг BingX на депозит $3 000+.</span> Топовий варіант для тих, хто вже довіряє.</li>
|
||||
<li><span class="fw-400">Оборот криптою на партнерському акаунті Bybit або BingX на $500k+/міс.</span> Для китів усі двері відкриті.</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ОБУЧЕНИЕ -->
|
||||
<section id="education" class="section reveal">
|
||||
<div class="container">
|
||||
<span class="eyebrow">Навчання</span>
|
||||
<h2>Авторський курс з трейдингу</h2>
|
||||
<p class="lead">За кожною темою — текстова лекція і відео-практика. 1–1,5 місяці у вільному режимі. Уроки по 20 хвилин в середньому. Ціна 500$.</p>
|
||||
|
||||
<div class="two-col">
|
||||
<div>
|
||||
<h4>Що входить</h4>
|
||||
<ul class="dash-list">
|
||||
<li>Безстроковий доступ у чат учнів, оновлення курсу, конференції, авторські індикатори</li>
|
||||
<li>Усі стилі торгівлі: інтрадей, середньострок, портфель</li>
|
||||
<li>Підтримка від нас і учнів минулих потоків</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div>
|
||||
<h4>Методи</h4>
|
||||
<ul class="dash-list">
|
||||
<li>Класичний ТА + PA + VSA + LRA + SM</li>
|
||||
<li>Перевірені тонкощі поширених методів аналізу</li>
|
||||
<li>Нові підходи і стратегії в міру вивчення та відпрацювання</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="note-box">
|
||||
<p><span class="fw-400">Теорії хвиль Елліота (EWA) зараз немає — це наступний рівень.</span> Торгувати нормально можна і без нього. За бажанням — спирайтеся на наші розмітки.</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- КОПИТРЕЙДИНГ -->
|
||||
<section id="copytrade" class="section reveal">
|
||||
<div class="container">
|
||||
<span class="eyebrow">Копітрейдинг на BingX</span>
|
||||
<h2>Напівавтоматична торгівля</h2>
|
||||
<p class="lead">Артемій разом із ботами торгує на двох ф'ючерсних мастер-акаунтах — короткострок і середньострок. Кнопка бабло!</p>
|
||||
|
||||
<ol class="numbered-list" data-count="3">
|
||||
<li><span class="num">01</span><p>Два мастер-акаунти: короткострокова і середньострокова торгівля на ф'ючерсах.</p></li>
|
||||
<li><span class="num">02</span><p>Доступно лише для рефералів BingX. Відкриває можливість безкоштовного входу в Premium.</p></li>
|
||||
<li><span class="num">03</span><p>Підключайтеся, якщо готові до експерименту або довіряєте нам приблизно як собі — або сильніше.</p></li>
|
||||
</ol>
|
||||
|
||||
<div class="note-box">
|
||||
<p>Статистики поки мало і вона нічого не дає — технічне рішення лише нещодавно почало працювати. <span class="fw-400">Підключайтеся усвідомлено.</span></p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- АВТОТРЕЙДИНГ _ TERMINAL -->
|
||||
<section id="autotrade" class="section reveal">
|
||||
<div class="container">
|
||||
<span class="eyebrow">Автотрейдинг _ Terminal</span>
|
||||
<h2>Автоматизація за індикаторами TradingView</h2>
|
||||
<p class="lead">Є робочий індикатор, на вигляд офігенний, але працювати руками тупо? Підключайте сигнали і спостерігайте за торгівлею.</p>
|
||||
|
||||
<ol class="numbered-list" data-count="4">
|
||||
<li><span class="num">01</span><p>Реєструєтеся, підключаєте по API акаунт на BingX, ByBit або MEXC. Потрібно бути нашим рефералом або дати грошей.</p></li>
|
||||
<li><span class="num">02</span><p>Модифікуєте скрипт під наші webhook. Це не страшно.</p></li>
|
||||
<li><span class="num">03</span><p>Налаштовуєте алерти, кайфуєте. Бот не зламається, навіть якщо ви будете торгувати разом із ним і змінювати його позиції руками.</p></li>
|
||||
<li><span class="num">04</span><p><span class="fw-400">Ви не те щоб програміст?</span> Ми допоможемо переписати скрипт і підключитися — безкоштовно.</p></li>
|
||||
</ol>
|
||||
|
||||
<div class="note-box">
|
||||
<p>
|
||||
<span>Детальніше про 428th Terminal —</span>
|
||||
<a href="/preview/ua/terminal/">на цій сторінці.</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ФОНД -->
|
||||
<section id="fund" class="section reveal">
|
||||
<div class="container">
|
||||
<div class="section-labels">
|
||||
<span class="eyebrow">Фонд</span>
|
||||
<span class="badge">Закритий для нових учасників (сорі, інвестиції поки в мінусі)</span>
|
||||
</div>
|
||||
<h2>Multi-family office</h2>
|
||||
<p class="lead">Для тих, хто хоче бути в крипто-тренді і отримувати дохід від капіталу без самостійної роботи з ринком.</p>
|
||||
|
||||
<div class="two-col">
|
||||
<div>
|
||||
<h4>Для самостійного управління потрібно</h4>
|
||||
<ul class="dash-list">
|
||||
<li>Час на постійне спостереження за ринком</li>
|
||||
<li>База для системного аналізу</li>
|
||||
<li>Досвід безпечної роботи з блокчейнами</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div>
|
||||
<h4>Як варіант — довірити все нам</h4>
|
||||
<ul class="dash-list">
|
||||
<li>Планування і розподіл капіталу</li>
|
||||
<li>Управління позиціями</li>
|
||||
<li>Звітність і виплати</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="note-box">
|
||||
<p><span class="fw-400">Якщо працюєте з ринком своєю головою і руками — це найкращий підхід</span>, ми його підтримуємо максимально.</p>
|
||||
<p>Якщо ні — ми надаємо доступ до крипто-дохідності без занурення в кожну дію.</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- СТРИМЫ -->
|
||||
<section id="streams" class="section reveal">
|
||||
<div class="container">
|
||||
<span class="eyebrow">Стріми крипто-адмінів</span>
|
||||
<h2>Сервіс admins.stream</h2>
|
||||
<p class="lead">Адміни збираються разом, щоб провести конференцію для підписників і обмінятися трафіком. Можна підключити спонсорів.</p>
|
||||
|
||||
<ol class="numbered-list" data-count="6">
|
||||
<li><span class="num">01</span><p>Збираємо групу адмінів, фіксуємо теми виступів, дату стріму, розклад постів-анонсів, призи.</p></li>
|
||||
<li><span class="num">02</span><p>Адміни випускають пости-анонси, люди реєструються в тг-боті. Їм потрібно підписатися на кожного адміна.</p></li>
|
||||
<li><span class="num">03</span><p>Усі глядачі фіксуються в базі, хто звідки прийшов і все таке. Хто нальє ботів — приб'ю. Але ми підготувалися: капчі в боті, капчі на стрімі.</p></li>
|
||||
<li><span class="num">04</span><p>Проводимо конференцію — адміни на дзвінку, а глядачі дивляться стрім і можуть поспілкуватися в чаті трансляції.</p></li>
|
||||
<li><span class="num">05</span><p>Серед тих, хто прийшов на конференцію (у всіх індивідуальне посилання), розігруються обрані призи.</p></li>
|
||||
<li><span class="num">06</span><p>Адміни задоволені живим зацікавленим трафіком, підписники радіють якісному контенту і нагородам.</p></li>
|
||||
</ol>
|
||||
|
||||
<div class="note-box">
|
||||
<p><span class="fw-400">Цікаво?</span> Звертайтеся, домовимося.</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- EXCHANGE -->
|
||||
<section id="exchange" class="section reveal">
|
||||
<div class="container">
|
||||
<span class="eyebrow">Обмінний сервіс</span>
|
||||
<h2>428th Exchange</h2>
|
||||
<p class="lead">Наші партнери з вирішення фінансових питань. Просто найкращі. Працюють по всьому світу.</p>
|
||||
|
||||
<ul class="dash-list dash-list--block">
|
||||
<li>Купівля та продаж крипти за готівку.</li>
|
||||
<li>Робота з банківськими картками та рахунками.</li>
|
||||
<li>Перестановка готівки.</li>
|
||||
<li>Оплата інвойсів і посилань.</li>
|
||||
<li>Робота з електронними грошима та платіжними системами.</li>
|
||||
<li>Оплата юаня на картки AliPay, WeChat Pay.</li>
|
||||
</ul>
|
||||
|
||||
<div class="note-box">
|
||||
<p>Прикладемо зусиль, щоб вирішити будь-яке завдання — напишіть <a href="https://t.me/a428th_exchange_bot" target="_blank" rel="noopener">@a428th_exchange_bot</a></p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- КОНТАКТ -->
|
||||
<section id="contact" class="section reveal contact-section">
|
||||
<div class="container center">
|
||||
<span class="eyebrow">Контакт</span>
|
||||
<p><span class="fw-400">З усіх питань — лише в ЛС.</span> Продажі не автоматизовані, а ми й не планували.</p>
|
||||
<p>Напишіть — розберемо вашу ситуацію і знайдемо рішення. <span class="fw-400">По-братськи.</span></p>
|
||||
|
||||
<a class="btn-outline" href="https://t.me/artemium" target="_blank" rel="noopener">
|
||||
<span>Telegram @artemium</span><span class="btn-arrow" aria-hidden="true">→</span>
|
||||
</a>
|
||||
|
||||
<button class="link-underline" id="openContactForm"><span class="fw-400">Хочете анонімно?</span> Ось форма для зв'язку</button>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ССЫЛКИ / FOOTER -->
|
||||
<footer class="site-footer">
|
||||
<div class="container two-col">
|
||||
<div>
|
||||
<h5>Наші канали</h5>
|
||||
<ul class="dash-list">
|
||||
<li>Telegram: <a href="https://t.me/+QIZFJDaZjrliMDI6" target="_blank" rel="noopener">@a428th</a> + <a href="https://t.me/+cJfqh9ZTHswwMThi" target="_blank" rel="noopener">робочий чат</a></li>
|
||||
<li>YouTube: <a href="https://www.youtube.com/channel/UCdAD0ER3neqgjhCsgetY1bw" target="_blank" rel="noopener">428th _ Crypto</a></li>
|
||||
<li>X (Twitter): <a href="#" target="_blank" rel="noopener">428th _ Crypto</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div>
|
||||
<h5>Рефералки з найкращими умовами</h5>
|
||||
<ul class="dash-list">
|
||||
<li><span><span class="fw-400">Улюблена</span> криптобіржа</span> <a href="https://bingxdao.com/partner/artemium/" target="_blank" rel="noopener">BingX</a></li>
|
||||
<li><span>Топовий TradFi на</span> <a href="https://partner.bybit.com/b/ARTEMIUM" target="_blank" rel="noopener">ByBit</a></li>
|
||||
<li>
|
||||
<a href="https://www.binance.com/register?ref=ARTEMIUM" target="_blank" rel="noopener">Binance</a>,
|
||||
<a href="https://partner.bitget.com/bg/artemium" target="_blank" rel="noopener">BitGet</a>,
|
||||
<a href="https://promote.mexc.com/b/artemium" target="_blank" rel="noopener">MEXC</a>,
|
||||
<a href="#" target="_blank" rel="noopener">OKX</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="container footer-bottom">
|
||||
<span class="footer-wolf">🐺</span>
|
||||
<span class="footer-copy">© 2026 _ 428th.com</span>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
</div>
|
||||
|
||||
</main>
|
||||
|
||||
<!-- Модалка формы связи -->
|
||||
<div class="modal-overlay" id="contactModal">
|
||||
<div class="modal-box">
|
||||
<button class="modal-close" id="closeContactForm">×</button>
|
||||
<h3>Форма для зв'язку</h3>
|
||||
|
||||
<form id="contactForm" data-status-loading="..." data-status-success="Надіслано ✓" data-status-error="Не вдалося надіслати. Спробуйте ще раз.">
|
||||
<div class="hp-field" aria-hidden="true" style="position:absolute;left:-10000px;top:auto;width:1px;height:1px;margin:0;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0;opacity:0;pointer-events:none">
|
||||
<label for="hp_company">Company fax</label>
|
||||
<input id="hp_company" type="text" name="hp_company" value="" tabindex="-1" autocomplete="off">
|
||||
</div>
|
||||
|
||||
<label>
|
||||
<span>Ім'я</span>
|
||||
<input type="text" name="name" required="">
|
||||
</label>
|
||||
|
||||
<label>
|
||||
<span>Спосіб зв'язку</span>
|
||||
<input type="text" name="contact" placeholder="Telegram @username, Email, WhatsApp..." required="">
|
||||
</label>
|
||||
|
||||
<label>
|
||||
<span>Повідомлення</span>
|
||||
<textarea name="message" rows="4" required=""></textarea>
|
||||
</label>
|
||||
|
||||
<button type="submit" class="btn-solid">Надіслати</button>
|
||||
<p class="form-status" id="formStatus"></p>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<link rel="stylesheet" href="/fonts/inter.css">
|
||||
<script src="/preview/common.js?v=20260923d"></script>
|
||||
<script src="/preview/app.js"></script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
304
preview/ua/terminal/index.html
Normal file
304
preview/ua/terminal/index.html
Normal file
|
|
@ -0,0 +1,304 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="uk" data-page-lang="ua">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>428th Terminal — автотрейдинг за сигналами TradingView</title>
|
||||
<meta name="description" content="428th Terminal — автотрейдинг за сигналами TradingView на BingX, Bybit і MEXC. Автоматичне відкриття позицій зі стопом і тейком.">
|
||||
<meta name="robots" content="index, follow">
|
||||
<link rel="canonical" href="https://428th.com/ua/terminal/">
|
||||
<link rel="alternate" hreflang="ru" href="https://428th.com/terminal/">
|
||||
<link rel="alternate" hreflang="en" href="https://428th.com/en/terminal/">
|
||||
<link rel="alternate" hreflang="uk" href="https://428th.com/ua/terminal/">
|
||||
<link rel="alternate" hreflang="x-default" href="https://428th.com/terminal/">
|
||||
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:site_name" content="428th">
|
||||
<meta property="og:locale" content="uk_UA">
|
||||
<meta property="og:url" content="https://428th.com/ua/terminal/">
|
||||
<meta property="og:title" content="428th Terminal — автотрейдинг за сигналами TradingView">
|
||||
<meta property="og:description" content="428th Terminal — автотрейдинг за сигналами TradingView на BingX, Bybit і MEXC. Автоматичне відкриття позицій зі стопом і тейком.">
|
||||
<meta property="og:image" content="https://428th.com/og.png?v=2">
|
||||
<meta property="og:image:width" content="1200">
|
||||
<meta property="og:image:height" content="630">
|
||||
|
||||
<meta name="twitter:card" content="summary_large_image">
|
||||
<meta name="twitter:title" content="428th Terminal — автотрейдинг за сигналами TradingView">
|
||||
<meta name="twitter:description" content="428th Terminal — автотрейдинг за сигналами TradingView на BingX, Bybit і MEXC. Автоматичне відкриття позицій зі стопом і тейком.">
|
||||
<meta name="twitter:image" content="https://428th.com/og.png?v=2">
|
||||
|
||||
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
|
||||
<link rel="icon" href="/favicon.png" type="image/png" sizes="32x32">
|
||||
<link rel="apple-touch-icon" href="/apple-touch-icon.png" sizes="180x180">
|
||||
<meta name="theme-color" content="#C4622A">
|
||||
<script>
|
||||
(function () {
|
||||
var pageLang = document.documentElement.getAttribute('data-page-lang');
|
||||
var saved = localStorage.getItem('lang');
|
||||
if (saved === 'uk') { saved = 'ua'; localStorage.setItem('lang', 'ua'); }
|
||||
|
||||
function normalizePath(path) {
|
||||
if (!path || path === '/') return '/';
|
||||
return path.replace(/\/+$/, '') || '/';
|
||||
}
|
||||
|
||||
function pathFor(lang) {
|
||||
var path = location.pathname || '/';
|
||||
var rest = path.replace(/^\/preview(?=\/|$)/, '') || '/';
|
||||
rest = rest.replace(/^\/(en|ua)(?=\/|$)/, '') || '/';
|
||||
if (rest === '/index.html') rest = '/';
|
||||
rest = normalizePath(rest);
|
||||
|
||||
if (lang === 'ru') {
|
||||
if (rest === '/') return '/preview/';
|
||||
if (rest === '/terminal') return '/preview/terminal/';
|
||||
return '/preview' + rest;
|
||||
}
|
||||
if (rest === '/') return '/preview/' + lang + '/';
|
||||
if (rest === '/terminal') return '/preview/' + lang + '/terminal/';
|
||||
return '/preview/' + lang + rest;
|
||||
}
|
||||
|
||||
function needsRedirect(target) {
|
||||
return normalizePath(location.pathname) !== normalizePath(target);
|
||||
}
|
||||
|
||||
if (saved === 'ru' || saved === 'en' || saved === 'ua') {
|
||||
if (saved !== pageLang) {
|
||||
var target = pathFor(saved);
|
||||
if (needsRedirect(target)) location.replace(target);
|
||||
}
|
||||
return;
|
||||
}
|
||||
|
||||
if (pageLang !== 'ru') {
|
||||
localStorage.setItem('lang', pageLang);
|
||||
return;
|
||||
}
|
||||
|
||||
var browser = String(navigator.language || '').slice(0, 2).toLowerCase();
|
||||
var preferred = 'ru';
|
||||
if (browser === 'en') preferred = 'en';
|
||||
else if (browser === 'uk' || browser === 'ua') preferred = 'ua';
|
||||
|
||||
if (preferred !== 'ru') {
|
||||
var preferredTarget = pathFor(preferred);
|
||||
if (needsRedirect(preferredTarget)) location.replace(preferredTarget);
|
||||
} else {
|
||||
localStorage.setItem('lang', 'ru');
|
||||
}
|
||||
})();
|
||||
</script>
|
||||
<link rel="stylesheet" href="/preview/styles.css?v=20260923k">
|
||||
</head>
|
||||
<body>
|
||||
<div class="ambient" aria-hidden="true">
|
||||
<div class="ambient-glow"></div>
|
||||
<div class="ambient-orb ambient-orb--a"></div>
|
||||
<div class="ambient-orb ambient-orb--b"></div>
|
||||
</div>
|
||||
|
||||
<header class="site-header">
|
||||
<div class="container header-inner">
|
||||
<nav class="lang-switch" id="langSwitch" aria-label="Language">
|
||||
<a href="/preview/en/terminal/" data-set-lang="en">EN</a>
|
||||
_
|
||||
<a href="/preview/ua/terminal/" data-set-lang="ua" class="active" aria-current="page">UA</a>
|
||||
_
|
||||
<a href="/preview/terminal/" data-set-lang="ru">RU</a>
|
||||
</nav>
|
||||
<div class="header-actions">
|
||||
<a href="/preview/ua/" class="home-link">HOME PAGE</a>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<main>
|
||||
|
||||
<section class="terminal-hero container">
|
||||
<div class="terminal-stage">
|
||||
<div class="terminal-brand">
|
||||
<div class="terminal-brand-inner" id="terminalBrandInner">
|
||||
<h1 class="terminal-logo"><span class="accent">428th</span><span class="terminal-logo-main" data-text="Terminal">Terminal</span></h1>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<nav class="main-nav terminal-nav" aria-label="Розділи">
|
||||
<a href="#functionality">Функціонал</a>
|
||||
<a href="#pricing">Ціни</a>
|
||||
<a href="#contact" class="nav-cta"><span>Написати в ЛС</span><span class="btn-arrow" aria-hidden="true">→</span></a>
|
||||
</nav>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div class="post-hero-lift">
|
||||
|
||||
<!-- ФУНКЦИОНАЛ -->
|
||||
<section id="functionality" class="section reveal">
|
||||
<div class="container">
|
||||
<span class="eyebrow">Функціонал</span>
|
||||
<h2>Зв'язати індикатор TradingView з біржею</h2>
|
||||
<p class="lead">Загалом, це головне, для чого ми зробили термінал. Припустимо, у вас або в когось є крутий індикатор:</p>
|
||||
|
||||
<div class="two-col">
|
||||
<div>
|
||||
<h4>Торгувати за сигналами руками</h4>
|
||||
<ul class="dash-list">
|
||||
<li>Треба сидіти 24/7 біля компа або телефона</li>
|
||||
<li>Легко пропустити сигнал</li>
|
||||
<li>Можна не встигнути увійти</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div>
|
||||
<h4>Підключити до терміналу</h4>
|
||||
<ul class="dash-list">
|
||||
<li>Позиція відкриється автоматично</li>
|
||||
<li>Одразу поставить стоп і тейк</li>
|
||||
<li>Якщо треба, робіть з нею руками що завгодно</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="note-box">
|
||||
<p>Сенс у тому, щоб автоматизувати торгівлю за індикатором, який вам подобається.</p>
|
||||
</div>
|
||||
|
||||
<ol class="numbered-list" data-count="4">
|
||||
<li><span class="num">01</span><p>Реєструєтеся, підключаєте по API акаунт на BingX, ByBit або MEXC. Потрібно бути нашим рефералом або дати грошей.</p></li>
|
||||
<li><span class="num">02</span><p>Модифікуєте скрипт під наші Webhook. Це не страшно.</p></li>
|
||||
<li><span class="num">03</span><p>Налаштовуєте алерти, кайфуєте. Бот не зламається, навіть якщо ви будете торгувати разом із ним і змінювати його позиції руками.</p></li>
|
||||
<li><span class="num">04</span><p><span class="fw-400">Ви не те щоб програміст?</span> Ми допоможемо переписати скрипт і підключитися — безкоштовно.</p></li>
|
||||
</ol>
|
||||
|
||||
<p class="lead">Спочатку ми робили термінал для автотрейдингу за своїми індикаторами. <span class="fw-400">Тому він робить рівно те, що нам потрібно:</span></p>
|
||||
|
||||
<ul class="dash-list dash-list--block">
|
||||
<li>Приймає Webhook з TradingView.</li>
|
||||
<li>Реалізує на його основі позицію на BingX, ByBit або MEXC.</li>
|
||||
<li>Приймає ручні правки: на біржі позицію можна закрити, скоротити, посунути стоп або тейк.</li>
|
||||
<li>Показує торгову статистику.</li>
|
||||
</ul>
|
||||
|
||||
<div class="note-box">
|
||||
<p><span class="fw-400">Тепер ми придумуємо і додаємо нові функції.</span> Якщо щось хочете — напишіть в лс.</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ЦЕНЫ -->
|
||||
<section id="pricing" class="section reveal">
|
||||
<div class="container">
|
||||
<span class="eyebrow">Ціни</span>
|
||||
<h2>Це смішне</h2>
|
||||
<p class="lead">Працюйте безкоштовно, якщо ваш акаунт — наш реферал. <span class="fw-400">Якщо ні — буде дорого :(</span></p>
|
||||
|
||||
<ul class="dash-list dash-list--block">
|
||||
<li>Ми не змогли придумати варіант оплати, який зручніший за біржову партнерську систему.</li>
|
||||
<li>Якщо вам дуже важливо торгувати без нашої рефералки, значить вам і так байдуже скільки платити.</li>
|
||||
<li>Ціна за пряму оплату сервісу — $500 на місяць за кожен API ключ.</li>
|
||||
<li>Нагадаємо, за торгівлю на реферальному акаунті платити не потрібно. Нам вистачить бонусів від ваших комісій.</li>
|
||||
<li>А якщо ви інфлюенсер і партнер обраної для роботи біржі — напишіть в лс, домовимося.</li>
|
||||
</ul>
|
||||
|
||||
<div class="note-box">
|
||||
<p>Бути нашим рефералом — <span class="fw-400">круто в будь-якому випадку.</span></p>
|
||||
</div>
|
||||
|
||||
<ol class="numbered-list" data-count="4">
|
||||
<li><span class="num">01</span><p>При обороті криптою $500k+ на місяць ви станете учасником Premium групи безкоштовно. Більше інфи — <a href="/preview/ua/#premium">тут</a>.</p></li>
|
||||
<li><span class="num">02</span><p>Ваша комісія за торгівлю стане нижчою на 30-50%, а якщо ви взагалі кит, то домовимося ще й на кешбеки.</p></li>
|
||||
<li><span class="num">03</span><p>Ваші питання або проблеми з біржею можна вирішити через нас і швидко. Особливо на BingX, там братани взагалі.</p></li>
|
||||
<li><span class="num">04</span><p><span class="fw-400">Мінуси? Їх немає.</span> А посилання для реєстрації — внизу сторінки.</p></li>
|
||||
</ol>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- КОНТАКТ -->
|
||||
<section id="contact" class="section reveal contact-section">
|
||||
<div class="container center">
|
||||
<span class="eyebrow">Контакт</span>
|
||||
<p><span class="fw-400">З усіх питань — лише в ЛС.</span> Продажі не автоматизовані, а ми й не планували.</p>
|
||||
<p>Напишіть — розберемо вашу ситуацію і знайдемо рішення. <span class="fw-400">По-братськи.</span></p>
|
||||
|
||||
<a class="btn-outline" href="https://t.me/artemium" target="_blank" rel="noopener">
|
||||
<span>Telegram @artemium</span><span class="btn-arrow" aria-hidden="true">→</span>
|
||||
</a>
|
||||
|
||||
<button class="link-underline" id="openContactForm"><span class="fw-400">Хочете анонімно?</span> Ось форма для зв'язку</button>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ССЫЛКИ / FOOTER -->
|
||||
<footer class="site-footer">
|
||||
<div class="container two-col">
|
||||
<div>
|
||||
<h5>Наші канали</h5>
|
||||
<ul class="dash-list">
|
||||
<li>Telegram: <a href="https://t.me/+QIZFJDaZjrliMDI6" target="_blank" rel="noopener">@a428th</a> + <a href="https://t.me/+cJfqh9ZTHswwMThi" target="_blank" rel="noopener">робочий чат</a></li>
|
||||
<li>YouTube: <a href="https://www.youtube.com/channel/UCdAD0ER3neqgjhCsgetY1bw" target="_blank" rel="noopener">428th _ Crypto</a></li>
|
||||
<li>X (Twitter): <a href="#" target="_blank" rel="noopener">428th _ Crypto</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div>
|
||||
<h5>Рефералки з найкращими умовами</h5>
|
||||
<ul class="dash-list">
|
||||
<li><span><span class="fw-400">Улюблена</span> криптобіржа</span> <a href="https://bingxdao.com/partner/artemium/" target="_blank" rel="noopener">BingX</a></li>
|
||||
<li><span>Топовий TradFi на</span> <a href="https://partner.bybit.com/b/ARTEMIUM" target="_blank" rel="noopener">ByBit</a></li>
|
||||
<li>
|
||||
<a href="https://www.binance.com/register?ref=ARTEMIUM" target="_blank" rel="noopener">Binance</a>,
|
||||
<a href="https://partner.bitget.com/bg/artemium" target="_blank" rel="noopener">BitGet</a>,
|
||||
<a href="https://promote.mexc.com/b/artemium" target="_blank" rel="noopener">MEXC</a>,
|
||||
<a href="#" target="_blank" rel="noopener">OKX</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="container footer-bottom">
|
||||
<span class="footer-wolf">🐺</span>
|
||||
<span class="footer-copy">© 2026 _ 428th.com</span>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
</div>
|
||||
|
||||
</main>
|
||||
|
||||
<!-- Модалка формы связи -->
|
||||
<div class="modal-overlay" id="contactModal">
|
||||
<div class="modal-box">
|
||||
<button class="modal-close" id="closeContactForm">×</button>
|
||||
<h3>Форма для зв'язку</h3>
|
||||
|
||||
<form id="contactForm" data-status-loading="..." data-status-success="Надіслано ✓" data-status-error="Не вдалося надіслати. Спробуйте ще раз.">
|
||||
<div class="hp-field" aria-hidden="true" style="position:absolute;left:-10000px;top:auto;width:1px;height:1px;margin:0;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0;opacity:0;pointer-events:none">
|
||||
<label for="hp_company">Company fax</label>
|
||||
<input id="hp_company" type="text" name="hp_company" value="" tabindex="-1" autocomplete="off">
|
||||
</div>
|
||||
|
||||
<label>
|
||||
<span>Ім'я</span>
|
||||
<input type="text" name="name" required="">
|
||||
</label>
|
||||
|
||||
<label>
|
||||
<span>Спосіб зв'язку</span>
|
||||
<input type="text" name="contact" placeholder="Telegram @username, Email, WhatsApp..." required="">
|
||||
</label>
|
||||
|
||||
<label>
|
||||
<span>Повідомлення</span>
|
||||
<textarea name="message" rows="4" required=""></textarea>
|
||||
</label>
|
||||
|
||||
<button type="submit" class="btn-solid">Надіслати</button>
|
||||
<p class="form-status" id="formStatus"></p>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<link rel="stylesheet" href="/fonts/inter.css">
|
||||
<script src="/preview/common.js?v=20260923d"></script>
|
||||
<script src="/preview/terminal.js"></script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,24 +1,24 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="{{HTML_LANG}}" data-theme="light" data-page-lang="{{PAGE_LANG}}">
|
||||
<html lang="{{HTML_LANG}}" data-page-lang="{{PAGE_LANG}}">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
{{HEAD_META}}
|
||||
{{THEME_SCRIPT}}
|
||||
{{LANG_REDIRECT_SCRIPT}}
|
||||
<link rel="stylesheet" href="{{ASSET_PREFIX}}styles.css?v=20260726d">
|
||||
<link rel="stylesheet" href="{{ASSET_PREFIX}}styles.css?v=20260923k">
|
||||
</head>
|
||||
<body>
|
||||
<div class="ambient" aria-hidden="true">
|
||||
<div class="ambient-glow"></div>
|
||||
<div class="ambient-orb ambient-orb--a"></div>
|
||||
<div class="ambient-orb ambient-orb--b"></div>
|
||||
</div>
|
||||
|
||||
<header class="site-header">
|
||||
<div class="container header-inner">
|
||||
<nav class="lang-switch" id="langSwitch" aria-label="Language">
|
||||
{{LANG_SWITCH}}
|
||||
</nav>
|
||||
<button class="theme-toggle" id="themeToggle" data-i18n-aria="a11y.toggleTheme" aria-label="Toggle theme">
|
||||
<svg class="icon-sun" viewBox="0 0 24 24" width="20" height="20"><circle cx="12" cy="12" r="5"></circle><g stroke-width="2"><line x1="12" y1="1" x2="12" y2="4"></line><line x1="12" y1="20" x2="12" y2="23"></line><line x1="4.2" y1="4.2" x2="6.3" y2="6.3"></line><line x1="17.7" y1="17.7" x2="19.8" y2="19.8"></line><line x1="1" y1="12" x2="4" y2="12"></line><line x1="20" y1="12" x2="23" y2="12"></line><line x1="4.2" y1="19.8" x2="6.3" y2="17.7"></line><line x1="17.7" y1="6.3" x2="19.8" y2="4.2"></line></g></svg>
|
||||
<svg class="icon-moon" viewBox="0 0 24 24" width="20" height="20"><path d="M21 12.8A9 9 0 1111.2 3a7 7 0 009.8 9.8z"></path></svg>
|
||||
</button>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
|
|
@ -29,7 +29,7 @@
|
|||
<div class="hero-brand">
|
||||
<div class="hero-brand-inner" id="heroBrandInner">
|
||||
<div class="hero-brand-lockup">
|
||||
<h1 class="logo">428th</h1>
|
||||
<h1 class="logo" data-text="428th">428th</h1>
|
||||
<p class="tagline" data-i18n="hero.tagline"></p>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -43,7 +43,7 @@
|
|||
<a href="#autotrade" data-i18n="nav.autotrade"></a>
|
||||
<a href="#fund" data-i18n="nav.fund"></a>
|
||||
<a href="#streams" data-i18n="nav.streams"></a>
|
||||
<a href="#contact" class="nav-cta" data-i18n="nav.contact"></a>
|
||||
<a href="#contact" class="nav-cta"><span data-i18n="nav.contact"></span><span class="btn-arrow" aria-hidden="true">→</span></a>
|
||||
</nav>
|
||||
</div>
|
||||
</section>
|
||||
|
|
@ -71,7 +71,6 @@
|
|||
<li data-i18n="about.person2.skill1"></li>
|
||||
<li data-i18n="about.person2.skill2"></li>
|
||||
<li data-i18n="about.person2.skill3"></li>
|
||||
<li data-i18n="about.person2.skill4"></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="team-card team-card--andrey">
|
||||
|
|
@ -284,7 +283,7 @@
|
|||
<p data-i18n="contact.text2"></p>
|
||||
|
||||
<a class="btn-outline" href="https://t.me/artemium" target="_blank" rel="noopener">
|
||||
<span data-i18n="contact.telegramLabel"></span> →
|
||||
<span data-i18n="contact.telegramLabel"></span><span class="btn-arrow" aria-hidden="true">→</span>
|
||||
</a>
|
||||
|
||||
<button class="link-underline" id="openContactForm" data-i18n="contact.anonForm"></button>
|
||||
|
|
@ -360,7 +359,7 @@
|
|||
</div>
|
||||
|
||||
<link rel="stylesheet" href="{{ASSET_PREFIX}}fonts/inter.css">
|
||||
<script src="{{ASSET_PREFIX}}common.js"></script>
|
||||
<script src="{{ASSET_PREFIX}}common.js?v=20260923d"></script>
|
||||
<script src="{{ASSET_PREFIX}}app.js"></script>
|
||||
|
||||
</body>
|
||||
|
|
|
|||
|
|
@ -1,14 +1,18 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="{{HTML_LANG}}" data-theme="light" data-page-lang="{{PAGE_LANG}}">
|
||||
<html lang="{{HTML_LANG}}" data-page-lang="{{PAGE_LANG}}">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
{{HEAD_META}}
|
||||
{{THEME_SCRIPT}}
|
||||
{{LANG_REDIRECT_SCRIPT}}
|
||||
<link rel="stylesheet" href="{{ASSET_PREFIX}}styles.css?v=20260726d">
|
||||
<link rel="stylesheet" href="{{ASSET_PREFIX}}styles.css?v=20260923k">
|
||||
</head>
|
||||
<body>
|
||||
<div class="ambient" aria-hidden="true">
|
||||
<div class="ambient-glow"></div>
|
||||
<div class="ambient-orb ambient-orb--a"></div>
|
||||
<div class="ambient-orb ambient-orb--b"></div>
|
||||
</div>
|
||||
|
||||
<header class="site-header">
|
||||
<div class="container header-inner">
|
||||
|
|
@ -17,10 +21,6 @@
|
|||
</nav>
|
||||
<div class="header-actions">
|
||||
<a href="{{HOME_HREF}}" class="home-link">HOME PAGE</a>
|
||||
<button class="theme-toggle" id="themeToggle" data-i18n-aria="a11y.toggleTheme" aria-label="Toggle theme">
|
||||
<svg class="icon-sun" viewBox="0 0 24 24" width="20" height="20"><circle cx="12" cy="12" r="5"></circle><g stroke-width="2"><line x1="12" y1="1" x2="12" y2="4"></line><line x1="12" y1="20" x2="12" y2="23"></line><line x1="4.2" y1="4.2" x2="6.3" y2="6.3"></line><line x1="17.7" y1="17.7" x2="19.8" y2="19.8"></line><line x1="1" y1="12" x2="4" y2="12"></line><line x1="20" y1="12" x2="23" y2="12"></line><line x1="4.2" y1="19.8" x2="6.3" y2="17.7"></line><line x1="17.7" y1="6.3" x2="19.8" y2="4.2"></line></g></svg>
|
||||
<svg class="icon-moon" viewBox="0 0 24 24" width="20" height="20"><path d="M21 12.8A9 9 0 1111.2 3a7 7 0 009.8 9.8z"></path></svg>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
|
@ -31,14 +31,14 @@
|
|||
<div class="terminal-stage">
|
||||
<div class="terminal-brand">
|
||||
<div class="terminal-brand-inner" id="terminalBrandInner">
|
||||
<h1 class="terminal-logo"><span class="accent">428th</span><span class="terminal-logo-main">Terminal</span></h1>
|
||||
<h1 class="terminal-logo"><span class="accent">428th</span><span class="terminal-logo-main" data-text="Terminal">Terminal</span></h1>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<nav class="main-nav terminal-nav" data-i18n-aria="a11y.sections" aria-label="Sections">
|
||||
<a href="#functionality" data-i18n="terminal.nav.functionality"></a>
|
||||
<a href="#pricing" data-i18n="terminal.nav.pricing"></a>
|
||||
<a href="#contact" class="nav-cta" data-i18n="nav.contact"></a>
|
||||
<a href="#contact" class="nav-cta"><span data-i18n="nav.contact"></span><span class="btn-arrow" aria-hidden="true">→</span></a>
|
||||
</nav>
|
||||
</div>
|
||||
</section>
|
||||
|
|
@ -133,7 +133,7 @@
|
|||
<p data-i18n="contact.text2"></p>
|
||||
|
||||
<a class="btn-outline" href="https://t.me/artemium" target="_blank" rel="noopener">
|
||||
<span data-i18n="contact.telegramLabel"></span> →
|
||||
<span data-i18n="contact.telegramLabel"></span><span class="btn-arrow" aria-hidden="true">→</span>
|
||||
</a>
|
||||
|
||||
<button class="link-underline" id="openContactForm" data-i18n="contact.anonForm"></button>
|
||||
|
|
@ -209,7 +209,7 @@
|
|||
</div>
|
||||
|
||||
<link rel="stylesheet" href="{{ASSET_PREFIX}}fonts/inter.css">
|
||||
<script src="{{ASSET_PREFIX}}common.js"></script>
|
||||
<script src="{{ASSET_PREFIX}}common.js?v=20260923d"></script>
|
||||
<script src="{{ASSET_PREFIX}}terminal.js"></script>
|
||||
|
||||
</body>
|
||||
|
|
|
|||
|
|
@ -10,7 +10,7 @@
|
|||
"nav.autotrade": "Автотрейдинг",
|
||||
"nav.fund": "Фонд",
|
||||
"nav.streams": "Стримы для админов",
|
||||
"nav.contact": "Написать в ЛС →",
|
||||
"nav.contact": "Написать в ЛС",
|
||||
"about.eyebrow": "Кто мы",
|
||||
"about.title": "428th — часть команды SIMPLE CRYPTO",
|
||||
"about.lead": "Объединены идеей эффективного управления капиталом. С 2018 года работаем с крипто-активами. Своими решениями делимся с уважаемыми подписчиками. <span class=\"fw-400\">С неуважаемыми — не делимся.</span>",
|
||||
|
|
@ -18,10 +18,9 @@
|
|||
"about.person1.skill1": "Ручной и алго-трейдинг",
|
||||
"about.person1.skill2": "Автоматизация",
|
||||
"about.person2.name": "Иван",
|
||||
"about.person2.skill1": "Фундаментальный анализ и макроэкономика",
|
||||
"about.person2.skill2": "Рынок предсказаний (Polymarket)",
|
||||
"about.person2.skill3": "Инвестиции в ценность",
|
||||
"about.person2.skill4": "Позиционная торговля классических рынков",
|
||||
"about.person2.skill1": "ФА и макро",
|
||||
"about.person2.skill2": "Polymarket",
|
||||
"about.person2.skill3": "Инвестиции",
|
||||
"about.person3.name": "Андрей",
|
||||
"about.person3.skill1": "DeFi specialist",
|
||||
"about.person3.skill2": "Retro hunter",
|
||||
|
|
@ -177,7 +176,7 @@
|
|||
"nav.autotrade": "Автотрейдинг",
|
||||
"nav.fund": "Фонд",
|
||||
"nav.streams": "Стріми для адмінів",
|
||||
"nav.contact": "Написати в ЛС →",
|
||||
"nav.contact": "Написати в ЛС",
|
||||
"about.eyebrow": "Хто ми",
|
||||
"about.title": "428th — частина команди SIMPLE CRYPTO",
|
||||
"about.lead": "Об'єднані ідеєю ефективного управління капіталом. З 2018 року працюємо з крипто-активами. Своїми рішеннями ділимося з шанобливими підписниками. <span class=\"fw-400\">З нешанобливими — не ділимося.</span>",
|
||||
|
|
@ -185,10 +184,9 @@
|
|||
"about.person1.skill1": "Ручний та алго-трейдинг",
|
||||
"about.person1.skill2": "Автоматизація",
|
||||
"about.person2.name": "Іван",
|
||||
"about.person2.skill1": "Фундаментальний аналіз і макроекономіка",
|
||||
"about.person2.skill2": "Ринок передбачень (Polymarket)",
|
||||
"about.person2.skill3": "Інвестиції в цінність",
|
||||
"about.person2.skill4": "Позиційна торгівля класичних ринків",
|
||||
"about.person2.skill1": "ФА і макро",
|
||||
"about.person2.skill2": "Polymarket",
|
||||
"about.person2.skill3": "Інвестиції",
|
||||
"about.person3.name": "Андрій",
|
||||
"about.person3.skill1": "DeFi specialist",
|
||||
"about.person3.skill2": "Retro hunter",
|
||||
|
|
@ -344,7 +342,7 @@
|
|||
"nav.autotrade": "Auto Trading",
|
||||
"nav.fund": "Fund",
|
||||
"nav.streams": "Streams for Admins",
|
||||
"nav.contact": "DM us →",
|
||||
"nav.contact": "DM us",
|
||||
"about.eyebrow": "About",
|
||||
"about.title": "428th — part of the SIMPLE CRYPTO team",
|
||||
"about.lead": "United by the idea of effective capital management. We've been working with crypto assets since 2018. We share our decisions with subscribers who respects. <span class=\"fw-400\">With those who don't — we don't.</span>",
|
||||
|
|
@ -352,10 +350,9 @@
|
|||
"about.person1.skill1": "Manual and algo-trading",
|
||||
"about.person1.skill2": "Automation",
|
||||
"about.person2.name": "Ivan",
|
||||
"about.person2.skill1": "Fundamental analysis and macroeconomics",
|
||||
"about.person2.skill2": "Prediction markets (Polymarket)",
|
||||
"about.person2.skill3": "Value investing",
|
||||
"about.person2.skill4": "Position trading on traditional markets",
|
||||
"about.person2.skill1": "FA and macro",
|
||||
"about.person2.skill2": "Polymarket",
|
||||
"about.person2.skill3": "Investing",
|
||||
"about.person3.name": "Andrei",
|
||||
"about.person3.skill1": "DeFi specialist",
|
||||
"about.person3.skill2": "Retro hunter",
|
||||
|
|
|
|||
391
styles.css
391
styles.css
|
|
@ -1,11 +1,21 @@
|
|||
:root{
|
||||
--bg:#FAFAFA;
|
||||
--bg:#000000;
|
||||
--accent:#C4622A;
|
||||
--heading:#1F1F1D;
|
||||
--logo:#000000;
|
||||
--text:#5A5A56;
|
||||
--border: rgba(31,31,29,0.14);
|
||||
--card-bg:#F0F0EE;
|
||||
--heading:#F2F1EE;
|
||||
--logo:#FFFFFF;
|
||||
--text:#B4B2AC;
|
||||
--border: rgba(255,255,255,0.14);
|
||||
--card-bg: rgba(255,255,255,0.04);
|
||||
--metal-fill: linear-gradient(180deg,
|
||||
#ffffff 0%,
|
||||
#f7f7f7 12%,
|
||||
#ececec 24%,
|
||||
#e0e0e0 38%,
|
||||
#d2d2d2 52%,
|
||||
#c8c8c8 66%,
|
||||
#d0d0d0 80%,
|
||||
#bdbdbd 100%
|
||||
);
|
||||
--transition: 0.35s ease;
|
||||
|
||||
/* Hero animation tuning — see comments in .hero block below */
|
||||
|
|
@ -22,18 +32,8 @@
|
|||
--site-header-height: 57px;
|
||||
}
|
||||
|
||||
[data-theme="dark"]{
|
||||
--bg:#141412;
|
||||
--accent:#C4622A;
|
||||
--heading:#F2F1EE;
|
||||
--logo:#FFFFFF;
|
||||
--text:#B4B2AC;
|
||||
--border: rgba(255,255,255,0.14);
|
||||
--card-bg: rgba(255,255,255,0.04);
|
||||
}
|
||||
|
||||
*{box-sizing:border-box;}
|
||||
html,body{margin:0;padding:0;}
|
||||
html,body{margin:0;padding:0;background:var(--bg);}
|
||||
|
||||
body{
|
||||
font-family:'Inter', -apple-system, sans-serif;
|
||||
|
|
@ -48,6 +48,56 @@ body{
|
|||
overflow-x:hidden;
|
||||
}
|
||||
|
||||
.ambient{
|
||||
position:fixed;
|
||||
inset:0;
|
||||
z-index:0;
|
||||
pointer-events:none;
|
||||
overflow:hidden;
|
||||
}
|
||||
.ambient::after{
|
||||
content:'';
|
||||
position:absolute;
|
||||
inset:0;
|
||||
opacity:0.045;
|
||||
mix-blend-mode:overlay;
|
||||
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
|
||||
}
|
||||
.ambient-glow{
|
||||
/* Hollow ring centered off-canvas past the top-right corner.
|
||||
The circle itself never enters the viewport; only the inner
|
||||
falloff of the rim clips the upper-right. */
|
||||
position:absolute;
|
||||
inset:0;
|
||||
filter:blur(48px);
|
||||
transform-origin:118% -8%;
|
||||
background:radial-gradient(circle 120vmax at 45% 50%,
|
||||
transparent 0%,
|
||||
transparent 22%,
|
||||
rgba(255,255,255,0.035) 32%,
|
||||
rgba(255,255,255,0.08) 42%,
|
||||
rgba(255,255,255,0.15) 52%,
|
||||
rgba(255,255,255,0.07) 62%,
|
||||
transparent 74%
|
||||
);
|
||||
animation:ambient-breathe 8s ease-in-out infinite;
|
||||
}
|
||||
.ambient-orb{
|
||||
display:none;
|
||||
}
|
||||
@keyframes ambient-breathe{
|
||||
0%,100%{opacity:0.78; transform:scale(1);}
|
||||
50%{opacity:1; transform:scale(1.018);}
|
||||
}
|
||||
@keyframes metal-sheen{
|
||||
0%,100%{background-position:0% 0%;}
|
||||
50%{background-position:0% 100%;}
|
||||
}
|
||||
@keyframes idle-float{
|
||||
0%,100%{transform:translateY(0);}
|
||||
50%{transform:translateY(-6px);}
|
||||
}
|
||||
|
||||
.container {
|
||||
max-width: 1120px;
|
||||
margin: 0 auto;
|
||||
|
|
@ -84,9 +134,14 @@ a:hover{opacity:0.7;}
|
|||
/* Header */
|
||||
.site-header{
|
||||
position:sticky; top:0; z-index:50;
|
||||
background:var(--bg);
|
||||
border-bottom:1px solid var(--border);
|
||||
transition: background var(--transition);
|
||||
background:rgba(0,0,0,0.35);
|
||||
backdrop-filter:blur(16px);
|
||||
-webkit-backdrop-filter:blur(16px);
|
||||
border-bottom:1px solid rgba(255,255,255,0.08);
|
||||
}
|
||||
main, .site-footer{
|
||||
position:relative;
|
||||
z-index:1;
|
||||
}
|
||||
.header-inner{
|
||||
display:flex; justify-content:space-between; align-items:center;
|
||||
|
|
@ -116,15 +171,6 @@ a:hover{opacity:0.7;}
|
|||
}
|
||||
.home-link:hover{color:var(--accent);}
|
||||
|
||||
.theme-toggle{
|
||||
background:none; border:none; cursor:pointer; padding:0; margin:0;
|
||||
color:var(--heading); display:inline-flex; align-items:center;
|
||||
line-height:1;
|
||||
}
|
||||
.theme-toggle svg{fill:none; stroke:currentColor; stroke-width:1.5; display:block;}
|
||||
[data-theme="light"] .icon-moon,
|
||||
[data-theme="dark"] .icon-sun{display:none;}
|
||||
|
||||
/* Hero
|
||||
Size: --hero-logo-size, --hero-active-scale (max render → scale down on scroll)
|
||||
Motion: --hero-scroll-runway-multiplier — во сколько раз дольше скроллить (1 = как было)
|
||||
|
|
@ -171,12 +217,20 @@ a:hover{opacity:0.7;}
|
|||
grid-template-columns:max-content;
|
||||
}
|
||||
.logo{
|
||||
position:relative;
|
||||
font-size:var(--hero-logo-size);
|
||||
font-weight:600;
|
||||
color:var(--logo);
|
||||
letter-spacing:-0.03em;
|
||||
line-height:0.9;
|
||||
margin-bottom:8px;
|
||||
margin:0 0 8px -0.022em;
|
||||
color:transparent;
|
||||
background-image:var(--metal-fill);
|
||||
background-size:100% 180%;
|
||||
background-position:0% 0%;
|
||||
-webkit-background-clip:text;
|
||||
background-clip:text;
|
||||
filter:drop-shadow(0 0 0.35px rgba(210,210,210,0.55));
|
||||
animation:metal-sheen 10s ease-in-out infinite;
|
||||
}
|
||||
.tagline{
|
||||
font-size:calc(var(--hero-logo-size) * var(--hero-tagline-ratio) * var(--hero-tagline-fit, 1));
|
||||
|
|
@ -207,52 +261,77 @@ a:hover{opacity:0.7;}
|
|||
}
|
||||
}
|
||||
.main-nav{
|
||||
--nav-divider-inset:0;
|
||||
display:grid;
|
||||
grid-template-columns:repeat(4, 1fr);
|
||||
gap:0;
|
||||
display:flex;
|
||||
flex-wrap:wrap;
|
||||
justify-content:stretch;
|
||||
gap:12px 16px;
|
||||
width:100%;
|
||||
border:1px solid var(--border);
|
||||
border:none;
|
||||
padding:0;
|
||||
overflow:visible;
|
||||
}
|
||||
.main-nav a{
|
||||
position:relative;
|
||||
display:flex;
|
||||
display:inline-flex;
|
||||
align-items:center;
|
||||
justify-content:center;
|
||||
flex:1 1 calc(25% - 12px);
|
||||
max-width:none;
|
||||
box-sizing:border-box;
|
||||
min-height:48px;
|
||||
padding:1px 12px 0;
|
||||
padding:0 12px;
|
||||
font-size:15px;
|
||||
line-height:1;
|
||||
color:var(--text);
|
||||
letter-spacing:0.03em;
|
||||
text-align:center;
|
||||
border-radius:999px;
|
||||
border:1px solid rgba(255,255,255,0.09);
|
||||
background:linear-gradient(165deg, rgba(255,255,255,0.028) 0%, rgba(255,255,255,0.006) 42%, rgba(255,255,255,0.014) 100%);
|
||||
backdrop-filter:blur(22px) saturate(1.35);
|
||||
-webkit-backdrop-filter:blur(22px) saturate(1.35);
|
||||
box-shadow:inset 0 1px 0 rgba(255,255,255,0.07);
|
||||
overflow:visible;
|
||||
will-change:transform;
|
||||
transition: background var(--transition), color var(--transition), border-color var(--transition);
|
||||
}
|
||||
.main-nav a:not(:nth-child(4n))::after{
|
||||
content:'';
|
||||
.main-nav a:hover,
|
||||
.main-nav a:focus-visible{
|
||||
z-index:2;
|
||||
background:linear-gradient(165deg, rgba(255,255,255,0.06) 0%, rgba(255,255,255,0.02) 100%);
|
||||
color:var(--heading);
|
||||
border-color:rgba(255,255,255,0.18);
|
||||
opacity:1;
|
||||
}
|
||||
.main-nav a:focus-visible{
|
||||
outline:none;
|
||||
box-shadow:inset 0 1px 0 rgba(255,255,255,0.1), 0 0 0 2px #000, 0 0 0 4px rgba(255,255,255,0.28);
|
||||
}
|
||||
.main-nav .nav-cta{
|
||||
color:var(--accent);
|
||||
overflow:hidden;
|
||||
}
|
||||
.main-nav .nav-cta > span:first-child{
|
||||
display:inline-block;
|
||||
transition:transform 0.3s ease;
|
||||
}
|
||||
.main-nav .nav-cta .btn-arrow{
|
||||
position:absolute;
|
||||
right:0;
|
||||
width:1px;
|
||||
background:var(--border);
|
||||
right:14px;
|
||||
opacity:0;
|
||||
transform:translateX(18px);
|
||||
transition:transform 0.3s ease, opacity 0.3s ease;
|
||||
}
|
||||
.main-nav a:nth-child(-n+4):not(:nth-child(4n))::after{
|
||||
top:var(--nav-divider-inset);
|
||||
bottom:0;
|
||||
.main-nav .nav-cta:hover,
|
||||
.main-nav .nav-cta:focus-visible{
|
||||
background:var(--accent);
|
||||
color:#fff;
|
||||
border-color:var(--accent);
|
||||
}
|
||||
.main-nav a:nth-child(n+5):not(:nth-child(4n))::after{
|
||||
top:0;
|
||||
bottom:var(--nav-divider-inset);
|
||||
}
|
||||
.main-nav a:nth-child(-n+4)::before{
|
||||
content:'';
|
||||
position:absolute;
|
||||
bottom:0;
|
||||
left:0;
|
||||
right:0;
|
||||
height:1px;
|
||||
background:var(--border);
|
||||
}
|
||||
.main-nav .nav-cta{color:var(--accent);}
|
||||
.main-nav .nav-cta:hover > span:first-child,
|
||||
.main-nav .nav-cta:focus-visible > span:first-child{transform:translateX(-8px);}
|
||||
.main-nav .nav-cta:hover .btn-arrow,
|
||||
.main-nav .nav-cta:focus-visible .btn-arrow{opacity:1; transform:translateX(0);}
|
||||
|
||||
/* Sections */
|
||||
.section{
|
||||
|
|
@ -328,11 +407,26 @@ a:hover{opacity:0.7;}
|
|||
text-transform:uppercase; letter-spacing:0.05em;
|
||||
}
|
||||
|
||||
.note-box,
|
||||
.two-col > div,
|
||||
.team-card,
|
||||
.entry-options{
|
||||
border:1px solid rgba(255,255,255,0.09);
|
||||
border-radius:18px;
|
||||
background:linear-gradient(165deg, rgba(255,255,255,0.028) 0%, rgba(255,255,255,0.006) 42%, rgba(255,255,255,0.014) 100%);
|
||||
backdrop-filter:blur(22px) saturate(1.35);
|
||||
-webkit-backdrop-filter:blur(22px) saturate(1.35);
|
||||
box-shadow:
|
||||
inset 0 1px 0 rgba(255,255,255,0.07),
|
||||
inset 0 -1px 0 rgba(255,255,255,0.02);
|
||||
}
|
||||
.note-box{
|
||||
background:var(--card-bg);
|
||||
border-left:2px solid var(--accent);
|
||||
padding:24px 28px;
|
||||
}
|
||||
.two-col > div{
|
||||
padding:24px 26px;
|
||||
}
|
||||
.note-box:not(:last-child){margin-bottom:32px;}
|
||||
.note-box p{margin:0 0 8px; line-height:1.6;}
|
||||
.note-box p:last-child{margin:0;}
|
||||
|
|
@ -341,9 +435,10 @@ a:hover{opacity:0.7;}
|
|||
|
||||
.team-grid{
|
||||
display:grid;
|
||||
grid-template-columns:repeat(4, max-content);
|
||||
justify-content:space-between;
|
||||
grid-template-columns:repeat(4, minmax(0, 1fr));
|
||||
justify-content:stretch;
|
||||
align-items:stretch;
|
||||
gap:16px;
|
||||
width:100%;
|
||||
max-width:100%;
|
||||
margin-top:32px;
|
||||
|
|
@ -352,22 +447,29 @@ a:hover{opacity:0.7;}
|
|||
.team-card{
|
||||
position:relative;
|
||||
text-align:left;
|
||||
padding:0 28px;
|
||||
padding:22px 16px;
|
||||
min-width:0;
|
||||
border-right:1px solid var(--border);
|
||||
}
|
||||
.team-card:first-child{
|
||||
border-left:1px solid var(--border);
|
||||
.team-card h3{
|
||||
font-size:16px;
|
||||
line-height:1.2;
|
||||
margin-bottom:16px;
|
||||
white-space:nowrap;
|
||||
}
|
||||
.team-card h3{font-size:16px; line-height:1.2; margin-bottom:16px;}
|
||||
.team-card ul{list-style:none; padding:0; margin:0;}
|
||||
.team-card li{
|
||||
margin-bottom:6px;
|
||||
color:var(--text);
|
||||
overflow-wrap:anywhere;
|
||||
font-size:14px;
|
||||
white-space:nowrap;
|
||||
}
|
||||
.team-card .dash-list li{padding-left:20px;}
|
||||
|
||||
.entry-options{margin-top:8px;}
|
||||
.entry-options{
|
||||
margin-top:8px;
|
||||
padding:24px 28px;
|
||||
}
|
||||
.entry-options .dash-list li:last-child{margin-bottom:0;}
|
||||
.sublabel{
|
||||
font-size:13px; text-transform:uppercase;
|
||||
letter-spacing:0.05em; color:var(--text);
|
||||
|
|
@ -386,12 +488,35 @@ a:hover{opacity:0.7;}
|
|||
.contact-section .center > p:first-of-type{margin:0 0 16px;}
|
||||
.contact-section .center > p:nth-of-type(2){margin:0 0 36px;}
|
||||
.btn-outline{
|
||||
position:relative;
|
||||
display:inline-flex;
|
||||
align-items:center;
|
||||
justify-content:center;
|
||||
overflow:hidden;
|
||||
border:1px solid var(--accent); color:var(--accent);
|
||||
padding:12px 28px; border-radius:4px; font-size:14px; font-weight:400;
|
||||
padding:12px 28px; border-radius:999px; font-size:14px; font-weight:400;
|
||||
margin-bottom:28px;
|
||||
transition: background var(--transition), color var(--transition);
|
||||
animation:idle-float 8s ease-in-out infinite;
|
||||
animation-delay:-2.5s;
|
||||
}
|
||||
.btn-outline:hover{background:var(--accent); color:#fff; opacity:1;}
|
||||
.btn-outline > span:first-child{
|
||||
display:inline-block;
|
||||
transition:transform 0.3s ease;
|
||||
}
|
||||
.btn-outline .btn-arrow{
|
||||
position:absolute;
|
||||
right:14px;
|
||||
opacity:0;
|
||||
transform:translateX(18px);
|
||||
transition:transform 0.3s ease, opacity 0.3s ease;
|
||||
}
|
||||
.btn-outline:hover,
|
||||
.btn-outline:focus-visible{background:var(--accent); color:#fff; opacity:1;}
|
||||
.btn-outline:hover > span:first-child,
|
||||
.btn-outline:focus-visible > span:first-child{transform:translateX(-8px);}
|
||||
.btn-outline:hover .btn-arrow,
|
||||
.btn-outline:focus-visible .btn-arrow{opacity:1; transform:translateX(0);}
|
||||
.link-underline{
|
||||
background:none; border:none; cursor:pointer;
|
||||
color:var(--text); text-decoration:underline; font-family:inherit; font-size:13px;
|
||||
|
|
@ -430,7 +555,9 @@ a:hover{opacity:0.7;}
|
|||
}
|
||||
.modal-overlay.open{opacity:1; visibility:visible;}
|
||||
.modal-box{
|
||||
background:var(--bg); border-radius:8px; padding:32px;
|
||||
background:var(--bg);
|
||||
border:1px solid rgba(255,255,255,0.28);
|
||||
border-radius:8px; padding:32px;
|
||||
max-width:420px; width:90%; position:relative;
|
||||
transform:translateY(20px); transition:transform var(--transition);
|
||||
}
|
||||
|
|
@ -468,12 +595,12 @@ a:hover{opacity:0.7;}
|
|||
}
|
||||
.btn-solid{
|
||||
background:var(--accent); color:#fff; border:none;
|
||||
padding:12px 24px; border-radius:6px; cursor:pointer; width:100%;
|
||||
padding:12px 24px; border-radius:999px; cursor:pointer; width:100%;
|
||||
}
|
||||
.form-status{font-size:13px; margin-top:12px; min-height:16px;}
|
||||
|
||||
/* Reveal animation */
|
||||
.reveal{opacity:0; transform:translateY(24px); transition: opacity 0.6s ease, transform 0.6s ease;}
|
||||
.reveal{opacity:0; transform:translateY(18px); transition: opacity 0.8s ease, transform 0.8s ease;}
|
||||
.reveal.visible{opacity:1; transform:translateY(0);}
|
||||
|
||||
@media (prefers-reduced-motion: reduce){
|
||||
|
|
@ -485,6 +612,12 @@ a:hover{opacity:0.7;}
|
|||
.terminal-brand-inner{position:static; transform:none !important; will-change:auto; animation:none !important;}
|
||||
.hero--mobile-anim .main-nav,
|
||||
.terminal--mobile-anim .main-nav{transform:none !important; animation:none !important;}
|
||||
.ambient-glow,
|
||||
.ambient-orb,
|
||||
.logo,
|
||||
.terminal-logo-main,
|
||||
.btn-outline{animation:none !important; filter:none;}
|
||||
.main-nav a{transform:none !important; will-change:auto;}
|
||||
}
|
||||
|
||||
/* Mobile: compositor-only hero animation (no height changes while scrolling) */
|
||||
|
|
@ -609,6 +742,17 @@ a:hover{opacity:0.7;}
|
|||
color:var(--accent);
|
||||
font-size:0.62em;
|
||||
}
|
||||
.terminal-logo-main{
|
||||
position:relative;
|
||||
color:transparent;
|
||||
background-image:var(--metal-fill);
|
||||
background-size:100% 180%;
|
||||
background-position:0% 0%;
|
||||
-webkit-background-clip:text;
|
||||
background-clip:text;
|
||||
filter:drop-shadow(0 0 0.35px rgba(210,210,210,0.55));
|
||||
animation:metal-sheen 10s ease-in-out infinite;
|
||||
}
|
||||
@media (prefers-reduced-motion: no-preference){
|
||||
.terminal-brand-inner .terminal-logo{
|
||||
font-size:calc(var(--hero-logo-size) * var(--hero-active-scale) * var(--hero-terminal-fit, 1));
|
||||
|
|
@ -620,72 +764,20 @@ a:hover{opacity:0.7;}
|
|||
}
|
||||
}
|
||||
.terminal-nav{
|
||||
grid-template-columns:repeat(3, 1fr);
|
||||
padding:0;
|
||||
justify-content:center;
|
||||
width:100%;
|
||||
}
|
||||
.main-nav.terminal-nav a::before{content:none;}
|
||||
.terminal-nav a:last-child::after{content:none;}
|
||||
.terminal-nav a:not(:last-child)::after{
|
||||
content:'';
|
||||
position:absolute;
|
||||
right:0;
|
||||
top:var(--nav-divider-inset);
|
||||
bottom:var(--nav-divider-inset);
|
||||
width:1px;
|
||||
background:var(--border);
|
||||
}
|
||||
@media (max-width:600px){
|
||||
.terminal-nav{
|
||||
grid-template-columns:1fr;
|
||||
}
|
||||
.terminal-nav a:not(:last-child)::after{content:none;}
|
||||
.terminal-nav a:not(:last-child)::before{
|
||||
content:'';
|
||||
position:absolute;
|
||||
bottom:0;
|
||||
left:0;
|
||||
right:0;
|
||||
height:1px;
|
||||
background:var(--border);
|
||||
}
|
||||
.terminal-nav a{border-bottom:none;}
|
||||
.terminal-nav a:last-child{border-bottom:none;}
|
||||
.terminal-nav a{
|
||||
flex:1 1 calc(33.333% - 11px);
|
||||
max-width:none;
|
||||
}
|
||||
|
||||
/* Responsive */
|
||||
@media (max-width:900px){
|
||||
.section{--section-padding-y:64px;}
|
||||
.main-nav{grid-template-columns:repeat(2, 1fr);}
|
||||
.terminal-nav{grid-template-columns:repeat(3, 1fr);}
|
||||
.main-nav:not(.terminal-nav) a:not(:nth-child(4n))::after,
|
||||
.main-nav:not(.terminal-nav) a:nth-child(-n+4)::before{content:none;}
|
||||
.main-nav:not(.terminal-nav) a:not(:nth-child(2n))::after{
|
||||
content:'';
|
||||
position:absolute;
|
||||
right:0;
|
||||
width:1px;
|
||||
background:var(--border);
|
||||
}
|
||||
.main-nav:not(.terminal-nav) a:nth-child(-n+2):not(:nth-child(2n))::after{
|
||||
top:var(--nav-divider-inset);
|
||||
bottom:0;
|
||||
}
|
||||
.main-nav:not(.terminal-nav) a:nth-child(n+3):nth-child(-n+6):not(:nth-child(2n))::after{
|
||||
top:0;
|
||||
bottom:0;
|
||||
}
|
||||
.main-nav:not(.terminal-nav) a:nth-child(n+7):not(:nth-child(2n))::after{
|
||||
top:0;
|
||||
bottom:var(--nav-divider-inset);
|
||||
}
|
||||
.main-nav:not(.terminal-nav) a:nth-child(-n+6)::before{
|
||||
content:'';
|
||||
position:absolute;
|
||||
bottom:0;
|
||||
left:0;
|
||||
right:0;
|
||||
height:1px;
|
||||
background:var(--border);
|
||||
.main-nav:not(.terminal-nav) a{
|
||||
flex:1 1 calc(50% - 8px);
|
||||
max-width:none;
|
||||
}
|
||||
.two-col{grid-template-columns:1fr;}
|
||||
}
|
||||
|
|
@ -710,21 +802,22 @@ a:hover{opacity:0.7;}
|
|||
--hero-active-scale: 1;
|
||||
}
|
||||
.section{--section-padding-y:48px;}
|
||||
.main-nav:not(.terminal-nav){
|
||||
grid-template-columns:repeat(2, 1fr);
|
||||
}
|
||||
.main-nav:not(.terminal-nav) a{
|
||||
flex:1 1 calc(50% - 8px);
|
||||
max-width:none;
|
||||
min-height:44px;
|
||||
padding:1px 8px 0;
|
||||
padding:0 12px;
|
||||
font-size:14px;
|
||||
}
|
||||
.terminal-nav{
|
||||
grid-template-columns:1fr;
|
||||
padding:0;
|
||||
.terminal-nav,
|
||||
.terminal-nav a{
|
||||
width:100%;
|
||||
}
|
||||
.terminal-nav a{
|
||||
flex:1 1 100%;
|
||||
max-width:100%;
|
||||
min-height:44px;
|
||||
padding:1px 8px 0;
|
||||
padding:0 12px;
|
||||
font-size:14px;
|
||||
}
|
||||
h2{font-size:clamp(28px, 8vw, 40px);}
|
||||
|
|
@ -737,17 +830,7 @@ a:hover{opacity:0.7;}
|
|||
.team-card--ivan,
|
||||
.team-card--andrey,
|
||||
.team-card--danylo{
|
||||
padding:0 0 24px;
|
||||
padding:20px 16px;
|
||||
text-align:left;
|
||||
border-left:none;
|
||||
border-right:none;
|
||||
border-bottom:1px solid var(--border);
|
||||
}
|
||||
.team-card:first-child{
|
||||
border-left:none;
|
||||
}
|
||||
.team-card:last-child{
|
||||
padding-bottom:0;
|
||||
border-bottom:none;
|
||||
}
|
||||
}
|
||||
|
|
@ -1,5 +1,5 @@
|
|||
initLangSwitch();
|
||||
initTheme();
|
||||
initNavMagnet();
|
||||
|
||||
const terminalHero = document.querySelector('.terminal-hero');
|
||||
const terminalBrand = document.querySelector('.terminal-brand');
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="ru" data-theme="light" data-page-lang="ru">
|
||||
<html lang="ru" data-page-lang="ru">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
|
|
@ -32,15 +32,6 @@
|
|||
<link rel="apple-touch-icon" href="/apple-touch-icon.png" sizes="180x180">
|
||||
<meta name="theme-color" content="#C4622A">
|
||||
<script>
|
||||
(function () {
|
||||
var saved = localStorage.getItem('theme');
|
||||
var theme = (saved === 'light' || saved === 'dark')
|
||||
? saved
|
||||
: (window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light');
|
||||
document.documentElement.setAttribute('data-theme', theme);
|
||||
})();
|
||||
</script>
|
||||
<script>
|
||||
(function () {
|
||||
var pageLang = document.documentElement.getAttribute('data-page-lang');
|
||||
var saved = localStorage.getItem('lang');
|
||||
|
|
@ -97,9 +88,14 @@
|
|||
}
|
||||
})();
|
||||
</script>
|
||||
<link rel="stylesheet" href="/styles.css?v=20260726d">
|
||||
<link rel="stylesheet" href="/styles.css?v=20260923k">
|
||||
</head>
|
||||
<body>
|
||||
<div class="ambient" aria-hidden="true">
|
||||
<div class="ambient-glow"></div>
|
||||
<div class="ambient-orb ambient-orb--a"></div>
|
||||
<div class="ambient-orb ambient-orb--b"></div>
|
||||
</div>
|
||||
|
||||
<header class="site-header">
|
||||
<div class="container header-inner">
|
||||
|
|
@ -112,10 +108,6 @@
|
|||
</nav>
|
||||
<div class="header-actions">
|
||||
<a href="/" class="home-link">HOME PAGE</a>
|
||||
<button class="theme-toggle" id="themeToggle" aria-label="Переключить тему">
|
||||
<svg class="icon-sun" viewBox="0 0 24 24" width="20" height="20"><circle cx="12" cy="12" r="5"></circle><g stroke-width="2"><line x1="12" y1="1" x2="12" y2="4"></line><line x1="12" y1="20" x2="12" y2="23"></line><line x1="4.2" y1="4.2" x2="6.3" y2="6.3"></line><line x1="17.7" y1="17.7" x2="19.8" y2="19.8"></line><line x1="1" y1="12" x2="4" y2="12"></line><line x1="20" y1="12" x2="23" y2="12"></line><line x1="4.2" y1="19.8" x2="6.3" y2="17.7"></line><line x1="17.7" y1="6.3" x2="19.8" y2="4.2"></line></g></svg>
|
||||
<svg class="icon-moon" viewBox="0 0 24 24" width="20" height="20"><path d="M21 12.8A9 9 0 1111.2 3a7 7 0 009.8 9.8z"></path></svg>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
|
@ -126,14 +118,14 @@
|
|||
<div class="terminal-stage">
|
||||
<div class="terminal-brand">
|
||||
<div class="terminal-brand-inner" id="terminalBrandInner">
|
||||
<h1 class="terminal-logo"><span class="accent">428th</span><span class="terminal-logo-main">Terminal</span></h1>
|
||||
<h1 class="terminal-logo"><span class="accent">428th</span><span class="terminal-logo-main" data-text="Terminal">Terminal</span></h1>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<nav class="main-nav terminal-nav" aria-label="Разделы">
|
||||
<a href="#functionality">Функционал</a>
|
||||
<a href="#pricing">Цены</a>
|
||||
<a href="#contact" class="nav-cta">Написать в ЛС →</a>
|
||||
<a href="#contact" class="nav-cta"><span>Написать в ЛС</span><span class="btn-arrow" aria-hidden="true">→</span></a>
|
||||
</nav>
|
||||
</div>
|
||||
</section>
|
||||
|
|
@ -228,7 +220,7 @@
|
|||
<p>Напишите — разберём вашу ситуацию и найдём решение. <span class="fw-400">По-братски.</span></p>
|
||||
|
||||
<a class="btn-outline" href="https://t.me/artemium" target="_blank" rel="noopener">
|
||||
<span>Telegram @artemium</span> →
|
||||
<span>Telegram @artemium</span><span class="btn-arrow" aria-hidden="true">→</span>
|
||||
</a>
|
||||
|
||||
<button class="link-underline" id="openContactForm"><span class="fw-400">Хотите анонимно?</span> Вот форма для связи</button>
|
||||
|
|
@ -304,7 +296,7 @@
|
|||
</div>
|
||||
|
||||
<link rel="stylesheet" href="/fonts/inter.css">
|
||||
<script src="/common.js"></script>
|
||||
<script src="/common.js?v=20260923d"></script>
|
||||
<script src="/terminal.js"></script>
|
||||
|
||||
</body>
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="uk" data-theme="light" data-page-lang="ua">
|
||||
<html lang="uk" data-page-lang="ua">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
|
|
@ -32,15 +32,6 @@
|
|||
<link rel="apple-touch-icon" href="/apple-touch-icon.png" sizes="180x180">
|
||||
<meta name="theme-color" content="#C4622A">
|
||||
<script>
|
||||
(function () {
|
||||
var saved = localStorage.getItem('theme');
|
||||
var theme = (saved === 'light' || saved === 'dark')
|
||||
? saved
|
||||
: (window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light');
|
||||
document.documentElement.setAttribute('data-theme', theme);
|
||||
})();
|
||||
</script>
|
||||
<script>
|
||||
(function () {
|
||||
var pageLang = document.documentElement.getAttribute('data-page-lang');
|
||||
var saved = localStorage.getItem('lang');
|
||||
|
|
@ -97,9 +88,14 @@
|
|||
}
|
||||
})();
|
||||
</script>
|
||||
<link rel="stylesheet" href="/styles.css?v=20260726d">
|
||||
<link rel="stylesheet" href="/styles.css?v=20260923k">
|
||||
</head>
|
||||
<body>
|
||||
<div class="ambient" aria-hidden="true">
|
||||
<div class="ambient-glow"></div>
|
||||
<div class="ambient-orb ambient-orb--a"></div>
|
||||
<div class="ambient-orb ambient-orb--b"></div>
|
||||
</div>
|
||||
|
||||
<header class="site-header">
|
||||
<div class="container header-inner">
|
||||
|
|
@ -110,10 +106,6 @@
|
|||
_
|
||||
<a href="/" data-set-lang="ru">RU</a>
|
||||
</nav>
|
||||
<button class="theme-toggle" id="themeToggle" aria-label="Перемкнути тему">
|
||||
<svg class="icon-sun" viewBox="0 0 24 24" width="20" height="20"><circle cx="12" cy="12" r="5"></circle><g stroke-width="2"><line x1="12" y1="1" x2="12" y2="4"></line><line x1="12" y1="20" x2="12" y2="23"></line><line x1="4.2" y1="4.2" x2="6.3" y2="6.3"></line><line x1="17.7" y1="17.7" x2="19.8" y2="19.8"></line><line x1="1" y1="12" x2="4" y2="12"></line><line x1="20" y1="12" x2="23" y2="12"></line><line x1="4.2" y1="19.8" x2="6.3" y2="17.7"></line><line x1="17.7" y1="6.3" x2="19.8" y2="4.2"></line></g></svg>
|
||||
<svg class="icon-moon" viewBox="0 0 24 24" width="20" height="20"><path d="M21 12.8A9 9 0 1111.2 3a7 7 0 009.8 9.8z"></path></svg>
|
||||
</button>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
|
|
@ -124,7 +116,7 @@
|
|||
<div class="hero-brand">
|
||||
<div class="hero-brand-inner" id="heroBrandInner">
|
||||
<div class="hero-brand-lockup">
|
||||
<h1 class="logo">428th</h1>
|
||||
<h1 class="logo" data-text="428th">428th</h1>
|
||||
<p class="tagline">Crypto _ Trading _ Wealth Management</p>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -138,7 +130,7 @@
|
|||
<a href="#autotrade">Автотрейдинг</a>
|
||||
<a href="#fund">Фонд</a>
|
||||
<a href="#streams">Стріми для адмінів</a>
|
||||
<a href="#contact" class="nav-cta">Написати в ЛС →</a>
|
||||
<a href="#contact" class="nav-cta"><span>Написати в ЛС</span><span class="btn-arrow" aria-hidden="true">→</span></a>
|
||||
</nav>
|
||||
</div>
|
||||
</section>
|
||||
|
|
@ -163,10 +155,9 @@
|
|||
<div class="team-card team-card--ivan">
|
||||
<h3>Іван</h3>
|
||||
<ul class="dash-list">
|
||||
<li>Фундаментальний аналіз і макроекономіка</li>
|
||||
<li>Ринок передбачень (Polymarket)</li>
|
||||
<li>Інвестиції в цінність</li>
|
||||
<li>Позиційна торгівля класичних ринків</li>
|
||||
<li>ФА і макро</li>
|
||||
<li>Polymarket</li>
|
||||
<li>Інвестиції</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="team-card team-card--andrey">
|
||||
|
|
@ -379,7 +370,7 @@
|
|||
<p>Напишіть — розберемо вашу ситуацію і знайдемо рішення. <span class="fw-400">По-братськи.</span></p>
|
||||
|
||||
<a class="btn-outline" href="https://t.me/artemium" target="_blank" rel="noopener">
|
||||
<span>Telegram @artemium</span> →
|
||||
<span>Telegram @artemium</span><span class="btn-arrow" aria-hidden="true">→</span>
|
||||
</a>
|
||||
|
||||
<button class="link-underline" id="openContactForm"><span class="fw-400">Хочете анонімно?</span> Ось форма для зв'язку</button>
|
||||
|
|
@ -455,7 +446,7 @@
|
|||
</div>
|
||||
|
||||
<link rel="stylesheet" href="/fonts/inter.css">
|
||||
<script src="/common.js"></script>
|
||||
<script src="/common.js?v=20260923d"></script>
|
||||
<script src="/app.js"></script>
|
||||
|
||||
</body>
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="uk" data-theme="light" data-page-lang="ua">
|
||||
<html lang="uk" data-page-lang="ua">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
|
|
@ -32,15 +32,6 @@
|
|||
<link rel="apple-touch-icon" href="/apple-touch-icon.png" sizes="180x180">
|
||||
<meta name="theme-color" content="#C4622A">
|
||||
<script>
|
||||
(function () {
|
||||
var saved = localStorage.getItem('theme');
|
||||
var theme = (saved === 'light' || saved === 'dark')
|
||||
? saved
|
||||
: (window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light');
|
||||
document.documentElement.setAttribute('data-theme', theme);
|
||||
})();
|
||||
</script>
|
||||
<script>
|
||||
(function () {
|
||||
var pageLang = document.documentElement.getAttribute('data-page-lang');
|
||||
var saved = localStorage.getItem('lang');
|
||||
|
|
@ -97,9 +88,14 @@
|
|||
}
|
||||
})();
|
||||
</script>
|
||||
<link rel="stylesheet" href="/styles.css?v=20260726d">
|
||||
<link rel="stylesheet" href="/styles.css?v=20260923k">
|
||||
</head>
|
||||
<body>
|
||||
<div class="ambient" aria-hidden="true">
|
||||
<div class="ambient-glow"></div>
|
||||
<div class="ambient-orb ambient-orb--a"></div>
|
||||
<div class="ambient-orb ambient-orb--b"></div>
|
||||
</div>
|
||||
|
||||
<header class="site-header">
|
||||
<div class="container header-inner">
|
||||
|
|
@ -112,10 +108,6 @@
|
|||
</nav>
|
||||
<div class="header-actions">
|
||||
<a href="/ua/" class="home-link">HOME PAGE</a>
|
||||
<button class="theme-toggle" id="themeToggle" aria-label="Перемкнути тему">
|
||||
<svg class="icon-sun" viewBox="0 0 24 24" width="20" height="20"><circle cx="12" cy="12" r="5"></circle><g stroke-width="2"><line x1="12" y1="1" x2="12" y2="4"></line><line x1="12" y1="20" x2="12" y2="23"></line><line x1="4.2" y1="4.2" x2="6.3" y2="6.3"></line><line x1="17.7" y1="17.7" x2="19.8" y2="19.8"></line><line x1="1" y1="12" x2="4" y2="12"></line><line x1="20" y1="12" x2="23" y2="12"></line><line x1="4.2" y1="19.8" x2="6.3" y2="17.7"></line><line x1="17.7" y1="6.3" x2="19.8" y2="4.2"></line></g></svg>
|
||||
<svg class="icon-moon" viewBox="0 0 24 24" width="20" height="20"><path d="M21 12.8A9 9 0 1111.2 3a7 7 0 009.8 9.8z"></path></svg>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
|
@ -126,14 +118,14 @@
|
|||
<div class="terminal-stage">
|
||||
<div class="terminal-brand">
|
||||
<div class="terminal-brand-inner" id="terminalBrandInner">
|
||||
<h1 class="terminal-logo"><span class="accent">428th</span><span class="terminal-logo-main">Terminal</span></h1>
|
||||
<h1 class="terminal-logo"><span class="accent">428th</span><span class="terminal-logo-main" data-text="Terminal">Terminal</span></h1>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<nav class="main-nav terminal-nav" aria-label="Розділи">
|
||||
<a href="#functionality">Функціонал</a>
|
||||
<a href="#pricing">Ціни</a>
|
||||
<a href="#contact" class="nav-cta">Написати в ЛС →</a>
|
||||
<a href="#contact" class="nav-cta"><span>Написати в ЛС</span><span class="btn-arrow" aria-hidden="true">→</span></a>
|
||||
</nav>
|
||||
</div>
|
||||
</section>
|
||||
|
|
@ -228,7 +220,7 @@
|
|||
<p>Напишіть — розберемо вашу ситуацію і знайдемо рішення. <span class="fw-400">По-братськи.</span></p>
|
||||
|
||||
<a class="btn-outline" href="https://t.me/artemium" target="_blank" rel="noopener">
|
||||
<span>Telegram @artemium</span> →
|
||||
<span>Telegram @artemium</span><span class="btn-arrow" aria-hidden="true">→</span>
|
||||
</a>
|
||||
|
||||
<button class="link-underline" id="openContactForm"><span class="fw-400">Хочете анонімно?</span> Ось форма для зв'язку</button>
|
||||
|
|
@ -304,7 +296,7 @@
|
|||
</div>
|
||||
|
||||
<link rel="stylesheet" href="/fonts/inter.css">
|
||||
<script src="/common.js"></script>
|
||||
<script src="/common.js?v=20260923d"></script>
|
||||
<script src="/terminal.js"></script>
|
||||
|
||||
</body>
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue