Add files via upload

This commit is contained in:
Kenneth Hendricks 2026-01-25 15:12:53 -05:00 committed by GitHub
parent ee4c0fd7db
commit b9ab108691
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
9 changed files with 705 additions and 61 deletions

View file

@ -266,5 +266,93 @@
"autoDetect": {
"message": "Automatisch erkennen",
"description": "Auto-detect language option"
},
"welcomeTitle": {
"message": "Willkommen bei FMHY SafeGuard",
"description": "Welcome page title"
},
"welcomeSubtitle": {
"message": "Lassen Sie uns Sie für sicheres Surfen einrichten",
"description": "Welcome page subtitle"
},
"welcomeStep1Title": {
"message": "Erweiterung an Symbolleiste anheften",
"description": "Welcome step 1 title"
},
"welcomeStep1Desc": {
"message": "Für schnellen Zugriff heften Sie FMHY SafeGuard an Ihre Browser-Symbolleiste:",
"description": "Welcome step 1 description"
},
"welcomeStep1Item1": {
"message": "Klicken Sie auf das Erweiterungsmenü (Puzzleteil-Symbol) in Ihrer Symbolleiste",
"description": "Welcome step 1 item 1"
},
"welcomeStep1Item2": {
"message": "Finden Sie \"FMHY SafeGuard\" in der Liste",
"description": "Welcome step 1 item 2"
},
"welcomeStep1Item3": {
"message": "Klicken Sie auf das Pin-Symbol oder rechtsklicken Sie und wählen Sie \"An Symbolleiste anheften\"",
"description": "Welcome step 1 item 3"
},
"welcomeStep2Title": {
"message": "So funktioniert es",
"description": "Welcome step 2 title"
},
"welcomeStep2Desc": {
"message": "FMHY SafeGuard überprüft Websites automatisch anhand unserer Sicherheitsdatenbank:",
"description": "Welcome step 2 description"
},
"welcomeStep2Item1": {
"message": "Blockiert den Zugang zu bekannten unsicheren Seiten",
"description": "Welcome step 2 item 1"
},
"welcomeStep2Item2": {
"message": "Zeigt Warnungen für potenziell unsichere Seiten",
"description": "Welcome step 2 item 2"
},
"welcomeStep2Item3": {
"message": "Identifiziert vertrauenswürdige sichere Seiten",
"description": "Welcome step 2 item 3"
},
"welcomeStep2Item4": {
"message": "Zeigt FMHY-Wiki-Notizen für zugeordnete Seiten",
"description": "Welcome step 2 item 4"
},
"welcomeStep2Item5": {
"message": "Zeigt Gründe an, warum Seiten als unsicher markiert sind",
"description": "Welcome step 2 item 5"
},
"welcomeIconDesc": {
"message": "Die Farbe des Erweiterungssymbols zeigt den Status der aktuellen Seite an:",
"description": "Welcome icon description"
},
"welcomeStep3Title": {
"message": "Einstellungen anpassen",
"description": "Welcome step 3 title"
},
"welcomeStep3Desc": {
"message": "Konfigurieren Sie die Erweiterung nach Ihren Wünschen:",
"description": "Welcome step 3 description"
},
"welcomeStep3Item1": {
"message": "Wählen Sie helles, dunkles oder AMOLED-Design",
"description": "Welcome step 3 item 1"
},
"welcomeStep3Item2": {
"message": "Wählen Sie Ihre bevorzugte Sprache (7 verfügbar)",
"description": "Welcome step 3 item 2"
},
"welcomeStep3Item3": {
"message": "Warnseiten aktivieren/deaktivieren",
"description": "Welcome step 3 item 3"
},
"welcomeStep3Item4": {
"message": "Automatische Aktualisierungshäufigkeit festlegen",
"description": "Welcome step 3 item 4"
},
"welcomeStep3Item5": {
"message": "Link-Hervorhebungsfarben anpassen",
"description": "Welcome step 3 item 5"
}
}

View file

