52 lines
1.9 KiB
HTML
52 lines
1.9 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title data-i18n="app_title">Password Generator</title>
|
|
<link rel="stylesheet" href="../assets/css/style.css">
|
|
</head>
|
|
<body>
|
|
<header class="header">
|
|
<div class="container">
|
|
<h1>🔐 <span data-i18n="app_title">Password Generator</span></h1>
|
|
<a href="/docs">📚 <span data-i18n="api_documentation">API Documentation</a></a>
|
|
|
|
<div class="language-selector">
|
|
<label for="language-select" data-i18n="language">Language:</label>
|
|
<select id="language-select">
|
|
<option value="en">English</option>
|
|
<option value="de">Deutsch</option>
|
|
<option value="de_CH">Schwyzerdütsch</option>
|
|
<option value="fr">Français</option>
|
|
<option value="it">Italiano</option>
|
|
<option value="es">Español</option>
|
|
<option value="pt">Portugues</option>
|
|
<option value="ja">日本語</option>
|
|
<option value="zh">中文</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
|
|
<main class="main-container">
|
|
<div class="loading" id="initial-loading">
|
|
<div class="loading-spinner"></div>
|
|
<p data-i18n="loading_generators">Loading password generators...</p>
|
|
</div>
|
|
|
|
<div id="generators-container" class="generators-grid" style="display: none;">
|
|
<!-- Password generator cards will be inserted here by JavaScript -->
|
|
</div>
|
|
</main>
|
|
|
|
<footer class="footer">
|
|
<p>
|
|
<span data-i18n="footer_text">Footer Text</span>
|
|
<a href="/docs" data-i18n="api_documentation">API Documentation</a>
|
|
</p>
|
|
</footer>
|
|
|
|
<script src="/assets/js/app.js"></script>
|
|
</body>
|
|
</html> |