048cb673e0
Старый favicon.svg (стилизованная «A» от скаффолдинга) заменён на оптимизированный для 16-32px вариант logo-mark: кривые-отражения + точка на тёмном фоне, тот же градиент #b794ff→#6c4ed4. - public/favicon.svg — новый 64×64 viewBox, утолщённые штрихи - public/favicon.ico — 32×32 (sharp → PNG-in-ICO) - public/apple-touch-icon.png — 180×180 для iOS - scripts/build-favicon.mjs + npm run build:favicon - BaseLayout: добавлены <link> на ico (fallback) и apple-touch-icon
168 lines
6.0 KiB
Plaintext
168 lines
6.0 KiB
Plaintext
---
|
||
import '../styles/global.css';
|
||
import { SITE_TITLE, SITE_DESCRIPTION, SITE_URL, SITE_LANG, SITE_FOUNDED, MAIN_NAV, SOCIAL } from '../consts';
|
||
import BrandMark from '../components/BrandMark.astro';
|
||
import SocialLinks from '../components/SocialLinks.astro';
|
||
import Analytics from '../components/Analytics.astro';
|
||
import CookieConsent from '../components/CookieConsent.astro';
|
||
|
||
interface Props {
|
||
title?: string;
|
||
description?: string;
|
||
ogType?: 'website' | 'article';
|
||
}
|
||
|
||
const { title, description, ogType = 'website' } = Astro.props;
|
||
const pageTitle = title ? `${title} — ${SITE_TITLE}` : SITE_TITLE;
|
||
const pageDesc = description || SITE_DESCRIPTION;
|
||
const canonical = new URL(Astro.url.pathname, SITE_URL).toString();
|
||
const year = new Date().getFullYear();
|
||
|
||
const ogImage = new URL('/og-image.png', SITE_URL).toString();
|
||
const logoUrl = new URL('/logo.svg', SITE_URL).toString();
|
||
const jsonLd = [
|
||
{
|
||
'@context': 'https://schema.org',
|
||
'@type': 'WebSite',
|
||
'@id': `${SITE_URL}/#website`,
|
||
name: SITE_TITLE,
|
||
url: SITE_URL,
|
||
inLanguage: SITE_LANG,
|
||
description: SITE_DESCRIPTION,
|
||
publisher: { '@id': `${SITE_URL}/#org` },
|
||
// creator — тех-партнёр, разработчик сайта (hhivp.com). Entity-сигнал
|
||
// для AI Overviews / Я.Нейро о связи между сайтом и его создателем.
|
||
creator: {
|
||
'@type': 'Organization',
|
||
'@id': 'https://hhivp.com/#organization',
|
||
name: 'ООО «АйТи Решения»',
|
||
url: 'https://hhivp.com/',
|
||
sameAs: ['https://hhivp.com'],
|
||
},
|
||
potentialAction: {
|
||
'@type': 'SearchAction',
|
||
target: `${SITE_URL}/?s={query}`,
|
||
'query-input': 'required name=query',
|
||
},
|
||
},
|
||
{
|
||
'@context': 'https://schema.org',
|
||
'@type': 'NewsMediaOrganization',
|
||
'@id': `${SITE_URL}/#org`,
|
||
name: SITE_TITLE,
|
||
url: SITE_URL,
|
||
logo: logoUrl,
|
||
image: ogImage,
|
||
description: SITE_DESCRIPTION,
|
||
foundingDate: String(SITE_FOUNDED),
|
||
sameAs: Object.values(SOCIAL).map((s) => s.url),
|
||
},
|
||
];
|
||
---
|
||
<!doctype html>
|
||
<html lang={SITE_LANG}>
|
||
<head>
|
||
<meta charset="utf-8" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||
<title>{pageTitle}</title>
|
||
<meta name="description" content={pageDesc} />
|
||
<meta name="theme-color" content="#07090f" />
|
||
<link rel="canonical" href={canonical} />
|
||
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
|
||
<link rel="icon" type="image/x-icon" href="/favicon.ico" sizes="32x32" />
|
||
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
|
||
|
||
<meta property="og:type" content={ogType} />
|
||
<meta property="og:title" content={pageTitle} />
|
||
<meta property="og:description" content={pageDesc} />
|
||
<meta property="og:url" content={canonical} />
|
||
<meta property="og:site_name" content={SITE_TITLE} />
|
||
<meta property="og:locale" content="ru_RU" />
|
||
<meta property="og:image" content={new URL('/og-image.png', SITE_URL).toString()} />
|
||
<meta property="og:image:width" content="1200" />
|
||
<meta property="og:image:height" content="630" />
|
||
<meta property="og:image:alt" content={`${SITE_TITLE} — ${SITE_DESCRIPTION}`} />
|
||
<meta name="twitter:card" content="summary_large_image" />
|
||
<meta name="twitter:title" content={pageTitle} />
|
||
<meta name="twitter:description" content={pageDesc} />
|
||
<meta name="twitter:image" content={new URL('/og-image.png', SITE_URL).toString()} />
|
||
|
||
<link rel="alternate" type="application/rss+xml" title={`${SITE_TITLE} — RSS`} href="/feed.xml" />
|
||
|
||
<script type="application/ld+json" is:inline set:html={JSON.stringify(jsonLd)} />
|
||
|
||
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
||
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Cormorant+Garamond:wght@500;600;700&display=swap" rel="stylesheet" />
|
||
|
||
<Analytics />
|
||
|
||
<!--
|
||
Speculation Rules API (Chromium 122+) — prerender same-origin pages on
|
||
hover/pointerdown for near-instant navigation. Rules are static JSON,
|
||
no user input → safe inline.
|
||
-->
|
||
<script type="speculationrules" is:inline set:html={JSON.stringify({
|
||
prerender: [
|
||
{
|
||
where: {
|
||
and: [
|
||
{ href_matches: '/*' },
|
||
{ not: { href_matches: '/assets/*' } },
|
||
{ not: { href_matches: '/sitemap*' } },
|
||
{ not: { href_matches: '/feed*' } },
|
||
{ not: { href_matches: '/llms*' } }
|
||
]
|
||
},
|
||
eagerness: 'moderate'
|
||
}
|
||
]
|
||
})} />
|
||
</head>
|
||
<body>
|
||
<header class="site-header">
|
||
<div class="site-header-inner">
|
||
<div class="site-brand">
|
||
<a href="/" style="display:inline-flex;align-items:center;gap:.7rem;border-bottom:none;">
|
||
<BrandMark size={32} />
|
||
<h1 class="site-title"><span>{SITE_TITLE}</span></h1>
|
||
</a>
|
||
</div>
|
||
<nav>
|
||
<ul class="site-nav">
|
||
{MAIN_NAV.map((item) => (
|
||
<li><a href={item.href}>{item.label}</a></li>
|
||
))}
|
||
</ul>
|
||
</nav>
|
||
</div>
|
||
</header>
|
||
|
||
<main>
|
||
<slot />
|
||
<SocialLinks />
|
||
</main>
|
||
|
||
<footer class="site-footer">
|
||
<span class="footer-ornament"></span>
|
||
<p>© 2006–{year} · {SITE_TITLE}</p>
|
||
<p>
|
||
<a href="/feed.xml">RSS</a> ·
|
||
<a href="/sitemap-index.xml">Sitemap</a> ·
|
||
<a href="/privacy/">Политика конфиденциальности</a> ·
|
||
<a href="/kontakty/">Контакты</a>
|
||
</p>
|
||
<p class="dev-credit">
|
||
<a href="https://hhivp.com/" target="_blank" rel="noopener" class="hhivp-credit" aria-label="Сделано в hhivp.com">
|
||
<span class="hhivp-credit-mark" aria-hidden="true">
|
||
<img src="/hhivp-mark.svg" alt="" width="20" height="20" />
|
||
</span>
|
||
<span class="hhivp-credit-text">Сделано в hhivp.com</span>
|
||
</a>
|
||
</p>
|
||
</footer>
|
||
|
||
<CookieConsent />
|
||
</body>
|
||
</html>
|