@ -266,5 +266,93 @@
"autoDetect": {
"message": "Auto-detect",
"description": "Auto-detect language option"
},
"welcomeTitle": {
"message": "Welcome to FMHY SafeGuard",
"description": "Welcome page title"
},
"welcomeSubtitle": {
"message": "Let's get you set up to browse safely",
"description": "Welcome page subtitle"
},
"welcomeStep1Title": {
"message": "Pin Extension to Toolbar",
"description": "Welcome step 1 title"
},
"welcomeStep1Desc": {
"message": "For quick access, pin FMHY SafeGuard to your browser toolbar:",
"description": "Welcome step 1 description"
},
"welcomeStep1Item1": {
"message": "Click the extensions menu (puzzle piece icon) in your toolbar",
"description": "Welcome step 1 item 1"
},
"welcomeStep1Item2": {
"message": "Find \"FMHY SafeGuard\" in the list",
"description": "Welcome step 1 item 2"
},
"welcomeStep1Item3": {
"message": "Click the pin icon next to it or right-click it and select \"Pin to Toolbar\"",
"description": "Welcome step 1 item 3"
},
"welcomeStep2Title": {
"message": "How It Works",
"description": "Welcome step 2 title"
},
"welcomeStep2Desc": {
"message": "FMHY SafeGuard automatically checks websites against our security database:",
"description": "Welcome step 2 description"
},
"welcomeStep2Item1": {
"message": "Blocks access to known unsafe sites",
"description": "Welcome step 2 item 1"
},
"welcomeStep2Item2": {
"message": "Shows warnings for potentially unsafe sites",
"description": "Welcome step 2 item 2"
},
"welcomeStep2Item3": {
"message": "Identifies trusted safe sites",
"description": "Welcome step 2 item 3"
},
"welcomeStep2Item4": {
"message": "Shows FMHY wiki notes for mapped sites",
"description": "Welcome step 2 item 4"
},
"welcomeStep2Item5": {
"message": "Displays reasons why sites are flagged unsafe",
"description": "Welcome step 2 item 5"
},
"welcomeIconDesc": {
"message": "The extension icon color indicates the current site's status:",
"description": "Welcome icon description"
},
"welcomeStep3Title": {
"message": "Customize Your Settings",
"description": "Welcome step 3 title"
},
"welcomeStep3Desc": {
"message": "Configure the extension to work best for you:",
"description": "Welcome step 3 description"
},
"welcomeStep3Item1": {
"message": "Choose light, dark, or AMOLED theme",
"description": "Welcome step 3 item 1"
},
"welcomeStep3Item2": {
"message": "Select your preferred language (7 available)",
"description": "Welcome step 3 item 2"
},
"welcomeStep3Item3": {
"message": "Enable/disable warning pages",
"description": "Welcome step 3 item 3"
},
"welcomeStep3Item4": {
"message": "Set automatic update frequency",
"description": "Welcome step 3 item 4"
},
"welcomeStep3Item5": {
"message": "Customize link highlighting colors",
"description": "Welcome step 3 item 5"
}
}

View file

