website: small cleanup

gdlbo · gdlbo · commit 7254b2e2a357 · 2026-07-06T13:35:32.000+03:00
diff --git a/website/index.html b/website/index.html
@@ -76,8 +76,6 @@
     <script src="./app.js" defer></script>
   </head>
   <body>
-    <a class="skip-link" href="#main" data-i18n="nav.skip">Skip to content</a>
-
     <header class="top-bar" data-scrolled="false">
       <div class="top-bar__inner">
         <a class="brand" href="#top" aria-label="Monogram">
diff --git a/website/styles.css b/website/styles.css
@@ -117,34 +117,12 @@ p {
   outline-offset: 4px;
 }
 
-.skip-link {
-  position: fixed;
-  top: 16px;
-  left: 16px;
-  z-index: 30;
-  padding: 10px 14px;
-  color: var(--md-sys-color-on-primary);
-  background: var(--md-sys-color-primary);
-  border-radius: 999px;
-  transform: translateY(-140%);
-  transition: transform 160ms ease;
-}
-
-.skip-link:focus {
-  transform: translateY(0);
-}
-
 .top-bar {
   position: sticky;
   top: 0;
   z-index: 20;
   min-height: var(--top-bar-height);
   padding: 18px 0 12px;
-  transition: background-color 180ms ease;
-}
-
-.top-bar[data-scrolled="true"] {
-  background: color-mix(in srgb, var(--md-sys-color-surface) 88%, transparent);
 }
 
 .top-bar__inner,
@@ -166,10 +144,6 @@ p {
   transition: background-color 180ms ease;
 }
 
-.top-bar[data-scrolled="true"] .top-bar__inner {
-  background: var(--md-sys-color-surface-container-low);
-}
-
 .brand {
   display: inline-flex;
   align-items: center;
@@ -354,7 +328,7 @@ md-filter-chip.lang-switch__chip::part(selected-icon) {
 
 .hero {
   min-height: calc(100svh - var(--top-bar-height));
-  padding-top: 20px;
+  padding-top: 14px;
 }
 
 .screenshots {
@@ -471,8 +445,8 @@ md-filter-chip.lang-switch__chip::part(selected-icon) {
 }
 
 .button-icon-circle--telegram {
-  color: #ffffff;
-  background: #229ed9;
+  color: #f6fbff;
+  background: #5a9fc2;
 }
 
 .button-icon-circle--release {
@@ -992,7 +966,7 @@ md-filter-chip.lang-switch__chip::part(selected-icon) {
   }
 
   .hero {
-    padding-top: 8px;
+    padding-top: 4px;
   }
 
   .hero-shell {
diff --git a/website/translations.js b/website/translations.js
@@ -3,7 +3,6 @@ window.MONOGRAM_TRANSLATIONS = {
     "meta.title": "Monogram for Android",
     "meta.description": "Fast, polished unofficial Telegram client for Android with Material 3 design and TDLib under the hood",
     "meta.previewAlt": "Monogram preview showing the Android chat list on a phone screen with the Monogram logo",
-    "nav.skip": "Skip to content",
     "brand.logoAlt": "Monogram logo",
     "brand.tagline": "Telegram for Android",
     "lang.switcher": "Language switcher",
@@ -29,7 +28,6 @@ window.MONOGRAM_TRANSLATIONS = {
     "meta.title": "Monogram для Android",
     "meta.description": "Быстрый и аккуратный неофициальный Telegram-клиент для Android с дизайном Material 3 и TDLib под капотом",
     "meta.previewAlt": "Превью Monogram: список чатов Android-приложения на экране телефона и логотип Monogram",
-    "nav.skip": "Перейти к содержимому",
     "brand.logoAlt": "Логотип Monogram",
     "brand.tagline": "Telegram для Android",
     "lang.switcher": "Переключатель языка",
@@ -55,7 +53,6 @@ window.MONOGRAM_TRANSLATIONS = {
     "meta.title": "Monogram Android 版",
     "meta.description": "快速精致的 Android 非官方 Telegram 客户端，采用 Material 3 设计，并基于 TDLib 构建",
     "meta.previewAlt": "Monogram 预览图，展示手机屏幕上的 Android 聊天列表和 Monogram 标志",
-    "nav.skip": "跳转到内容",
     "brand.logoAlt": "Monogram 标志",
     "brand.tagline": "Android 版 Telegram",
     "lang.switcher": "语言切换",
