mirror of
https://github.com/shadoll/p9o.git
synced 2025-12-20 02:25:56 +00:00
sHa
636a563659
- Created Ukrainian flag SVG file. - Developed index.html to include structure for language switching. - Implemented script.js for managing language phrases and automatic switching. - Styled the application with style.css for a cohesive design and responsive layout.
37 lines
1.1 KiB
HTML
37 lines
1.1 KiB
HTML
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Omnia Possibilia</title>
|
|
<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=Great+Vibes&subset=cyrillic,latin&display=swap" rel="stylesheet">
|
|
<link rel="stylesheet" href="style.css">
|
|
</head>
|
|
|
|
<body>
|
|
<div class="progress-bar">
|
|
<div class="progress-line"></div>
|
|
</div>
|
|
<div class="flag-container">
|
|
<div id="flag-background-1" class="flag-background active"></div>
|
|
<div id="flag-background-2" class="flag-background"></div>
|
|
</div>
|
|
<div class="container">
|
|
<div class="quote">
|
|
<p id="phrase"></p>
|
|
</div>
|
|
</div>
|
|
<footer>
|
|
<p>Developed by sHa</p>
|
|
<div class="lang-controls">
|
|
<span id="current-lang-name">Latin</span>
|
|
<button id="next-lang-btn" aria-label="Next language">⏭︎</button>
|
|
</div>
|
|
</footer>
|
|
<script src="script.js"></script>
|
|
</body>
|
|
|
|
</html>
|