@ -266,5 +266,93 @@
"autoDetect": {
"message": "Detectar automáticamente",
"description": "Auto-detect language option"
},
"welcomeTitle": {
"message": "Bienvenido a FMHY SafeGuard",
"description": "Welcome page title"
},
"welcomeSubtitle": {
"message": "Vamos a configurarte para navegar de forma segura",
"description": "Welcome page subtitle"
},
"welcomeStep1Title": {
"message": "Fijar extensión a la barra de herramientas",
"description": "Welcome step 1 title"
},
"welcomeStep1Desc": {
"message": "Para acceso rápido, fija FMHY SafeGuard a la barra de herramientas de tu navegador:",
"description": "Welcome step 1 description"
},
"welcomeStep1Item1": {
"message": "Haz clic en el menú de extensiones (icono de pieza de puzzle) en tu barra de herramientas",
"description": "Welcome step 1 item 1"
},
"welcomeStep1Item2": {
"message": "Encuentra \"FMHY SafeGuard\" en la lista",
"description": "Welcome step 1 item 2"
},
"welcomeStep1Item3": {
"message": "Haz clic en el icono de pin o haz clic derecho y selecciona \"Fijar a la barra de herramientas\"",
"description": "Welcome step 1 item 3"
},
"welcomeStep2Title": {
"message": "Cómo funciona",
"description": "Welcome step 2 title"
},
"welcomeStep2Desc": {
"message": "FMHY SafeGuard verifica automáticamente los sitios web contra nuestra base de datos de seguridad:",
"description": "Welcome step 2 description"
},
"welcomeStep2Item1": {
"message": "Bloquea el acceso a sitios inseguros conocidos",
"description": "Welcome step 2 item 1"
},
"welcomeStep2Item2": {
"message": "Muestra advertencias para sitios potencialmente inseguros",
"description": "Welcome step 2 item 2"
},
"welcomeStep2Item3": {
"message": "Identifica sitios seguros de confianza",
"description": "Welcome step 2 item 3"
},
"welcomeStep2Item4": {
"message": "Muestra notas de la wiki FMHY para sitios mapeados",
"description": "Welcome step 2 item 4"
},
"welcomeStep2Item5": {
"message": "Muestra razones por las que los sitios están marcados como inseguros",
"description": "Welcome step 2 item 5"
},
"welcomeIconDesc": {
"message": "El color del icono de la extensión indica el estado del sitio actual:",
"description": "Welcome icon description"
},
"welcomeStep3Title": {
"message": "Personaliza tu configuración",
"description": "Welcome step 3 title"
},
"welcomeStep3Desc": {
"message": "Configura la extensión para que funcione mejor para ti:",
"description": "Welcome step 3 description"
},
"welcomeStep3Item1": {
"message": "Elige tema claro, oscuro o AMOLED",
"description": "Welcome step 3 item 1"
},
"welcomeStep3Item2": {
"message": "Selecciona tu idioma preferido (7 disponibles)",
"description": "Welcome step 3 item 2"
},
"welcomeStep3Item3": {
"message": "Activa/desactiva páginas de advertencia",
"description": "Welcome step 3 item 3"
},
"welcomeStep3Item4": {
"message": "Establece la frecuencia de actualización automática",
"description": "Welcome step 3 item 4"
},
"welcomeStep3Item5": {
"message": "Personaliza los colores de resaltado de enlaces",
"description": "Welcome step 3 item 5"
}
}

View file

@ -266,5 +266,93 @@
"autoDetect": {
"message": "Détection automatique",
"description": "Auto-detect language option"
},
"welcomeTitle": {
"message": "Bienvenue sur FMHY SafeGuard",
"description": "Welcome page title"
},
"welcomeSubtitle": {
"message": "Configurons-vous pour naviguer en toute sécurité",
"description": "Welcome page subtitle"
},
"welcomeStep1Title": {
"message": "Épingler l'extension à la barre d'outils",
"description": "Welcome step 1 title"
},
"welcomeStep1Desc": {
"message": "Pour un accès rapide, épinglez FMHY SafeGuard à la barre d'outils de votre navigateur :",
"description": "Welcome step 1 description"
},
"welcomeStep1Item1": {
"message": "Cliquez sur le menu des extensions (icône de pièce de puzzle) dans votre barre d'outils",
"description": "Welcome step 1 item 1"
},
"welcomeStep1Item2": {
"message": "Trouvez \"FMHY SafeGuard\" dans la liste",
"description": "Welcome step 1 item 2"
},
"welcomeStep1Item3": {
"message": "Cliquez sur l'icône d'épingle ou faites un clic droit et sélectionnez \"Épingler à la barre d'outils\"",
"description": "Welcome step 1 item 3"
},
"welcomeStep2Title": {
"message": "Comment ça marche",
"description": "Welcome step 2 title"
},
"welcomeStep2Desc": {
"message": "FMHY SafeGuard vérifie automatiquement les sites web dans notre base de données de sécurité :",
"description": "Welcome step 2 description"
},
"welcomeStep2Item1": {
"message": "Bloque l'accès aux sites dangereux connus",
"description": "Welcome step 2 item 1"
},
"welcomeStep2Item2": {
"message": "Affiche des avertissements pour les sites potentiellement dangereux",
"description": "Welcome step 2 item 2"
},
"welcomeStep2Item3": {
"message": "Identifie les sites sûrs de confiance",
"description": "Welcome step 2 item 3"
},
"welcomeStep2Item4": {
"message": "Affiche les notes du wiki FMHY pour les sites mappés",
"description": "Welcome step 2 item 4"
},
"welcomeStep2Item5": {
"message": "Affiche les raisons pour lesquelles les sites sont signalés comme dangereux",
"description": "Welcome step 2 item 5"
},
"welcomeIconDesc": {
"message": "La couleur de l'icône de l'extension indique le statut du site actuel :",
"description": "Welcome icon description"
},
"welcomeStep3Title": {
"message": "Personnalisez vos paramètres",
"description": "Welcome step 3 title"
},
"welcomeStep3Desc": {
"message": "Configurez l'extension pour qu'elle fonctionne au mieux pour vous :",
"description": "Welcome step 3 description"
},
"welcomeStep3Item1": {
"message": "Choisissez un thème clair, sombre ou AMOLED",
"description": "Welcome step 3 item 1"
},
"welcomeStep3Item2": {
"message": "Sélectionnez votre langue préférée (7 disponibles)",
"description": "Welcome step 3 item 2"
},
"welcomeStep3Item3": {
"message": "Activer/désactiver les pages d'avertissement",
"description": "Welcome step 3 item 3"
},
"welcomeStep3Item4": {
"message": "Définir la fréquence de mise à jour automatique",
"description": "Welcome step 3 item 4"
},
"welcomeStep3Item5": {
"message": "Personnaliser les couleurs de mise en évidence des liens",
"description": "Welcome step 3 item 5"
}
}

