mirror of
https://github.com/QwIT-Development/firka-extension.git
synced 2026-06-12 03:41:39 +02:00
105 lines
3.9 KiB
HTML
105 lines
3.9 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>Beállítások</h2>
|
|
<div class="settings-group">
|
|
<div class="setting-section">
|
|
<div class="setting-header">
|
|
<span class="material-icons-round">palette</span>
|
|
Téma
|
|
</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">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">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">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">Sötét Zöld</span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="about-card">
|
|
<h2>Névjegy</h2>
|
|
<div class="about-content">
|
|
<p>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>
|
|
GitHub
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="support-card">
|
|
<h2>Támogatás</h2>
|
|
<div class="support-content">
|
|
<p>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>
|
|
Ko-Fi
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<footer class="popup-footer">
|
|
<div class="version-info" id="version">v1.1.0</div>
|
|
</footer>
|
|
</div>
|
|
<script src="index.js"></script>
|
|
</body>
|
|
</html> |