mirror of
https://github.com/QwIT-Development/firka-extension.git
synced 2026-06-12 03:41:39 +02:00
122 lines
5.1 KiB
HTML
122 lines
5.1 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="hu">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Firxa - Beállítások</title>
|
|
<link rel="icon" type="image/png" href="../images/firka_logo_128.png">
|
|
<link rel="shortcut icon" type="image/png" href="../images/firka_logo_128.png">
|
|
<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=Montserrat:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
|
|
<link href="https://fonts.googleapis.com/icon?family=Material+Icons+Round" rel="stylesheet">
|
|
<link rel="stylesheet" href="index.css">
|
|
<link rel="stylesheet" href="../global/theme.css">
|
|
</head>
|
|
<body>
|
|
<div class="popup-container">
|
|
<header class="popup-header">
|
|
<p class="logo-text">
|
|
<img src="https://i.imgur.com/WugwlzI.png" alt="Firka" class="logo">
|
|
Firxa
|
|
</p>
|
|
</header>
|
|
|
|
<div class="settings-card">
|
|
<h2 data-i18n="settings.title">Beállítások</h2>
|
|
<div class="settings-group">
|
|
<div class="setting-section">
|
|
<div class="setting-header">
|
|
<span class="material-icons-round">palette</span>
|
|
<span data-i18n="settings.theme">Téma</span>
|
|
</div>
|
|
<div class="theme-grid">
|
|
<button class="theme-option" data-theme="default">
|
|
<div class="theme-preview light-blue">
|
|
<div class="preview-header"></div>
|
|
<div class="preview-content">
|
|
<div class="preview-card"></div>
|
|
</div>
|
|
</div>
|
|
<span class="theme-name" data-i18n="settings.themes.light_blue">Világos Kék</span>
|
|
</button>
|
|
<button class="theme-option" data-theme="light-green">
|
|
<div class="theme-preview light-green">
|
|
<div class="preview-header"></div>
|
|
<div class="preview-content">
|
|
<div class="preview-card"></div>
|
|
</div>
|
|
</div>
|
|
<span class="theme-name" data-i18n="settings.themes.light_green">Világos Zöld</span>
|
|
</button>
|
|
<button class="theme-option" data-theme="dark-blue">
|
|
<div class="theme-preview dark-blue">
|
|
<div class="preview-header"></div>
|
|
<div class="preview-content">
|
|
<div class="preview-card"></div>
|
|
</div>
|
|
</div>
|
|
<span class="theme-name" data-i18n="settings.themes.dark_blue">Sötét Kék</span>
|
|
</button>
|
|
<button class="theme-option" data-theme="dark-green">
|
|
<div class="theme-preview dark-green">
|
|
<div class="preview-header"></div>
|
|
<div class="preview-content">
|
|
<div class="preview-card"></div>
|
|
</div>
|
|
</div>
|
|
<span class="theme-name" data-i18n="settings.themes.dark_green">Sötét Zöld</span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="setting-section">
|
|
<div class="setting-header">
|
|
<span class="material-icons-round">language</span>
|
|
<span data-i18n="settings.language">Nyelv</span>
|
|
</div>
|
|
<div class="language-grid">
|
|
<button class="language-option" data-language="hu">
|
|
<span class="language-name" data-i18n="settings.languages.hu">Magyar</span>
|
|
</button>
|
|
<button class="language-option" data-language="en">
|
|
<span class="language-name" data-i18n="settings.languages.en">English</span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="about-card">
|
|
<h2 data-i18n="settings.about.title">Névjegy</h2>
|
|
<div class="about-content">
|
|
<p data-i18n="settings.about.description">A Firka egy nyílt forráskódú projekt, amely a KRÉTA rendszerhez készít saját felhasználói felületet.</p>
|
|
<a href="https://github.com/QwIT-Development/" target="_blank" class="github-link">
|
|
<span class="material-icons-round">code</span>
|
|
<span data-i18n="settings.about.github">GitHub</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="support-card">
|
|
<h2 data-i18n="settings.support.title">Támogatás</h2>
|
|
<div class="support-content">
|
|
<p data-i18n="settings.support.description">Ha tetszik a munkánk és szeretnéd támogatni a fejlesztést, az alábbi módon teheted meg:</p>
|
|
<div class="support-buttons">
|
|
<a href="https://ko-fi.com/zan1456" target="_blank" class="support-button">
|
|
<span class="material-icons-round">coffee</span>
|
|
<span data-i18n="settings.support.kofi">Ko-Fi</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<footer class="popup-footer">
|
|
<div class="version-info" id="version">v1.1.0</div>
|
|
</footer>
|
|
</div>
|
|
<script src="../tools/cookieManager.js"></script>
|
|
<script src="../global/language.js"></script>
|
|
<script src="index.js"></script>
|
|
</body>
|
|
</html> |