View file

@ -266,5 +266,93 @@
"autoDetect": {
"message": "自動検出",
"description": "Auto-detect language option"
},
"welcomeTitle": {
"message": "FMHY SafeGuardへようこそ",
"description": "Welcome page title"
},
"welcomeSubtitle": {
"message": "安全なブラウジングの設定をしましょう",
"description": "Welcome page subtitle"
},
"welcomeStep1Title": {
"message": "拡張機能をツールバーに固定",
"description": "Welcome step 1 title"
},
"welcomeStep1Desc": {
"message": "素早くアクセスするために、FMHY SafeGuardをブラウザのツールバーに固定してください",
"description": "Welcome step 1 description"
},
"welcomeStep1Item1": {
"message": "ツールバーの拡張機能メニュー(パズルピースのアイコン)をクリック",
"description": "Welcome step 1 item 1"
},
"welcomeStep1Item2": {
"message": "リストから「FMHY SafeGuard」を見つける",
"description": "Welcome step 1 item 2"
},
"welcomeStep1Item3": {
"message": "ピンアイコンをクリックするか、右クリックして「ツールバーに固定」を選択",
"description": "Welcome step 1 item 3"
},
"welcomeStep2Title": {
"message": "仕組み",
"description": "Welcome step 2 title"
},
"welcomeStep2Desc": {
"message": "FMHY SafeGuardはセキュリティデータベースに対してウェブサイトを自動的にチェックします",
"description": "Welcome step 2 description"
},
"welcomeStep2Item1": {
"message": "既知の危険なサイトへのアクセスをブロック",
"description": "Welcome step 2 item 1"
},
"welcomeStep2Item2": {
"message": "潜在的に危険なサイトに警告を表示",
"description": "Welcome step 2 item 2"
},
"welcomeStep2Item3": {
"message": "信頼できる安全なサイトを識別",
"description": "Welcome step 2 item 3"
},
"welcomeStep2Item4": {
"message": "マップされたサイトのFMHYウィキートを表示",
"description": "Welcome step 2 item 4"
},
"welcomeStep2Item5": {
"message": "サイトが危険とマークされた理由を表示",
"description": "Welcome step 2 item 5"
},
"welcomeIconDesc": {
"message": "拡張機能アイコンの色は現在のサイトのステータスを示します:",
"description": "Welcome icon description"
},
"welcomeStep3Title": {
"message": "設定をカスタマイズ",
"description": "Welcome step 3 title"
},
"welcomeStep3Desc": {
"message": "拡張機能を最適に動作するように設定してください:",
"description": "Welcome step 3 description"
},
"welcomeStep3Item1": {
"message": "ライト、ダーク、またはAMOLEDテーマを選択",
"description": "Welcome step 3 item 1"
},
"welcomeStep3Item2": {
"message": "お好みの言語を選択7言語対応",
"description": "Welcome step 3 item 2"
},
"welcomeStep3Item3": {
"message": "警告ページの有効/無効を切り替え",
"description": "Welcome step 3 item 3"
},
"welcomeStep3Item4": {
"message": "自動更新頻度を設定",
"description": "Welcome step 3 item 4"
},
"welcomeStep3Item5": {
"message": "リンクハイライトの色をカスタマイズ",
"description": "Welcome step 3 item 5"
}
}

