From 89c5d83a6fe3d0447aade4a8826f1ac58299d85f Mon Sep 17 00:00:00 2001 From: eduard256 Date: Wed, 8 Apr 2026 09:30:31 +0000 Subject: [PATCH] Refine HomeKit page: add Apple HomeKit logo, centered layout, back button Replace text-only header with official HomeKit house icon and "Apple HomeKit" label. Pin input centered on screen, back button aligned to container edge. Remove device info table and decorative elements for a cleaner look matching the rest of the frontend. --- www/homekit.html | 65 ++++++++++++++++++++++++++++++++++++++++-------- 1 file changed, 54 insertions(+), 11 deletions(-) diff --git a/www/homekit.html b/www/homekit.html index acd90e3..ba5c5b9 100644 --- a/www/homekit.html +++ b/www/homekit.html @@ -57,17 +57,41 @@ .container { max-width: 540px; } } - .hero { text-align: center; margin-bottom: 3rem; } - - .title { - font-size: 4rem; font-weight: 700; - letter-spacing: 0.1em; margin-bottom: 0.5rem; - background: linear-gradient(135deg, var(--purple-light), var(--purple-primary)); - -webkit-background-clip: text; -webkit-text-fill-color: transparent; - background-clip: text; + .back-wrapper { + position: absolute; top: 1.5rem; + left: 50%; transform: translateX(-50%); + width: 100%; max-width: 480px; + padding: 0 1.5rem; + z-index: 10; } - .subtitle { font-size: 0.875rem; color: var(--text-secondary); } + @media (min-width: 768px) { + .back-wrapper { max-width: 540px; } + } + + .btn-back { + display: inline-flex; align-items: center; gap: 0.5rem; + background: none; border: none; + color: var(--text-secondary); font-size: 0.875rem; + font-family: var(--font-primary); cursor: pointer; + padding: 0.5rem 0; + transition: color var(--transition-fast); + } + .btn-back:hover { color: var(--purple-primary); } + + .hero { text-align: center; margin-bottom: 2.5rem; } + + .title { + font-size: 1.25rem; font-weight: 600; + letter-spacing: 0.03em; + color: var(--text-primary); + } + + .homekit-logo { + width: 72px; height: 72px; + margin: 0 auto; + filter: drop-shadow(0 4px 16px rgba(255, 171, 31, 0.3)); + } .form-group { margin-bottom: 1.5rem; } @@ -75,7 +99,6 @@ display: flex; align-items: center; gap: 0.5rem; font-size: 0.875rem; font-weight: 500; color: var(--text-secondary); margin-bottom: 0.75rem; - justify-content: center; } /* Info icon + tooltip */ @@ -244,10 +267,26 @@ +
+ +
+
-

HOME KIT

+ +

Apple HomeKit

@@ -493,6 +532,10 @@ } // navigation + document.getElementById('btn-back').addEventListener('click', function() { + window.location.href = 'index.html'; + }); + document.getElementById('btn-standard').addEventListener('click', function() { var p = new URLSearchParams(); if (ip) p.set('ip', ip);