View file

@ -266,5 +266,93 @@
"autoDetect": {
"message": "Detectar automaticamente",
"description": "Auto-detect language option"
},
"welcomeTitle": {
"message": "Bem-vindo ao FMHY SafeGuard",
"description": "Welcome page title"
},
"welcomeSubtitle": {
"message": "Vamos configurá-lo para navegar com segurança",
"description": "Welcome page subtitle"
},
"welcomeStep1Title": {
"message": "Fixar extensão na barra de ferramentas",
"description": "Welcome step 1 title"
},
"welcomeStep1Desc": {
"message": "Para acesso rápido, fixe o FMHY SafeGuard na barra de ferramentas do seu navegador:",
"description": "Welcome step 1 description"
},
"welcomeStep1Item1": {
"message": "Clique no menu de extensões (ícone de peça de puzzle) na sua barra de ferramentas",
"description": "Welcome step 1 item 1"
},
"welcomeStep1Item2": {
"message": "Encontre \"FMHY SafeGuard\" na lista",
"description": "Welcome step 1 item 2"
},
"welcomeStep1Item3": {
"message": "Clique no ícone de pin ou clique com o botão direito e selecione \"Fixar na barra de ferramentas\"",
"description": "Welcome step 1 item 3"
},
"welcomeStep2Title": {
"message": "Como funciona",
"description": "Welcome step 2 title"
},
"welcomeStep2Desc": {
"message": "O FMHY SafeGuard verifica automaticamente os sites contra nossa base de dados de segurança:",
"description": "Welcome step 2 description"
},
"welcomeStep2Item1": {
"message": "Bloqueia acesso a sites inseguros conhecidos",
"description": "Welcome step 2 item 1"
},
"welcomeStep2Item2": {
"message": "Mostra avisos para sites potencialmente inseguros",
"description": "Welcome step 2 item 2"
},
"welcomeStep2Item3": {
"message": "Identifica sites seguros confiáveis",
"description": "Welcome step 2 item 3"
},
"welcomeStep2Item4": {
"message": "Mostra notas da wiki FMHY para sites mapeados",
"description": "Welcome step 2 item 4"
},
"welcomeStep2Item5": {
"message": "Exibe razões pelas quais os sites são marcados como inseguros",
"description": "Welcome step 2 item 5"
},
"welcomeIconDesc": {
"message": "A cor do ícone da extensão indica o status do site atual:",
"description": "Welcome icon description"
},
"welcomeStep3Title": {
"message": "Personalize suas configurações",
"description": "Welcome step 3 title"
},
"welcomeStep3Desc": {
"message": "Configure a extensão para funcionar melhor para você:",
"description": "Welcome step 3 description"
},
"welcomeStep3Item1": {
"message": "Escolha tema claro, escuro ou AMOLED",
"description": "Welcome step 3 item 1"
},
"welcomeStep3Item2": {
"message": "Selecione seu idioma preferido (7 disponíveis)",
"description": "Welcome step 3 item 2"
},
"welcomeStep3Item3": {
"message": "Ativar/desativar páginas de aviso",
"description": "Welcome step 3 item 3"
},
"welcomeStep3Item4": {
"message": "Definir frequência de atualização automática",
"description": "Welcome step 3 item 4"
},
"welcomeStep3Item5": {
"message": "Personalizar cores de destaque de links",
"description": "Welcome step 3 item 5"
}
}

View file

@ -266,5 +266,93 @@
"autoDetect": {
"message": "Автоопределение",
"description": "Auto-detect language option"
},
"welcomeTitle": {
"message": "Добро пожаловать в FMHY SafeGuard",
"description": "Welcome page title"
},
"welcomeSubtitle": {
"message": "Давайте настроим безопасный просмотр",
"description": "Welcome page subtitle"
},
"welcomeStep1Title": {
"message": "Закрепите расширение на панели инструментов",
"description": "Welcome step 1 title"
},
"welcomeStep1Desc": {
"message": "Для быстрого доступа закрепите FMHY SafeGuard на панели инструментов браузера:",
"description": "Welcome step 1 description"
},
"welcomeStep1Item1": {
"message": "Нажмите на меню расширений (значок пазла) на панели инструментов",
"description": "Welcome step 1 item 1"
},
"welcomeStep1Item2": {
"message": "Найдите \"FMHY SafeGuard\" в списке",
"description": "Welcome step 1 item 2"
},
"welcomeStep1Item3": {
"message": "Нажмите на значок булавки или щёлкните правой кнопкой и выберите \"Закрепить на панели\"",
"description": "Welcome step 1 item 3"
},
"welcomeStep2Title": {
"message": "Как это работает",
"description": "Welcome step 2 title"
},
"welcomeStep2Desc": {
"message": "FMHY SafeGuard автоматически проверяет сайты по нашей базе данных безопасности:",
"description": "Welcome step 2 description"
},
"welcomeStep2Item1": {
"message": "Блокирует доступ к известным опасным сайтам",
"description": "Welcome step 2 item 1"
},
"welcomeStep2Item2": {
"message": "Показывает предупреждения для потенциально опасных сайтов",
"description": "Welcome step 2 item 2"
},
"welcomeStep2Item3": {
"message": "Определяет надёжные безопасные сайты",
"description": "Welcome step 2 item 3"
},
"welcomeStep2Item4": {
"message": "Показывает заметки из вики FMHY для сопоставленных сайтов",
"description": "Welcome step 2 item 4"
},
"welcomeStep2Item5": {
"message": "Отображает причины, почему сайты помечены как опасные",
"description": "Welcome step 2 item 5"
},
"welcomeIconDesc": {
"message": "Цвет значка расширения указывает на статус текущего сайта:",
"description": "Welcome icon description"
},
"welcomeStep3Title": {
"message": "Настройте параметры",
"description": "Welcome step 3 title"
},
"welcomeStep3Desc": {
"message": "Настройте расширение под себя:",
"description": "Welcome step 3 description"
},
"welcomeStep3Item1": {
"message": "Выберите светлую, тёмную или AMOLED тему",
"description": "Welcome step 3 item 1"
},
"welcomeStep3Item2": {
"message": "Выберите предпочитаемый язык (доступно 7)",
"description": "Welcome step 3 item 2"
},
"welcomeStep3Item3": {
"message": "Включите/отключите страницы предупреждений",
"description": "Welcome step 3 item 3"
},
"welcomeStep3Item4": {
"message": "Установите частоту автоматического обновления",
"description": "Welcome step 3 item 4"
},
"welcomeStep3Item5": {
"message": "Настройте цвета подсветки ссылок",
"description": "Welcome step 3 item 5"
}
}

View file

@ -1,6 +1,15 @@
// Cross-browser compatibility shim
const browserAPI = typeof browser !== "undefined" ? browser : chrome;
// Open welcome page on first install
browserAPI.runtime.onInstalled.addListener((details) => {
if (details.reason === "install") {
browserAPI.tabs.create({
url: browserAPI.runtime.getURL("pub/welcome-page.html")
});
}
});
// URLs and Constants
const filterListURLUnsafe =
"https://raw.githubusercontent.com/fmhy/FMHYFilterlist/refs/heads/main/sitelist.txt";

View file

@ -4,7 +4,7 @@
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Welcome to FMHY SafeGuard</title>
<title data-i18n="welcomeTitle">Welcome to FMHY SafeGuard</title>
<link rel="icon" type="image/x-icon" href="../res/ext_icon_144.png" />
<style>
@font-face {
@ -32,16 +32,19 @@
background-color: var(--background);
font-family: "Inter", sans-serif;
color: var(--text-primary);
line-height: 1.6;
line-height: 1.4;
min-height: 100vh;
display: flex;
align-items: center;
}
.container {
max-width: 800px;
max-width: 700px;
margin: 0 auto;
padding: 2rem;
padding: 1.25rem 1.5rem;
display: flex;
flex-direction: column;
gap: 2rem;
gap: 1rem;
}
.welcome-header {
@ -49,9 +52,9 @@
}
.title {
font-size: 2.5rem;
font-size: 2rem;
font-weight: 700;
margin-bottom: 1rem;
margin-bottom: 0.5rem;
background: linear-gradient(120deg,
var(--accent-purple) 30%,
var(--accent-blue));
@ -62,22 +65,22 @@
.subtitle {
color: var(--text-secondary);
font-size: 1.1rem;
margin-bottom: 1rem;
font-size: 1rem;
margin-bottom: 0;
}
.card {
background: var(--card-bg);
border-radius: 12px;
padding: 1.5rem;
border-radius: 10px;
padding: 1.25rem 1.5rem;
border: 1px solid var(--section-border);
}
.step {
display: flex;
gap: 1.5rem;
gap: 1rem;
align-items: flex-start;
margin-bottom: 2rem;
margin-bottom: 1.25rem;
}
.step:last-child {
@ -88,13 +91,14 @@
background: linear-gradient(120deg,
var(--accent-purple),
var(--accent-blue));
width: 32px;
height: 32px;
width: 28px;
height: 28px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-weight: 600;
font-size: 0.85rem;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
flex-shrink: 0;
}
@ -104,14 +108,15 @@
}
.step-title {
font-size: 1.1rem;
font-size: 1rem;
font-weight: 600;
margin-bottom: 0.5rem;
margin-bottom: 0.35rem;
}
.step-description {
color: var(--text-secondary);
margin-bottom: 1rem;
margin-bottom: 0.5rem;
font-size: 0.875rem;
}
.status-list {
@ -119,25 +124,25 @@
align-items: center;
justify-content: center;
flex-wrap: wrap;
gap: 1.5rem;
margin: 1rem 0;
padding: 1rem;
gap: 1rem;
margin: 0.5rem 0;
padding: 0.6rem 1rem;
background: rgba(0, 0, 0, 0.2);
border-radius: 8px;
border-radius: 6px;
}
.status-item {
display: flex;
align-items: center;
gap: 0.5rem;
gap: 0.4rem;
color: var(--text-secondary);
font-size: 0.9rem;
font-size: 0.8rem;
min-width: fit-content;
}
.status-icon {
width: 19px;
height: 19px;
width: 16px;
height: 16px;
object-fit: contain;
}
@ -156,7 +161,7 @@
.footer {
text-align: center;
color: var(--text-secondary);
font-size: 0.875rem;
font-size: 0.8rem;
}
.footer a {
@ -170,8 +175,8 @@
.btn {
display: inline-block;
padding: 0.75rem 1.5rem;
border-radius: 8px;
padding: 0.6rem 1.5rem;
border-radius: 6px;
border: none;
font-family: inherit;
font-weight: 600;
@ -232,27 +237,22 @@
<body>
<div class="container">
<div class="welcome-header">
<h1 class="title">Welcome to FMHY SafeGuard</h1>
<p class="subtitle">Let's get you set up to browse safely</p>
<h1 class="title" data-i18n="welcomeTitle">Welcome to FMHY SafeGuard</h1>
<p class="subtitle" data-i18n="welcomeSubtitle">Let's get you set up to browse safely</p>
</div>
<div class="card">
<div class="step">
<div class="step-number">1</div>
<div class="step-content">
<h2 class="step-title">Pin Extension to Toolbar</h2>
<p class="step-description">
<h2 class="step-title" data-i18n="welcomeStep1Title">Pin Extension to Toolbar</h2>
<p class="step-description" data-i18n="welcomeStep1Desc">
For quick access, pin FMHY SafeGuard to your browser toolbar:
</p>
<ol style="color: var(--text-secondary); margin-left: 1.5rem">
<li>
Click the extensions menu (puzzle piece icon) in your toolbar
</li>
<li>Find "FMHY SafeGuard" in the list</li>
<li>
Click the pin icon next to it or right-click it and select "Pin
to Toolbar"
</li>
<ol style="color: var(--text-secondary); margin-left: 1.25rem; font-size: 0.85rem; line-height: 1.6;">
<li data-i18n="welcomeStep1Item1">Click the extensions menu (puzzle piece icon) in your toolbar</li>
<li data-i18n="welcomeStep1Item2">Find "FMHY SafeGuard" in the list</li>
<li data-i18n="welcomeStep1Item3">Click the pin icon next to it or right-click it and select "Pin to Toolbar"</li>
</ol>
</div>
</div>
@ -260,17 +260,33 @@
<div class="step">
<div class="step-number">2</div>
<div class="step-content">
<h2 class="step-title">How It Works</h2>
<p class="step-description">
FMHY SafeGuard automatically checks websites against our security
database:
<h2 class="step-title" data-i18n="welcomeStep2Title">How It Works</h2>
<p class="step-description" data-i18n="welcomeStep2Desc">
FMHY SafeGuard automatically checks websites against our security database:
</p>
<ul style="color: var(--text-secondary); margin-left: 1.5rem">
<li>🛡️ Blocks access to known unsafe sites</li>
<li>⚠️ Shows warnings for potentially unsafe sites</li>
<li>✅ Identifies trusted safe sites</li>
<ul style="color: var(--text-secondary); margin-left: 1.25rem; list-style: none; font-size: 0.85rem;">
<li style="display: flex; align-items: center; gap: 6px; margin-bottom: 4px;">
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="#ff6b6b" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="m4.9 4.9 14.2 14.2"/></svg>
<span data-i18n="welcomeStep2Item1">Blocks access to known unsafe sites</span>
</li>
<li style="display: flex; align-items: center; gap: 6px; margin-bottom: 4px;">
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="#f0ad4e" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3"/><path d="M12 9v4"/><path d="M12 17h.01"/></svg>
<span data-i18n="welcomeStep2Item2">Shows warnings for potentially unsafe sites</span>
</li>
<li style="display: flex; align-items: center; gap: 6px; margin-bottom: 4px;">
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="#5cb85c" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"/><path d="m9 12 2 2 4-4"/></svg>
<span data-i18n="welcomeStep2Item3">Identifies trusted safe sites</span>
</li>
<li style="display: flex; align-items: center; gap: 6px; margin-bottom: 4px;">
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="#7bc5e4" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M16 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V8Z"/><path d="M15 3v4a2 2 0 0 0 2 2h4"/><path d="M10 13h4"/><path d="M10 17h4"/></svg>
<span data-i18n="welcomeStep2Item4">Shows FMHY wiki notes for mapped sites</span>
</li>
<li style="display: flex; align-items: center; gap: 6px;">
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="#c4b5fd" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"/><path d="m21 21-4.3-4.3"/></svg>
<span data-i18n="welcomeStep2Item5">Displays reasons why sites are flagged unsafe</span>
</li>
</ul>
<p class="step-description" style="margin-top: 1rem">
<p class="step-description" style="margin-top: 0.5rem" data-i18n="welcomeIconDesc">
The extension icon color indicates the current site's status:
</p>
<div class="status-list">
@ -301,31 +317,34 @@
<div class="step">
<div class="step-number">3</div>
<div class="step-content">
<h2 class="step-title">Customize Your Settings</h2>
<p class="step-description">
<h2 class="step-title" data-i18n="welcomeStep3Title">Customize Your Settings</h2>
<p class="step-description" data-i18n="welcomeStep3Desc">
Configure the extension to work best for you:
</p>
<ul style="color: var(--text-secondary); margin-left: 1.5rem">
<li>Choose light, dark, or AMOLED theme</li>
<li>Enable/disable warning pages</li>
<li>Set automatic update frequency</li>
<ul style="color: var(--text-secondary); margin-left: 1.25rem; font-size: 0.85rem; line-height: 1.6;">
<li data-i18n="welcomeStep3Item1">Choose light, dark, or AMOLED theme</li>
<li data-i18n="welcomeStep3Item2">Select your preferred language (7 available)</li>
<li data-i18n="welcomeStep3Item3">Enable/disable warning pages</li>
<li data-i18n="welcomeStep3Item4">Set automatic update frequency</li>
<li data-i18n="welcomeStep3Item5">Customize link highlighting colors</li>
</ul>
</div>
</div>
</div>
<div class="btn-container">
<a href="settings-page.html" class="btn">Open Settings</a>
<a href="settings-page.html" class="btn" data-i18n="openSettings">Open Settings</a>
</div>
<div class="footer">
<p>FMHY SafeGuard</p>
<p data-i18n="extensionName">FMHY SafeGuard</p>
<p>
Powered by
<a href="https://github.com/fmhy/FMHYFilterlist" target="_blank">FMHY Filterlist</a>
<span data-i18n="poweredBy">Powered by</span>
<a href="https://github.com/fmhy/FMHYFilterlist" target="_blank" data-i18n="fmhyFilterlist">FMHY Filterlist</a>
</p>
</div>
</div>
<script src="../js/i18n.js"></script>
</body>
</html>